:root{--bg:#cdeef0;--text:#12343b;--text-soft:#4b6e75;--panel:#ffffff8c;--panel-strong:#ffffffe0;--panel-line:#12343b29;--track:#12343b26;--stop:#eefaf8;--card-ink:#12343b;--card-soft:#4b6e75;--card-tint:#eefaf8;--edge:#9adfd4;--accent:#6f5cf1;--accent-deep:#5a48d6;--accent-ink:#fff;--reward:#0b6e60;--reward-drop:#18b8a2;--focus:#5a48d6;--ship-turn:0deg;--locked-filter:brightness(0);--stage-no:#bfeee6;--hour:#ff6f61;--minute:#5a48d6}body{background-image:radial-gradient(50% 30% at 15% 0,#fffc,#0000 70%),linear-gradient(#e9f8f5,#bfe6f3)}.gear{width:100%;height:100%;display:block}.clock{aspect-ratio:1;width:100%;height:auto;display:block}.clock-rim{fill:#0e9a87}.clock-face{fill:#fff}.tick{stroke:#b9cfd2;stroke-width:1.5px}.tick-big{stroke:#12343b;stroke-width:3px;stroke-linecap:round}.clock-numbers text{font-family:var(--font-display);fill:#12343b;text-anchor:middle;dominant-baseline:central;font-size:22px;font-weight:800}.hand{stroke-linecap:round}.hand-hour{stroke:var(--hour);stroke-width:9px}.hand-minute{stroke:var(--minute);stroke-width:5.5px}.clock-cap{fill:#12343b}.clock-big{width:min(74vw,38dvh,300px)}.clock-small{width:120px}.clock-mini{width:58px}.hero-art{width:132px;height:132px}.mode-oku{--mode-tint:#d5f4ee;--mode-deep:#0b8473;--mode-edge:#9adfd4}.mode-esle{--mode-tint:#e9e5ff;--mode-deep:#5a48d6;--mode-edge:#cfc8ff}.mode-kur{--mode-tint:#fff0c7;--mode-deep:#b77a00;--mode-edge:#f0c254}.mode-art .gear{width:52px;height:52px}.question{gap:8px}.q-said{color:var(--text-soft);font-size:19px;font-weight:800}.q-said-big{font-family:var(--font-display);color:var(--text);text-wrap:balance;font-size:clamp(25px,7.4vw,34px);line-height:1.15}.q-digital{font-family:var(--font-display);color:var(--minute);font-size:22px;font-weight:800}.mode-oku .choices-wide .choice{min-height:64px;padding:8px 14px;font-size:clamp(21px,6vw,26px);line-height:1.15}.mode-esle .choice{min-height:0;padding:10px}.mode-esle .choice .clock{width:min(100%,17dvh,150px);margin-inline:auto}.mode-esle .choice.is-right,.mode-esle .choice.is-wrong{color:inherit}.clock-wrap{margin-top:4px}.clock-set{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.clock-set.is-hour .hand-hour,.clock-set.is-minute .hand-minute{filter:drop-shadow(0 0 5px);stroke-width:11px}.clock-set.is-minute .hand-minute{stroke-width:7.5px}.clock-set .hand-hour{color:var(--hour)}.clock-set .hand-minute{color:var(--minute)}.set-row{gap:12px;display:grid}.hand-switch{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hand-btn{background:var(--panel);border:2px solid var(--panel-line);min-height:56px;font-family:var(--font-display);border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.hand-btn i{background:var(--hand);border-radius:4px;width:8px}.hand-btn-hour{--hand:var(--hour)}.hand-btn-hour i{height:18px}.hand-btn-minute{--hand:var(--minute)}.hand-btn-minute i{width:6px;height:30px}.hand-btn[aria-pressed=true]{background:var(--card);border-color:var(--hand);box-shadow:0 4px 0 var(--hand)}.nudge-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.nudge-row .icon-btn{background:var(--card);border-radius:20px;width:60px;height:60px}.unlock{border-color:var(--edge);background:#ffffffb3}