:root{--bg-0:#0b0d12;--bg-1:#0f131b;--bg-2:#131a26;--surface-0:#10161f;--surface-1:#161e2a;--surface-2:#0d1219;--line-strong:rgba(229,237,250,.2);--line-soft:rgba(173,186,208,.18);--ink:#f7f9fd;--muted:#9eabbe;--muted-soft:#7c8899;--f1-red:#b1112a;--f1-red-bright:#f1324f;--f1-red-off:#2f0d14;--f1-red-core:#7f0d1f;--accent-yellow:#f4ca5b;--accent-blue:#4ec8ff;--success:#72ddba;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--font-ui:"Inter","SF Pro Display","SF Pro Text","Segoe UI","Helvetica Neue",sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;min-height:100%}html{background:var(--bg-0)}body{position:relative;overflow-x:hidden;overscroll-behavior-y:contain;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(circle at 8% 12%,rgba(78,200,255,.08),transparent 30%),radial-gradient(circle at 84% 78%,rgba(241,50,79,.1),transparent 34%),linear-gradient(180deg,var(--bg-2) 0,var(--bg-1) 40%,var(--bg-0) 100%)}body:before{opacity:.18;background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.09) 0 1px,transparent 1px 6px,hsla(0,0%,100%,.04) 6px 7px,transparent 7px 12px)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:radial-gradient(circle at 50% -10%,transparent 32%,rgba(0,0,0,.35) 90%)}.app-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.app-card{position:relative;width:min(980px,100%);background:linear-gradient(180deg,var(--surface-1) 0,var(--surface-0) 52%,var(--surface-2) 100%);border:1px solid var(--line-strong);border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 22px 44px rgba(0,0,0,.55);padding:clamp(1rem,3.4vw,2.25rem);isolation:isolate;overflow:hidden;animation:card-enter .36s cubic-bezier(.22,.9,.26,1) both}.app-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--f1-red-bright) 38%,var(--accent-yellow) 64%,transparent);opacity:.95}.app-card:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(78,200,255,.72),transparent);opacity:.65}.app-header{position:relative;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--line-soft);display:grid;grid-gap:.15rem;gap:.15rem}.app-header .kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.77rem;color:var(--accent-yellow)}.app-header h1{margin:0;font-size:clamp(2.15rem,7.2vw,4.5rem);letter-spacing:.08em;line-height:.95;font-weight:900;text-transform:uppercase}.instructions{margin:.35rem 0 0;max-width:60ch;color:var(--muted);font-size:clamp(.92rem,2.2vw,1.02rem);line-height:1.45}.mode-selector{--active-mode-index:0;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0;gap:0;padding:.25rem;margin:0;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(20,26,37,.9),rgba(11,15,22,.95));overflow:hidden}.mode-selector-track{position:absolute;top:.25rem;left:.25rem;width:calc((100% - .5rem) / 2);height:calc(100% - .5rem);border-radius:10px;border:1px solid rgba(251,174,188,.58);background:linear-gradient(145deg,rgba(185,26,49,.95),rgba(137,12,31,.95) 56%,rgba(59,7,15,.95));box-shadow:inset 0 1px 0 rgba(255,190,202,.32);transform:translate3d(calc(var(--active-mode-index) * 100%),0,0);transition:transform .26s cubic-bezier(.22,.88,.28,1)}.mode-selector-track:after{content:"";position:absolute;inset:auto 10% 0;height:1px;background:rgba(78,200,255,.86)}.mode-option{position:relative;z-index:1;border:0;background:transparent;color:var(--ink);text-align:left;padding:.75rem .85rem;cursor:pointer;opacity:.7;transform:translateZ(0);transition:opacity .22s ease-out,transform .22s ease-out}.mode-option:hover{opacity:.9}.mode-option:active{transform:scale(.99)}.mode-option:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px;border-radius:10px}.mode-option.is-active{opacity:1}.mode-option-label{display:block;font-size:.88rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mode-option-description{display:block;margin-top:.2rem;font-size:.76rem;color:rgba(241,247,255,.86)}.gesture-hint{margin:.75rem 0 0;color:var(--muted-soft);text-align:center;font-size:.8rem;letter-spacing:.02em}.game-surface{margin-top:1rem;display:grid;grid-gap:.9rem;gap:.9rem}.mode-instructions{margin:0;color:var(--muted);text-align:center;font-size:.92rem;line-height:1.45}.countdown-chip{margin:0 auto;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:.32rem .8rem;border:1px solid rgba(89,197,242,.5);background:rgba(13,36,49,.55);color:#dff7ff;font-size:.84rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.light-sequence{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:clamp(.42rem,1.5vw,.94rem);gap:clamp(.42rem,1.5vw,.94rem);width:min(620px,100%);margin:0 auto;padding:clamp(.68rem,2vw,1.05rem);border-radius:var(--radius-lg);border:1px solid rgba(220,232,250,.22);background:linear-gradient(180deg,rgba(17,23,34,.95),rgba(10,14,21,.95));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),0 10px 26px rgba(0,0,0,.42)}.light-sequence:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(244,202,91,.1),transparent 30%)}.light-sequence.sequence-go{border-color:rgba(244,202,91,.65)}.sequence-go-marker{position:absolute;top:-.68rem;left:50%;transform:translateX(-50%);border-radius:999px;padding:.15rem .56rem;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#120e05;background:linear-gradient(180deg,#ffe08a,#f4ca5b);border:1px solid rgba(255,242,189,.75)}.light-dot{position:relative;width:100%;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(219,228,244,.24);overflow:hidden;background:radial-gradient(circle at 52% 35%,#4a141d 0,#2a0b11 50%,#13050a 100%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -8px 14px rgba(0,0,0,.74),0 3px 10px rgba(0,0,0,.55)}.light-dot:before{inset:10%;background:radial-gradient(circle at 34% 24%,hsla(0,0%,100%,.34),transparent 46%),radial-gradient(circle at 50% 60%,rgba(163,27,43,.44),rgba(33,7,12,.1) 60%,transparent 100%);opacity:.56;transform:scale(1);transition:opacity .24s ease-out,transform .24s ease-out}.light-dot:after,.light-dot:before{content:"";position:absolute;border-radius:inherit}.light-dot:after{inset:-16%;background:radial-gradient(circle,rgba(255,68,88,.78) 0,rgba(221,24,49,.62) 34%,rgba(180,15,37,.2) 62%,rgba(180,15,37,0) 74%);opacity:0;transform:scale(.84);transition:opacity .28s ease-out,transform .28s ease-out}.light-dot.is-active{border-color:rgba(255,173,185,.76);background:radial-gradient(circle at 50% 35%,#f95e73 0,#d31534 38%,var(--f1-red-core) 68%,#2f0610 100%);box-shadow:inset 0 1px 0 rgba(255,226,232,.45),inset 0 -8px 15px rgba(69,4,15,.65),0 0 14px rgba(241,50,79,.38),0 0 26px rgba(241,50,79,.22)}.light-dot.is-active:before{opacity:.1;transform:scale(.92)}.light-dot.is-active:after{opacity:1;transform:scale(1)}.light-dot-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;cursor:pointer;touch-action:manipulation}.light-dot-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.light-sequence.is-interactive .light-dot-button{transform:translateZ(0);transition:transform .17s ease-out}.light-sequence.is-interactive .light-dot-button:active{transform:scale(.97)}.timer-display{display:grid;grid-gap:.72rem;gap:.72rem}.status-message{margin:0;border:1px solid rgba(78,200,255,.26);background:rgba(12,26,39,.55);border-radius:var(--radius-md);padding:.65rem .75rem;color:#eef8ff;text-align:center;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:760;letter-spacing:.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.stat-card{position:relative;border-radius:12px;border:1px solid rgba(228,238,252,.16);background:linear-gradient(180deg,rgba(16,22,34,.92),rgba(10,13,20,.92));padding:.7rem .62rem;text-align:center;animation:card-rise .26s ease-out both}.stat-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border-top:1px solid rgba(244,202,91,.34);pointer-events:none}.stat-card:nth-child(2){animation-delay:24ms}.stat-card:nth-child(3){animation-delay:48ms}.stat-card:nth-child(4){animation-delay:72ms}.stat-card:nth-child(5){animation-delay:96ms}.stat-card h2{margin:0;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:680}.stat-card p{margin:.3rem 0 0;font-size:clamp(1.02rem,2.9vw,1.28rem);font-weight:840;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.control-button{position:relative;width:100%;min-height:162px;border-radius:var(--radius-lg);border:1px solid rgba(226,236,251,.24);background:linear-gradient(180deg,rgba(28,37,52,.95),rgba(14,20,30,.98));color:var(--ink);font-family:var(--font-ui);font-size:clamp(1.3rem,5.6vw,2.4rem);font-weight:840;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;overflow:hidden;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 14px 28px rgba(0,0,0,.44);transform:translateZ(0);transition:transform .16s ease-out,opacity .16s ease-out}.control-button:before{background:linear-gradient(90deg,transparent,rgba(244,202,91,.36),transparent),linear-gradient(180deg,hsla(0,0%,100%,.08),transparent 55%);opacity:.7}.control-button:after,.control-button:before{content:"";position:absolute;inset:0;pointer-events:none}.control-button:after{background:linear-gradient(130deg,transparent 35%,rgba(78,200,255,.22),transparent 66%);opacity:0;transition:opacity .18s ease-out}.control-button:hover{transform:translateY(-1px)}.control-button:hover:after{opacity:.72}.control-button:active{transform:translateY(1px) scale(.995)}.control-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.control-button.is-go{border-color:rgba(255,155,173,.62);background:linear-gradient(180deg,rgba(176,20,43,.95),rgba(126,12,29,.95) 56%,rgba(64,7,16,.96))}.control-button.is-go:after{opacity:.52;background:radial-gradient(circle at 50% 50%,rgba(255,75,100,.42) 0,rgba(255,75,100,0) 62%)}.control-button:disabled{cursor:not-allowed;opacity:.66}.subnote{color:var(--muted);font-size:.85rem}.notice,.subnote{margin:0;text-align:center}.notice{color:var(--muted-soft);font-size:.82rem}.notice.warning{color:#ffd5db;font-weight:700}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.app-card{border-radius:18px}.app-header{text-align:center}.app-header h1{letter-spacing:.06em}.instructions{margin-left:auto;margin-right:auto}.mode-option{padding:.68rem .62rem}.mode-option-label{font-size:.78rem}.mode-option-description{font-size:.69rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-button{min-height:176px}}@media (max-width:420px){.app-shell{padding:max(.65rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left))}}@media (display-mode:standalone) and (max-width:820px){.app-shell{place-items:stretch;padding-top:max(.7rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.app-card{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2rem)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition-duration:1ms!important;transition-delay:0ms!important}}@keyframes card-enter{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}