@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=STIX+Two+Text:ital@0;1&display=swap";
:root{--bg:#0e1117;--surface:#161b27;--border:#2a3145;--gold:#c9a84c;--gold-dim:#7a6430;--text:#e2e8f0;--muted:#64748b;--green:#4ade80;--green-bg:#14532d;--yellow:#fbbf24;--yellow-bg:#78350f;--red:#f87171;--red-bg:#7f1d1d;--cell:52px}.timed-root{background:var(--bg);color:var(--text);box-sizing:border-box;flex-direction:column;align-items:center;min-height:100vh;padding-top:100px;padding-bottom:48px;font-family:Space Mono,monospace;display:flex}.timed-root--idle{justify-content:center;padding-top:0}.timed-toast{background:var(--surface);border:1px solid var(--border);color:var(--text);z-index:999;white-space:nowrap;pointer-events:none;border-radius:20px;padding:10px 22px;font-size:13px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-80px)}.timed-toast.show{transform:translate(-50%)translateY(0)}.timed-toast.error{color:#f97316;border-color:#f97316}.timed-idle{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:380px;min-height:100vh;margin:0 auto;padding:32px 20px;display:flex}.timed-idle-icon{font-size:64px;animation:2s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.timed-idle-title{color:var(--gold);letter-spacing:1px;margin:0;font-family:STIX Two Text,serif;font-size:36px;font-style:italic}.timed-idle-desc{color:var(--muted);letter-spacing:.5px;font-size:13px;line-height:1.9}.timed-idle-desc strong{color:var(--text)}.timed-best-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px 40px;display:flex}.timed-best-label{letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-size:9px}.timed-best-value{color:var(--gold);font-family:STIX Two Text,serif;font-size:36px}.timed-start-btn{letter-spacing:2px;text-transform:uppercase;border:2px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:8px;padding:16px 52px;font-family:Space Mono,monospace;font-size:13px;transition:all .25s}.timed-start-btn:hover{background:#c9a84c1f;transform:translateY(-1px);box-shadow:0 0 24px #c9a84c40}.timed-idle-hint{color:var(--muted);letter-spacing:1px;font-size:10px}.timed-gameover{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.timed-go-bg{pointer-events:none;background:radial-gradient(60% 50% at 50% 40%,#c9a84c12 0%,#0000 70%),radial-gradient(40% 30% at 20% 80%,#f871710d 0%,#0000 60%);position:absolute;inset:0}.timed-go-content{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;animation:.6s cubic-bezier(.34,1.56,.64,1) both go-enter;display:flex;position:relative}@keyframes go-enter{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.timed-go-label{letter-spacing:5px;text-transform:uppercase;color:var(--red);font-size:10px;animation:2s ease-in-out infinite flicker}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.3}94%{opacity:1}96%{opacity:.5}97%{opacity:1}}.timed-go-score{color:var(--gold);letter-spacing:-2px;text-shadow:0 0 60px #c9a84c4d;font-family:STIX Two Text,serif;font-size:88px;line-height:1}.timed-go-pts-label{letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:-8px;font-size:11px}.timed-go-newbest{letter-spacing:1px;color:var(--gold);background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:20px;padding:8px 20px;font-size:14px;animation:.4s cubic-bezier(.34,1.56,.64,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.timed-go-stats{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:32px;margin:8px 0;padding:20px 32px;display:flex}.timed-go-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.timed-go-stat-val{color:var(--text);font-family:STIX Two Text,serif;font-size:28px}.timed-go-stat-lbl{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:9px}.timed-go-actions{gap:12px;margin-top:8px;display:flex}.timed-go-btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:13px 32px;font-family:Space Mono,monospace;font-size:11px;transition:all .2s}.timed-go-btn.primary{color:var(--green);border-color:var(--green)}.timed-go-btn.primary:hover{background:#4ade801a}.timed-header{justify-content:space-between;align-items:center;width:100%;max-width:520px;padding:20px 20px 0;display:flex}.timed-score-wrap,.timed-combo-wrap{flex-direction:column;align-items:center;gap:2px;min-width:80px;display:flex}.timed-score-label,.timed-combo-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:9px}.timed-score{color:var(--gold);font-family:STIX Two Text,serif;font-size:24px}.timed-combo{color:var(--muted);font-family:STIX Two Text,serif;font-size:22px;transition:color .25s,text-shadow .25s}.timed-combo.combo-low{color:var(--text)}.timed-combo.combo-warm{color:var(--yellow);text-shadow:0 0 10px #fbbf2459;animation:.25s combo-bump}.timed-combo.combo-hot{color:#f97316;text-shadow:0 0 12px #f9731680;animation:.25s combo-bump}.timed-combo.combo-legendary{color:var(--red);animation:.25s combo-bump,1s ease-in-out infinite combo-glow}@keyframes combo-bump{0%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes combo-glow{0%,to{text-shadow:0 0 8px #f8717166}50%{text-shadow:0 0 22px #f87171e6,0 0 6px #ff787880}}.timed-clock-wrap{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.timed-clock-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--border);stroke-width:4px}.ring-fg{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .9s linear,stroke .3s}.timed-clock-wrap.safe .ring-fg{stroke:var(--green)}.timed-clock-wrap.warning .ring-fg{stroke:var(--yellow)}.timed-clock-wrap.danger .ring-fg{stroke:var(--red);filter:drop-shadow(0 0 4px #f8717199)}.timed-clock-num{font-family:STIX Two Text,serif;font-size:22px;font-weight:700;line-height:1;transition:color .3s;position:relative}.timed-clock-wrap.safe .timed-clock-num{color:var(--green)}.timed-clock-wrap.warning .timed-clock-num{color:var(--yellow)}.timed-clock-wrap.danger .timed-clock-num{color:var(--red);animation:1s infinite pulse-num}@keyframes pulse-num{0%,to{opacity:1}50%{opacity:.4}}.timed-bar-wrap{background:var(--border);border-radius:2px;width:100%;max-width:520px;height:3px;margin:14px 0 0;overflow:hidden}.timed-bar-fill{border-radius:2px;height:100%;transition:width .9s linear,background .3s}.timed-bar-fill.safe{background:var(--green)}.timed-bar-fill.warning{background:var(--yellow)}.timed-bar-fill.danger{background:var(--red);box-shadow:0 0 6px var(--red)}.timed-diff-row{justify-content:center;align-items:center;gap:10px;margin:18px 0 6px;display:flex}.timed-diff-badge{letter-spacing:2px;text-transform:uppercase;color:var(--gold-dim);font-size:9px}.timed-bonus-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--green);background:#4ade8014;border:1px solid #4ade8040;border-radius:20px;padding:3px 10px;font-size:9px;animation:.3s cubic-bezier(.34,1.56,.64,1) both bonus-tag-pop}@keyframes bonus-tag-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.timed-eq-template{color:var(--muted);text-align:center;margin-bottom:8px;padding:0 16px;font-family:STIX Two Text,serif;font-size:22px;line-height:1.5}.timed-eq-template sup{vertical-align:super;font-size:14px}.timed-float-zone{justify-content:center;align-items:center;gap:16px;height:36px;display:flex;position:relative}.timed-float-pts{color:var(--green);pointer-events:none;font-family:STIX Two Text,serif;font-size:20px;animation:.9s forwards float-up}.timed-float-combo{color:#f97316;font-size:15px}.timed-float-bonus{letter-spacing:2px;text-transform:uppercase;color:var(--green);pointer-events:none;white-space:nowrap;background:#4ade801f;border:1px solid #4ade804d;border-radius:20px;padding:5px 14px;font-size:11px;animation:.9s forwards float-bonus}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}@keyframes float-bonus{0%{opacity:0;transform:translateY(6px)scale(.9)}20%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(-8px)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}.timed-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;margin:8px 0;padding:0 12px;display:flex}.timed-row.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}35%{transform:translate(7px)}55%{transform:translate(-5px)}75%{transform:translate(5px)}}.timed-root.flash-error{animation:.65s forwards flash-error}@keyframes flash-error{0%{background:var(--bg);box-shadow:inset 0 0 #f8717100}25%{background:#1a0f0f;box-shadow:inset 0 0 120px 40px #f8717138}55%{background:#140d0d;box-shadow:inset 0 0 80px 20px #f871711f}to{background:var(--bg);box-shadow:inset 0 0 #f8717100}}.timed-root.flash-skip{animation:.55s forwards flash-skip}@keyframes flash-skip{0%{background:var(--bg);box-shadow:inset 0 0 #f9731600}25%{background:#1a1108;box-shadow:inset 0 0 120px 40px #f973162e}55%{background:#150f06;box-shadow:inset 0 0 80px 20px #f9731617}to{background:var(--bg);box-shadow:inset 0 0 #f9731600}}.timed-frag{color:var(--muted);white-space:pre;-webkit-user-select:none;user-select:none;font-family:STIX Two Text,serif;font-size:28px;line-height:var(--cell);padding:0 6px}.timed-frag sup{vertical-align:super;font-size:17px;line-height:0}.timed-cell{width:var(--cell);height:var(--cell);border:2px solid var(--border);background:var(--surface);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.timed-cell:has(input:focus){border-color:var(--gold);box-shadow:0 0 0 2px #c9a84c33}.timed-cell input{text-align:center;width:100%;height:100%;color:var(--text);caret-color:var(--gold);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-family:STIX Two Text,serif;font-size:24px}.timed-cell input::-webkit-outer-spin-button{-webkit-appearance:none}.timed-cell input::-webkit-inner-spin-button{-webkit-appearance:none}.timed-actions{gap:10px;width:100%;max-width:520px;margin-top:20px;padding:0 16px;display:flex}.timed-btn-verify,.timed-btn-skip{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:12px 22px;font-family:Space Mono,monospace;font-size:11px;transition:all .2s}.timed-btn-verify{color:var(--gold);border-color:var(--gold);flex:1}.timed-btn-verify:hover:not(:disabled){background:#c9a84c1f;box-shadow:0 0 12px #c9a84c33}.timed-btn-verify:disabled{opacity:.3;cursor:not-allowed}.timed-btn-skip{color:var(--muted);border-color:var(--border)}.timed-btn-skip:hover{color:var(--red);border-color:var(--red)}.skip-penalty{color:var(--red);margin-left:4px;font-size:9px}.timed-footer-stats{color:var(--muted);letter-spacing:1px;gap:28px;margin-top:20px;font-size:11px;display:flex}@media (max-width:600px){:root{--cell:44px}.timed-root{padding-top:56px;padding-bottom:220px;overflow-x:hidden}.timed-root--idle{padding-top:0}.timed-frag{font-size:15px}.timed-cell input{font-size:20px}.timed-go-score{font-size:64px}}@media (max-width:380px){:root{--cell:38px}.timed-frag{font-size:13px}.timed-cell input{font-size:17px}.timed-go-score{font-size:52px}}@media (max-width:600px){.timed-frag{padding:0 4px;font-size:22px}.timed-frag sup{font-size:14px}}@media (max-width:380px){.timed-frag{padding:0 3px;font-size:18px}.timed-frag sup{font-size:12px}}.timed-diff-row{margin:8px 0 6px}.timed-float-zone{height:24px}.timed-actions{margin-top:14px}