:root{--background:#111310;--foreground:#f2f0e9;--muted:#8e9289;--line:#2a2e28;--ready:#79d497;--holding:#ef6d64;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}.dark{--background:#111310;--foreground:#f2f0e9;--muted:#8e9289;--line:#2a2e28;--ready:#79d497;--holding:#ef6d64}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;overflow:hidden}.timer-shell{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:minmax(120px,.8fr) minmax(180px,1fr) minmax(220px,1.1fr);align-items:center;min-height:100svh;padding:clamp(24px,4vw,52px);display:grid}.timer-shell:before{z-index:-1;background:radial-gradient(circle at 50% 43%, #ffffff09, transparent 34%), var(--background);content:"";position:fixed;inset:0}.scramble-area{text-align:center;width:min(920px,100%);margin:0 auto}.eyebrow{color:var(--muted);letter-spacing:.2em;margin:0 0 14px;font-size:.68rem;font-weight:650}.scramble-area h1{color:#dad8d1;min-height:2.7em;font-family:var(--font-mono);letter-spacing:.035em;margin:0;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:500;line-height:1.55}.timer-area{text-align:center;align-self:center}.time{color:var(--foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.09em;font-size:clamp(4.8rem,14vw,10.5rem);font-weight:450;line-height:.9;transition:color .12s,transform .12s;display:block;transform:translate(-.045em)}.instruction{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:clamp(22px,4vh,34px) 0 0;font-size:.72rem;font-weight:550;transition:color .12s}.instruction-touch{display:none}.timer-shell[data-phase=holding] .time,.timer-shell[data-phase=holding] .instruction{color:var(--holding)}.timer-shell[data-phase=holding] .time{transform:translate(-.045em)scale(.985)}.timer-shell[data-phase=ready] .time,.timer-shell[data-phase=ready] .instruction{color:var(--ready)}.cube-net{--face-size:clamp(46px, 6.1vw, 72px);width:calc(var(--face-size) * 4 + 15px);grid-template-columns:repeat(4, var(--face-size));grid-template-rows:repeat(3, var(--face-size));place-self:end center;gap:5px;margin:0;display:grid}.cube-face{background:#090a09;border:1px solid #353932;border-radius:4px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.sticker{border-radius:1.5px;min-width:0;min-height:0}.face-u{grid-area:1/2}.face-l{grid-area:2/1}.face-f{grid-area:2/2}.face-r{grid-area:2/3}.face-b{grid-area:2/4}.face-d{grid-area:3/2}@media (max-height:680px){.timer-shell{grid-template-rows:minmax(100px,.7fr) minmax(140px,.9fr) minmax(175px,1fr);padding-block:20px}.time{font-size:clamp(4rem,13vw,7.5rem)}.instruction{margin-top:18px}.cube-net{--face-size:clamp(42px, 8vh, 58px)}}@media (max-width:520px){.timer-shell{padding-inline:18px}.scramble-area h1{font-size:.92rem}.cube-net{--face-size:min(15.5vw, 58px)}}@media (pointer:coarse){.instruction-desktop{display:none}.instruction-touch{display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}