:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0}:root{--bg:#0e0b08;--panel:#1b1611;--line:#322a20;--text:#f3ede4;--muted:#a4988a;--orange:#ff7a1a;--orange-2:#ffa14d;--green:#4ade80;--red:#ff5252}*{box-sizing:border-box}.app{background:radial-gradient(900px 600px at 50% -8%, #2a1c10 0%, var(--bg) 62%);color:var(--text);-webkit-font-smoothing:antialiased;place-items:center;font-family:system-ui,Segoe UI,Roboto,Apple SD Gothic Neo,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:26px;width:min(92vw,460px);padding:36px 28px;box-shadow:0 20px 60px #00000080}.logo{filter:drop-shadow(0 6px 10px #ff7a1a4d);font-size:60px;line-height:1}.panel h1{margin:12px 0 6px;font-size:30px;font-weight:800}.desc{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.6}.setup{border:1px solid var(--line);background:#14100c;border-radius:18px;margin-bottom:22px;padding:18px}.setup-label{color:var(--muted);margin-bottom:12px;font-size:13px;display:block}.presets{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.chip{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#1f1913;border-radius:12px;padding:10px 0;font-size:16px;font-weight:700;transition:all .12s}.chip:hover{border-color:var(--orange-2)}.chip.active{background:var(--orange);border-color:var(--orange);color:#1a0e00}.time-input{justify-content:center;align-items:center;gap:10px;display:flex}.time-input input{text-align:center;font-variant-numeric:tabular-nums;border:1px solid var(--line);width:110px;color:var(--text);background:#0e0b08;border-radius:12px;padding:8px 6px;font-size:26px;font-weight:800}.time-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.step{border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:#1f1913;border-radius:12px;font-size:24px;font-weight:700}.step:hover{border-color:var(--orange-2)}.start-btn{background:linear-gradient(180deg, var(--orange-2), var(--orange));color:#1a0e00;cursor:pointer;border:none;border-radius:16px;width:100%;padding:16px;font-size:20px;font-weight:800;transition:transform .1s,filter .15s}.start-btn:hover{filter:brightness(1.05)}.start-btn:active{transform:scale(.97)}.ghost-btn{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:14px;margin-top:10px;padding:12px;font-size:15px;font-weight:600}.ghost-btn:hover{color:var(--text);border-color:var(--orange-2)}.best-line{color:var(--muted);margin-top:16px;font-size:14px}.play{cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;inset:0}.hud{pointer-events:none;flex-direction:column;align-items:center;display:flex}.timer{font-variant-numeric:tabular-nums;color:var(--orange-2);letter-spacing:1px;font-size:clamp(28px,8vw,56px);font-weight:800}.timer.urgent{color:var(--red);animation:.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}.score-big{font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff, var(--orange-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(120px,34vw,260px);font-weight:900;line-height:.95;animation:90ms bump}.score-cap{color:var(--muted);margin-top:-6px;font-size:20px}.play.urgent:after{content:"";pointer-events:none;animation:.6s ease-in-out infinite pulse;position:absolute;inset:0;box-shadow:inset 0 0 140px 20px #ff3c3c59}.progress{pointer-events:none;background:#241d15;height:8px;position:absolute;top:0;left:0;right:0}.progress .bar{transform-origin:0;background:linear-gradient(90deg, var(--orange), var(--orange-2));will-change:transform;height:100%}@keyframes bump{0%{transform:scale(1.05)}to{transform:scale(1)}}.final{justify-content:center;align-items:baseline;gap:8px;margin:8px 0;display:flex}.final-score{color:var(--orange-2);font-variant-numeric:tabular-nums;font-size:88px;font-weight:900}.final-cap{color:var(--muted);font-size:24px}.final-meta{color:var(--muted);margin-bottom:22px;font-size:15px}.ready{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:fixed;inset:0}.ready-cap{color:var(--muted);letter-spacing:4px;font-size:clamp(18px,5vw,26px)}.ready-num{color:var(--orange-2);font-variant-numeric:tabular-nums;text-shadow:0 10px 40px #ff7a1a59;font-size:clamp(140px,40vw,280px);font-weight:900;line-height:1;animation:1s ease-out countPop}@keyframes countPop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.15)}60%{transform:scale(1)}to{opacity:.55;transform:scale(.85)}}.go-flash{z-index:20;color:#fff;pointer-events:none;background:radial-gradient(circle,#ff7a1a59,#0000 60%);place-items:center;font-size:clamp(80px,22vw,200px);font-weight:900;animation:.5s ease-out forwards goFlash;display:grid;position:fixed;inset:0}@keyframes goFlash{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.35)}}.mute{z-index:30;border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100cb3;border-radius:12px;font-size:20px;position:fixed;top:16px;right:16px}.mute:hover{border-color:var(--orange-2)}.stop{z-index:30;border:1px solid var(--line);height:44px;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100cb3;border-radius:12px;padding:0 16px;font-size:15px;font-weight:700;position:fixed;top:16px;left:16px}.stop:hover{color:var(--red);border-color:var(--red)}