:root{color-scheme:dark;font-family:Rajdhani,Bahnschrift,Segoe UI,sans-serif;background:#0d1117;color:#e8f1f2;--panel-bg: rgba(12, 18, 24, .86);--panel-border: rgba(152, 190, 194, .24);--accent: #35d0ba;--danger: #ef476f;--gold: #ffd166;--muted: #9fb3bd}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#0d1117;overflow:hidden}button,input,select{font:inherit}#app{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(53,208,186,.2),transparent 28rem),linear-gradient(145deg,#101923,#090d12)}#game-canvas{display:block;width:100%;height:100%;cursor:crosshair}.panel{position:absolute;z-index:5;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 24px 80px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hidden{display:none!important}.hud{top:1rem;left:50%;display:flex;gap:1.1rem;padding:.75rem 1rem;transform:translate(-50%);border-radius:999px}.hud div{min-width:4.3rem;text-align:center}.label,.hud span,.results-grid span,.settings-meta span{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.hud strong{display:block;color:#fff;font-size:1.2rem;line-height:1}.menu-panel,.results-panel,.pause-panel,.confirm-modal,.support-modal{top:50%;left:50%;padding:2rem;transform:translate(-50%,-50%);border-radius:1.4rem}.menu-panel{left:calc(50% - 11rem);width:min(58vw,48rem)}.results-panel,.pause-panel{width:min(92vw,34rem)}.scoreboard-panel{top:50%;left:calc(50% + 25rem);width:min(24vw,20rem);padding:1.35rem;transform:translate(-50%,-50%);border-radius:1.25rem}.eyebrow{margin:0 0 .35rem;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2{margin:0;color:#fff;font-size:clamp(2.5rem,8vw,5rem);letter-spacing:-.04em;line-height:.9;text-transform:uppercase}h2{font-size:clamp(2rem,6vw,3.8rem)}.intro{max-width:30rem;margin:1rem 0 1.35rem;color:#c9d7dc;line-height:1.5}.settings-grid,.audio-settings-grid,.results-grid{display:grid;gap:.8rem}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.results-grid{grid-template-columns:repeat(2,1fr)}.audio-settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);margin-top:.8rem}label{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}input,select{width:100%;margin-top:.4rem;padding:.7rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;outline:none;background:#ffffff14;color:#fff}input[type=range]{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;accent-color:var(--accent);cursor:pointer}.volume-label span{display:flex;justify-content:space-between}.volume-label strong{color:var(--gold)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,var(--accent) 50%) right 1rem center / .45rem .45rem no-repeat,#ffffff14;color:#fff}option{background:#121b24;color:#fff}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #35d0ba24}.settings-meta{display:flex;align-items:center;justify-content:space-between;margin:1rem 0;padding:.8rem .9rem;border-radius:.85rem;background:#35d0ba1a}.settings-meta strong{color:var(--gold);font-size:1.25rem}.menu-actions{display:flex;align-items:flex-end;gap:.8rem;flex-wrap:wrap}.mode-select-label{min-width:14rem}.mode-select-label select{margin-top:.35rem}.menu-mini-button{padding:.52rem .85rem;font-size:.78rem}#start-button{min-width:18rem;padding:1rem 1.8rem;font-size:1rem}#crosshair-button{margin-left:auto}button{border:0;border-radius:999px;cursor:pointer;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.primary-button,.secondary-button{padding:.82rem 1.2rem}.primary-button{background:var(--accent);color:#06100f}.secondary-button{border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#e8f1f2}#crosshair{position:absolute;top:50%;left:50%;z-index:4;width:2rem;height:2rem;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .12s ease}body.playing #crosshair{opacity:1}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;background:#03070aa3;pointer-events:none;transition:opacity .22s ease}.countdown-overlay span{color:#fff;font-size:clamp(6rem,20vw,14rem);font-weight:900;line-height:1;text-shadow:0 0 2rem rgba(53,208,186,.45),0 1rem 4rem rgba(0,0,0,.7);animation:countdown-pop 1s ease both}@keyframes countdown-pop{0%{opacity:0;transform:scale(.78)}16%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.16)}}.crosshair-arm,.crosshair-dot,.crosshair-circle{position:absolute;display:block;box-sizing:border-box}.crosshair-arm{background:#eaffff;box-shadow:0 0 7px #35d0bab3}.crosshair-arm-top{top:4px;left:15px;width:2px;height:8px}.crosshair-arm-right{top:15px;left:20px;width:8px;height:2px}.crosshair-arm-bottom{top:20px;left:15px;width:2px;height:8px}.crosshair-arm-left{top:15px;left:4px;width:8px;height:2px}.crosshair-dot{top:14px;left:14px;width:4px;height:4px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px #ef476fa6}.crosshair-circle{top:8px;left:8px;width:16px;height:16px;border:2px solid #eaffff;border-radius:50%;box-shadow:0 0 9px #35d0ba80}.crosshair-template-gap .crosshair-dot,.crosshair-template-gap .crosshair-circle,.crosshair-template-gapDot .crosshair-circle,.crosshair-template-dot .crosshair-arm,.crosshair-template-dot .crosshair-circle,.crosshair-template-circleDot .crosshair-arm{display:none}.crosshair-template-circleDot .crosshair-dot{top:14px;left:14px}.results-grid{grid-template-columns:repeat(2,1fr);margin:1.4rem 0}.results-grid div{padding:.9rem;border-radius:1rem;background:#ffffff12}.results-grid strong{display:block;margin-top:.2rem;color:#fff;font-size:1.8rem;line-height:1}.scoreboard-panel h2{font-size:clamp(1.8rem,4vw,2.8rem)}.scoreboard-empty{margin:1rem 0 0;color:#c9d7dc;line-height:1.45}.scoreboard-mode,.results-mode{margin:.8rem 0 0;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.scoreboard-list{display:grid;gap:.65rem;margin:1rem 0 0;padding:0;list-style:none}.scoreboard-list li{display:grid;grid-template-columns:auto 1fr;gap:.1rem .75rem;align-items:center;padding:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:#ffffff0f}.scoreboard-rank{grid-row:span 2;color:var(--accent);font-weight:900}.scoreboard-list strong{color:#fff;font-size:1.5rem;line-height:1}.scoreboard-list small{color:var(--muted);font-size:.78rem}.text-button{width:100%;margin-top:1rem;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--muted)}.text-button:disabled{cursor:not-allowed;opacity:.45}.danger-button{padding:.82rem 1.2rem;background:var(--danger);color:#fff}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;background:#03070aad}.confirm-modal{position:relative;top:auto;left:auto;width:min(92vw,30rem);transform:none}.crosshair-modal{position:relative;top:auto;left:auto;width:min(92vw,36rem);padding:2.35rem 2.35rem 2.1rem;border-radius:1.7rem;transform:none}.support-modal{position:relative;top:auto;left:auto;width:min(92vw,33rem);transform:none}.support-modal h2{font-size:clamp(1.8rem,5vw,2.8rem)}.support-only-label{margin:.3rem 0 .6rem;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.support-primary-link{display:inline-flex;align-items:center;padding:.72rem 1rem;border:1px solid rgba(53,208,186,.35);border-radius:999px;background:#35d0ba1f;color:#e8f1f2;font-weight:800;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.support-modal .menu-actions{margin-top:1.2rem}.crosshair-modal h2{font-size:clamp(1.8rem,5vw,2.8rem)}.crosshair-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.35rem 0 1.55rem}.crosshair-option{display:flex;align-items:center;gap:.75rem;padding:.95rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:#ffffff0f;color:#d7e8ec;text-align:left;text-transform:none}.crosshair-option.is-selected{border-color:#35d0bacc;box-shadow:0 0 0 2px #35d0ba33 inset}.crosshair-option-label{font-size:.9rem;font-weight:700;letter-spacing:.03em}.crosshair-preview{position:relative;flex:0 0 auto;width:2rem;height:2rem}.support-card{margin-top:1.1rem;padding:1rem;border:1px solid rgba(53,208,186,.22);border-radius:1rem;background:#35d0ba14;color:#cfe5e6}.support-card p{margin:0 0 .65rem}.support-card a,.site-footer a{color:var(--accent);font-weight:800;text-decoration:none}.support-card a+a{margin-left:.8rem}.support-link-button{padding:0;border:0;background:transparent;color:var(--accent);font-weight:800;letter-spacing:0;text-decoration:none;text-transform:none}.support-link-button:hover{text-decoration:underline}.site-footer{position:fixed;right:1rem;bottom:1rem;left:1rem;z-index:6;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.9rem;pointer-events:auto;transition:opacity .12s ease}body.playing .site-footer,body.countdown .site-footer,body.paused .site-footer{opacity:0;pointer-events:none}body.playing .scoreboard-panel,body.countdown .scoreboard-panel,body.paused .scoreboard-panel,body.ended .scoreboard-panel{display:none}@media(max-width:1180px){.menu-panel{left:50%;width:min(92vw,52rem)}.scoreboard-panel{top:auto;bottom:4.25rem;left:50%;width:min(92vw,52rem);transform:translate(-50%)}.scoreboard-list{grid-template-columns:repeat(5,minmax(0,1fr))}.scoreboard-list li{grid-template-columns:1fr}}@media(max-width:720px){.menu-panel,.results-panel,.pause-panel{padding:1.25rem}.settings-grid,.audio-settings-grid,.results-grid,.crosshair-options{grid-template-columns:1fr}.scoreboard-panel{display:none}.hud{right:.6rem;left:.6rem;justify-content:space-between;gap:.35rem;padding:.65rem;transform:none}.hud div{min-width:auto}.site-footer{align-items:flex-start;flex-direction:column;font-size:.8rem}}