:root{color:#f3f3f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#111;--panel:#1b1b1b;--panel-2:#242424;--line:#3a3a3a;--text:#f3f3f3;--muted:#a7a7a7;--accent:#60cdff;--accent-strong:#0078d4;--accent-soft:#60cdff29;--danger:#f76363;--success:#6ccb5f;background:#111;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{background:var(--bg);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{min-height:100vh}.navbar{z-index:20;border-bottom:1px solid var(--line);background:#111111f0;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:0 32px;display:flex;position:sticky;top:0}.brand,.nav-links{align-items:center;display:flex}.brand{gap:10px;font-weight:800}.brand-mark{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--accent);border-radius:4px;place-items:center;font-size:.78rem;display:grid}.nav-links{color:var(--muted);gap:24px;font-size:.94rem}.nav-links a{border-bottom:2px solid #0000;padding:22px 0 20px}.nav-links a:hover,.nav-links a.active{border-color:var(--accent);color:var(--text)}.home-page,.page-wrap{width:min(1080px,100% - 32px);margin:0 auto}.hero-section{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:center;gap:48px;min-height:calc(100vh - 64px);padding:64px 0;display:grid}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.75rem;font-weight:800}.hero-copy h1,.leaderboard-page h1,.game-toolbar h1,.section-heading h2{color:var(--text);letter-spacing:0;margin:0}.hero-copy h1{font-size:clamp(3.8rem,10vw,7.6rem);line-height:.92}.subtitle{color:var(--text);margin:20px 0 0;font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:650}.hero-description{max-width:620px;color:var(--muted);margin:16px 0 0;font-size:1.02rem;line-height:1.7}.hero-actions,.modal-actions,.submit-line{flex-wrap:wrap;gap:10px;display:flex}.hero-actions{margin-top:28px}.primary-button,.secondary-button{border-radius:4px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:750;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.primary-button{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff}.secondary-button{border:1px solid var(--line);color:var(--text);background:0 0}.primary-button:hover{background:#106ebe}.secondary-button:hover{background:#151519;border-color:#4a4a54}.hero-arena{border:1px solid var(--line);background-color:#0c0c0e;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:4px;height:420px;position:relative;overflow:hidden}.pulse{display:none}.hero-target{border:2px solid var(--accent);border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-target span{background:var(--accent);border-radius:50%;width:28px;height:28px;display:block}.how-section,.leaderboard-page{border:1px solid var(--line);background:var(--panel);border-radius:4px;margin:0 auto 48px;padding:28px}.section-heading{margin-bottom:20px}.section-heading h2,.leaderboard-page h1{font-size:clamp(1.7rem,4vw,2.8rem)}.step-grid{border:1px solid var(--line);background:var(--line);border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.step-card{background:#0d0d10;min-height:132px;padding:18px}.step-card span{color:var(--accent);font-weight:850}.step-card p{color:var(--text);margin:32px 0 0;line-height:1.5}.page-wrap{padding:32px 0 48px}.game-screen{z-index:100;background:var(--bg);position:fixed;inset:0;overflow:hidden}.game-panel{background:var(--bg);grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;display:grid}.game-toolbar{border-bottom:1px solid var(--line);background:#181818;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 22px;display:flex}.game-toolbar h1{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800}.game-toolbar .eyebrow{margin-bottom:4px;font-size:.68rem}.game-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.music-status{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:.82rem}.mode-control{border:1px solid var(--line);background:var(--panel);border-radius:4px;display:inline-flex;overflow:hidden}.mode-control button{border:0;border-right:1px solid var(--line);min-width:72px;min-height:34px;color:var(--muted);background:0 0;padding:0 12px;font-weight:650}.mode-control button:last-child{border-right:0}.mode-control button.active{background:var(--accent-strong);color:#fff}.mode-control button:disabled{opacity:.72}.stats-grid{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.stats-grid div{border-right:1px solid var(--line);min-width:0;padding:12px 16px}.stats-grid div:last-child{border-right:0}.stats-grid span,.result-grid span{color:var(--muted);font-size:.75rem;display:block}.stats-grid strong,.result-grid strong{color:var(--text);margin-top:4px;font-size:clamp(1rem,2vw,1.35rem);display:block}.game-area{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#121212;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;height:100%;position:relative;overflow:hidden}.game-area.is-running{cursor:crosshair}.arena-vignette{pointer-events:none;background:radial-gradient(circle,#0000 46%,#0000007a);position:absolute;inset:0}.arena-message{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.arena-message span{color:var(--text);font-size:clamp(2.2rem,7vw,5.4rem);font-weight:900}.arena-message p{color:var(--muted);margin:10px 0 0}.countdown-layer{z-index:4;color:var(--accent);pointer-events:none;place-items:center;font-size:clamp(4rem,18vw,11rem);font-weight:850;display:grid;position:absolute;inset:0}.target-circle{z-index:3;width:var(--target-size,72px);height:var(--target-size,72px);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.target-core{width:calc(var(--target-size,72px) * .46);height:calc(var(--target-size,72px) * .46);background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px #60cdff1a}.approach-ring{border:2px solid var(--accent);animation:approach var(--approach-duration,.9s) linear forwards;border-radius:50%;position:absolute;inset:0}.hit-feedback{z-index:5;color:var(--success);pointer-events:none;font-weight:800;animation:.68s ease-out forwards feedbackFloat;position:absolute;transform:translate(-50%,-50%)}.hit-feedback.miss{color:var(--danger)}.mobile-controls{border-top:1px solid var(--line);background:#181818;padding:10px 12px;display:none}.modal-backdrop{z-index:50;background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.result-modal{border:1px solid var(--line);background:#101013;border-radius:4px;width:min(900px,100%);padding:24px}.modal-glow{display:none}.result-modal h2,.preview-board h3{margin:0 0 16px}.result-grid{border:1px solid var(--line);background:var(--line);border-radius:4px;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.result-grid div{background:#151519;min-width:0;padding:14px}.score-form{margin-top:20px}.score-form label{color:var(--muted);margin-bottom:8px;font-weight:700;display:block}.submit-line input{border:1px solid var(--line);min-width:min(100%,320px);color:var(--text);background:#070708;border-radius:4px;outline:none;flex:1;padding:12px 13px}.submit-line input:focus{border-color:var(--accent-strong)}.form-message{margin:10px 0 0}.error-text,.error-state{color:var(--danger)}.success-text{color:var(--success)}.modal-actions{margin-top:14px}.preview-board{margin-top:22px}.leaderboard-shell{gap:12px;display:grid}.board-tabs{border:1px solid var(--line);background:#0d0d10;border-radius:4px;width:fit-content;display:inline-flex;overflow:hidden}.board-tabs button{border:0;border-right:1px solid var(--line);min-width:88px;color:var(--muted);background:0 0;padding:10px 14px;font-weight:750}.board-tabs button:last-child{border-right:0}.board-tabs button.active{background:var(--accent-strong);color:#fff}.leaderboard{border:1px solid var(--line);border-radius:4px;overflow-x:auto}.leaderboard-row{border-bottom:1px solid var(--line);grid-template-columns:.7fr 1.6fr 1fr 1fr .8fr .8fr 1fr 1.4fr;align-items:center;gap:12px;min-width:900px;padding:13px 14px;display:grid}.leaderboard-row:last-child{border-bottom:0}.leaderboard-compact .leaderboard-row{grid-template-columns:.7fr 1.5fr 1fr 1fr 1fr;min-width:520px}.leaderboard-head{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.rank{color:var(--accent);font-weight:850}.player-name{color:var(--text);font-weight:750}.state-card{border:1px solid var(--line);color:var(--muted);background:#151519;border-radius:4px;padding:14px}@keyframes approach{0%{opacity:.95;transform:scale(1.55)}to{opacity:.1;transform:scale(.55)}}@keyframes feedbackFloat{0%{opacity:1;transform:translate(-50%,-50%)translateY(0)}to{opacity:0;transform:translate(-50%,-50%)translateY(-28px)}}@media (width<=920px){.hero-section{grid-template-columns:1fr;min-height:auto}.hero-arena{height:320px}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.navbar{flex-direction:column;align-items:flex-start;padding:14px 16px}.nav-links{justify-content:space-between;width:100%}.hero-copy h1{font-size:3.6rem}.step-grid,.stats-grid,.result-grid{grid-template-columns:1fr}.game-screen{width:100vw;max-width:100vw;position:fixed;inset:0}.game-panel{grid-template-rows:auto auto minmax(0,1fr) auto;max-width:100vw;height:100dvh;overflow:hidden}.game-toolbar{min-height:auto;padding:8px 10px}.game-toolbar h1{font-size:1rem}.game-toolbar .eyebrow,.game-toolbar-actions .mode-control{display:none}.music-status{padding:5px 8px;font-size:.72rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid div{min-height:50px;padding:7px 8px}.stats-grid span{font-size:.64rem}.stats-grid strong{margin-top:2px;font-size:.95rem}.game-area{background-size:44px 44px;min-height:0}.arena-message span{font-size:clamp(2.2rem,13vw,4rem)}.arena-message p{padding:0 18px;font-size:.9rem}.target-circle{min-width:72px;min-height:72px}.mobile-controls{justify-content:center;display:flex}.mobile-controls .mode-control{width:100%}.mobile-controls .mode-control button{flex:1;min-width:0}.modal-backdrop{align-items:end;padding:10px}.result-modal{max-height:calc(100dvh - 20px);padding:16px;overflow-y:auto}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid div{padding:12px}.submit-line{flex-direction:column}.submit-line .primary-button{width:100%}.modal-actions{grid-template-columns:1fr;display:grid}.leaderboard{border:0;gap:10px;display:grid;overflow:visible}.leaderboard-row{border:1px solid var(--line);background:var(--panel);border-radius:4px;grid-template-columns:1fr 1fr;gap:8px 12px;min-width:0;padding:12px}.leaderboard-head{display:none}.leaderboard-row span{overflow-wrap:anywhere;min-width:0}.leaderboard-row span:before{color:var(--muted);margin-bottom:2px;font-size:.68rem;font-weight:650;display:block}.leaderboard-row span:first-child:before{content:"Rank"}.leaderboard-row span:nth-child(2):before{content:"Player"}.leaderboard-row span:nth-child(3):before{content:"Score"}.leaderboard-row span:nth-child(4):before{content:"Accuracy"}.leaderboard-row span:nth-child(5):before{content:"Hits"}.leaderboard-row span:nth-child(6):before{content:"Misses"}.leaderboard-row span:nth-child(7):before{content:"Max Combo"}.leaderboard-row span:nth-child(8):before{content:"Date"}.leaderboard-compact .leaderboard-row{grid-template-columns:1fr 1fr;min-width:0}.board-tabs{width:100%}.board-tabs button{flex:1}}