@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-ext-400-normal.0_q8wa_t-7-c7.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-400-normal.1-h66gx1kjeux.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-400-normal.2dcg25_89g34d.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-400-normal.1r3eey-1tdqwh.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-vietnamese-400-normal.40ek894ady0so.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-400-normal.0blsyrk14nago.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-ext-400-normal.1ih4rrmj883u6.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-400-normal.0hj8bqnym411c.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.19gbeb610ur4n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.3nj-glub930lh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-mono-cyrillic-ext-700-normal.2610umsoigjc-.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-700-normal.34kn5y1nk6r0l.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-mono-cyrillic-700-normal.2lp6cj3zh0bc8.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-700-normal.2-24b732813rm.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-mono-vietnamese-700-normal.34rcwpde-qph9.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-700-normal.3o5yl8ublkl7o.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-mono-latin-ext-700-normal.3eomlqv5yg9yi.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-700-normal.2plhm9298qid6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-mono-latin-700-normal.4297h2yzxl-t8.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-700-normal.39hlac8pcrcj4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.3jl0_j8w0bekq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.2c7zyf29vrghw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.0oxh562_148qc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f2e8d7;--ink:#111b17;--blue:#2448ff;--coral:#ff5b47;--acid:#c7ff3d;--white:#fffdf8;--line:#111b174d}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);background:var(--paper);margin:0;font-family:Space Grotesk Variable,system-ui,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit}.game-shell{background-image:linear-gradient(#111b170b 1px,#0000 1px),linear-gradient(90deg,#111b170b 1px,#0000 1px);background-size:24px 24px;min-height:100svh;padding:14px clamp(12px,2vw,28px) 10px}.topbar{border:2px solid var(--ink);background:var(--white);justify-content:space-between;align-items:center;height:48px;display:flex}.brand{align-items:center;gap:10px;height:100%;padding-right:14px;font-family:IBM Plex Mono Variable,monospace;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;background:var(--coral);border-right:2px solid var(--ink);place-items:center;height:100%;display:grid}.top-actions{align-items:stretch;height:100%;display:flex}.language-control{border-left:2px solid var(--ink);background:var(--paper);align-items:center;gap:6px;padding:0 10px;display:flex}.language-control select{width:68px;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-family:IBM Plex Mono Variable,monospace;font-weight:700}.icon-button{border:0;border-left:2px solid var(--ink);background:var(--acid);width:46px;color:var(--ink);cursor:pointer;place-items:center;display:grid}.icon-button:hover{background:var(--coral)}.game-stage{border:2px solid var(--ink);background:var(--blue);border-top:0;grid-template-columns:minmax(460px,1.18fr) minmax(310px,.82fr);min-height:calc(100svh - 102px);display:grid}.instrument-panel{border-right:2px solid var(--ink);grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;padding:clamp(14px,2.5vw,30px);display:grid;position:relative;overflow:hidden}.instrument-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 42%,#040e532b 100%);position:absolute;inset:0}.stage-intro{z-index:1;color:var(--white);justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.signal-id{letter-spacing:0;opacity:.72;margin:0 0 5px;font-family:IBM Plex Mono Variable,monospace;font-size:11px;font-weight:700}.stage-intro h1{text-transform:uppercase;letter-spacing:0;margin:0;font-size:clamp(38px,5.5vw,76px);line-height:.86}.stage-intro p:last-child{max-width:520px;margin:10px 0 0;font-size:clamp(14px,1.5vw,18px)}.timer{text-align:right;flex:0 0 84px}.timer span,.metrics span,.status-block>span{letter-spacing:0;text-transform:uppercase;opacity:.66;font-family:IBM Plex Mono Variable,monospace;font-size:10px;font-weight:700;display:block}.timer strong{color:var(--acid);font-family:IBM Plex Mono Variable,monospace;font-size:clamp(42px,6vw,72px);line-height:.85;display:block}.mode-switch{z-index:2;border:2px solid var(--ink);background:var(--white);grid-template-columns:1fr 1fr;width:max-content;margin-top:18px;display:grid}.mode-switch button{min-width:88px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:7px 14px;font-size:13px;font-weight:700}.mode-switch button+button{border-left:2px solid var(--ink)}.mode-switch button[data-active=true]{background:var(--acid)}.mode-note{z-index:1;color:var(--white);margin:8px 0 0;font-family:IBM Plex Mono Variable,monospace;font-size:11px}.dial-wrap{z-index:1;place-items:center;min-height:0;padding:2px;display:grid}.dial{filter:drop-shadow(0 16px #06115640);width:min(100%,530px);max-height:53vh}.dial-outer{fill:var(--ink);stroke:var(--acid);stroke-width:5px}.dial-ticks{fill:none;stroke:var(--paper);stroke-width:10px;stroke-dasharray:2 12;opacity:.47}.dial-inner{fill:#1736d5;stroke:#f2e8d7a3;stroke-width:2px}.dial-target{fill:none;stroke:var(--coral);stroke-width:25px;stroke-linecap:butt;filter:drop-shadow(0 0 7px #ff5b47b8)}.dial-needle{stroke:var(--acid);stroke-width:4px}.dial-signal{fill:var(--coral);stroke:var(--ink);stroke-width:4px;filter:drop-shadow(0 0 8px var(--acid))}.dial-hub{fill:var(--coral);stroke:var(--paper);stroke-width:3px}.dial-reticle{fill:none;stroke:var(--paper);stroke-width:1.5px;stroke-dasharray:3 8;opacity:.32}.readout-panel{background:var(--acid);flex-direction:column;justify-content:center;padding:clamp(18px,3.2vw,48px);display:flex}.status-block{flex-direction:column;justify-content:flex-end;min-height:130px;padding-bottom:20px;display:flex}.status-block strong{text-transform:uppercase;overflow-wrap:anywhere;max-width:13ch;margin-top:7px;font-size:clamp(30px,3.4vw,48px);font-weight:800;line-height:.92;display:block}.status-block[data-tone=perfect] strong{color:var(--blue)}.status-block[data-tone=miss] strong{color:var(--coral)}.metrics{border-top:2px solid var(--ink);border-left:2px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.metrics>div{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);min-width:0;min-height:82px;padding:11px}.metrics strong{letter-spacing:0;overflow-wrap:anywhere;margin-top:4px;font-family:IBM Plex Mono Variable,monospace;font-size:clamp(22px,2.8vw,38px);line-height:1;display:block}.shield-row{align-items:center;gap:7px;min-height:30px;display:flex!important}.shield-row i{border:2px solid var(--ink);background:0 0;border-radius:50%;width:16px;height:16px;display:block}.shield-row i[data-live=true]{background:var(--coral)}.capture-button,.share-button{border:2px solid var(--ink);width:100%;min-height:58px;color:var(--white);cursor:pointer;justify-content:center;align-items:center;gap:9px;font-weight:800;display:flex}.capture-button{background:var(--coral);box-shadow:7px 7px 0 var(--ink);margin-top:18px;transition:transform .1s,box-shadow .1s}.capture-button:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-2px,-2px)}.capture-button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(5px,5px)}.share-button{background:var(--blue);margin-top:12px}.key-hint{text-align:center;margin:15px 0 0;font-family:IBM Plex Mono Variable,monospace;font-size:10px;font-weight:700}.hit-history{justify-content:center;gap:4px;height:12px;margin-top:15px;display:flex}.hit-history span{border:1px solid var(--ink);background:var(--white);width:10px;height:10px;display:block}.hit-history span[data-quality=perfect]{background:var(--blue)}.hit-history span[data-quality=good]{background:var(--coral)}.hit-history span[data-quality=miss]{background:var(--ink)}.game-footer{justify-content:space-between;align-items:center;gap:16px;min-height:30px;padding:7px 2px 0;font-family:IBM Plex Mono Variable,monospace;font-size:10px;display:flex}.game-footer a{font-weight:700}.legal-page{width:min(720px,100% - 32px);margin:0 auto;padding:64px 0}.legal-page h1{text-transform:uppercase;margin:28px 0 18px;font-size:clamp(44px,8vw,76px)}.legal-page p{font-size:17px;line-height:1.7}.legal-back{font-family:IBM Plex Mono Variable,monospace;font-weight:700}button:focus-visible,select:focus-visible,a:focus-visible{outline:4px solid var(--coral);outline-offset:3px}@media (max-width:820px){.game-shell{height:100svh;min-height:620px;padding:8px;overflow:hidden}.topbar{height:42px}.game-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;height:calc(100svh - 79px);min-height:535px}.instrument-panel{border-right:0;border-bottom:2px solid var(--ink);grid-template-rows:auto auto auto minmax(0,1fr);padding:10px}.stage-intro h1{font-size:clamp(31px,10vw,45px)}.stage-intro p:last-child{display:none}.signal-id{margin-bottom:2px}.timer{flex-basis:64px}.timer strong{font-size:42px}.mode-switch{margin-top:7px}.mode-switch button{min-width:78px;padding:5px 10px;font-size:11px}.mode-note{margin-top:4px;font-size:9px}.dial{width:auto;max-width:100%;height:100%;max-height:43vh}.readout-panel{padding:8px 10px 10px}.status-block{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;min-height:45px;padding-bottom:6px}.status-block strong{text-align:right;max-width:70%;margin-top:0;font-size:clamp(19px,6vw,27px)}.metrics>div{min-height:54px;padding:5px 7px}.metrics strong{font-size:clamp(19px,6vw,26px)}.shield-row i{width:13px;height:13px}.capture-button,.share-button{min-height:44px}.capture-button{box-shadow:4px 4px 0 var(--ink);margin-top:7px}.share-button,.key-hint{margin-top:7px}.hit-history{height:8px;margin-top:6px}.hit-history span{width:8px;height:8px}.game-footer{min-height:27px;padding-top:5px;font-size:8px}}@media (max-width:440px){.brand{font-size:11px}.language-control{padding:0 6px}.language-control select{width:60px;font-size:11px}.game-footer span{white-space:nowrap;text-overflow:ellipsis;max-width:78%;overflow:hidden}}@media (prefers-reduced-motion:reduce){.capture-button{transition:none}}