:root{--ink:#140e18;--ink-soft:#2a1d33;--paper:#f4e6c8;--paper-dim:#cbb897;--gold:#ffc45e;--red:#e0403c;--red-dark:#7c1d1d;--cyan:#5ce1e6;--pink:#ff5c6a;--panel:#241a30;--panel-2:#33244a;--font:"Courier New", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0d0912;margin:0;padding:0;overflow:hidden}body{place-items:center;display:grid}#stage{touch-action:manipulation;isolation:isolate;background:#140e18;width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:relative;overflow:hidden;container-type:size}#game{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.crt{pointer-events:none;z-index:6;background:repeating-linear-gradient(#00000026 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#08040c6b 100%);position:absolute;inset:0}.hidden{display:none!important}.plate{background:var(--panel);border:.32cqw solid var(--ink);box-shadow:.5cqw .5cqw 0 var(--ink), inset 0 0 0 .18cqw #ffffff14;color:var(--paper);padding:.75cqw 1.3cqw;line-height:1}.btn{font-family:var(--font);color:var(--paper);background:var(--panel-2);border:.32cqw solid var(--ink);box-shadow:.42cqw .42cqw 0 var(--ink);letter-spacing:.06em;cursor:pointer;pointer-events:auto;text-shadow:0 .12cqw #000000b3;padding:1.1cqw 1.8cqw;font-size:clamp(9px,2.1cqw,26px);font-weight:700;line-height:1;transition:transform 60ms steps(2,end),background .12s}.btn:hover{background:#3f2d5c;transform:translate(-.08cqw,-.08cqw)}.btn:active{box-shadow:.08cqw .08cqw 0 var(--ink);transform:translate(.36cqw,.36cqw)}.btn:focus-visible{outline:.28cqw solid var(--gold);outline-offset:.2cqw}.btn-primary{background:var(--red);color:#fff7e6;box-shadow:.5cqw .5cqw 0 var(--red-dark), inset 0 0 0 .18cqw #ffffff29;text-shadow:0 .16cqw 0 var(--red-dark)}.btn-primary:hover{background:#f0524d}.btn-primary:active{box-shadow:.1cqw .1cqw 0 var(--red-dark)}.btn-sm{box-shadow:.32cqw .32cqw 0 var(--ink);padding:.75cqw 1.15cqw;font-size:clamp(8px,1.65cqw,20px)}.btn-icon{text-align:center;min-width:3.4cqw}.btn-icon.off{color:#7c6a80;background:#1b1424}#hud{z-index:8;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1cqw;padding:1.8cqw 2.2cqw;display:flex;position:absolute;inset:0 0 auto}.hud-left{flex-direction:column;align-items:flex-start;gap:.7cqw;min-width:0;display:flex}.plate-level{letter-spacing:.08em;white-space:nowrap;font-size:clamp(10px,2.15cqw,26px);font-weight:700}.hud-goal{color:var(--gold);text-shadow:0 .16cqw 0 var(--ink), 0 0 .6cqw #0009;white-space:nowrap;padding-left:.4cqw;font-size:clamp(8px,1.55cqw,18px)}.hud-center{flex-direction:column;align-items:center;gap:.5cqw;display:flex;position:absolute;top:1.8cqw;left:50%;transform:translate(-50%)}.clock{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 0 .8cqw #ffc45e59;font-size:clamp(11px,2.5cqw,32px);font-weight:700}.hud-status{color:var(--paper-dim);letter-spacing:.08em;text-shadow:0 .14cqw 0 var(--ink);gap:1.2cqw;font-size:clamp(7px,1.35cqw,16px);display:flex}.st.on{color:var(--cyan)}.st.ready{color:var(--gold)}.hud-right{align-items:flex-start;gap:.7cqw;display:flex}#hintbar{z-index:9;pointer-events:none;background:linear-gradient(#0d091200,#0d0912f0 70%);justify-content:space-between;align-items:flex-end;gap:1.4cqw;padding:1.2cqw 2.2cqw 2cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.hint-text{color:var(--paper);text-shadow:0 .18cqw 0 var(--ink), 0 0 .8cqw #000000d9;letter-spacing:.04em;max-width:76%;padding-bottom:1.1cqw;font-size:clamp(9px,1.95cqw,24px);line-height:1.35}.hint-text b{color:var(--gold);font-weight:700}.btn-start{background:var(--red);color:#fff7e6;box-shadow:.55cqw .55cqw 0 var(--red-dark), inset 0 0 0 .2cqw #ffffff2e;text-shadow:0 .18cqw 0 var(--red-dark);pointer-events:auto;letter-spacing:.2em;padding:1.3cqw 2.6cqw;font-size:clamp(12px,2.9cqw,40px);animation:1.4s steps(2,end) infinite startPulse}.btn-start:hover{background:#f0524d}@keyframes startPulse{0%,to{transform:translate(0)}50%{transform:translateY(-.35cqw)}}.toast{z-index:12;border:.3cqw solid var(--gold);color:var(--gold);white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#140e18f0;max-width:88%;padding:.9cqw 1.6cqw;font-size:clamp(9px,1.9cqw,22px);position:absolute;bottom:17%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:.4cqw .4cqw #0009}.bubble{z-index:11;background:var(--paper);color:#241a18;border:.3cqw solid var(--ink);box-shadow:.36cqw .36cqw 0 var(--ink);white-space:nowrap;pointer-events:none;padding:.5cqw .9cqw;font-size:clamp(8px,1.7cqw,20px);font-weight:700;line-height:1.1;position:absolute;transform:translate(-50%,-100%)}.bubble:after{content:"";background:var(--paper);border-right:.3cqw solid var(--ink);border-bottom:.3cqw solid var(--ink);width:1.1cqw;height:1.1cqw;position:absolute;bottom:-1cqw;left:50%;transform:translate(-50%)rotate(45deg)}.hover-label{z-index:12;border:.24cqw solid var(--gold);color:var(--paper);white-space:nowrap;pointer-events:none;letter-spacing:.05em;background:#140e18f2;padding:.4cqw .8cqw;font-size:clamp(8px,1.55cqw,18px);position:absolute;transform:translate(-50%,-170%)}.screen{z-index:14;place-items:center;display:grid;position:absolute;inset:0}#title{z-index:16}.title-bg{image-rendering:pixelated;background-image:url(./title-keyart-CL55CnKZ.webp);background-position:50% 42%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.title-shade{background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px),linear-gradient(#0f08189e 0%,#0f08182e 34%,#0f08188c 72%,#0f0818f0 100%),radial-gradient(at 50% 42%,#0000 30%,#08040c8c 100%);position:absolute;inset:0}.title-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.4cqw;width:100%;padding:2cqw;display:flex;position:relative}.kicker{letter-spacing:.42em;color:var(--gold);text-shadow:0 .18cqw 0 var(--ink);opacity:.92;font-size:clamp(7px,1.4cqw,17px)}.game-title{letter-spacing:.02em;color:#fff3dc;text-shadow:.22cqw .22cqw 0 var(--ink), .5cqw .5cqw 0 var(--ink), .55cqw .55cqw 0 #e0403c8c, 0 0 2.4cqw #ff6b4a59;flex-direction:column;gap:.2cqw;margin:0;font-size:clamp(26px,8.2cqw,118px);font-weight:900;line-height:1;display:flex}.game-title span{display:block}.subtitle{color:#ffe2b8;letter-spacing:.16em;text-shadow:0 .2cqw 0 var(--ink), 0 0 1cqw #000000b3;font-size:clamp(9px,1.9cqw,24px)}.btn-big{letter-spacing:.24em;margin-top:1cqw;padding:1.5cqw 4.4cqw;font-size:clamp(13px,3cqw,42px);animation:1.6s steps(2,end) infinite startPulse}.chips{flex-wrap:wrap;justify-content:center;gap:.7cqw;max-width:92%;margin-top:.6cqw;display:flex}.chip{font-family:var(--font);color:var(--paper);border:.24cqw solid var(--ink);cursor:pointer;letter-spacing:.05em;background:#241a30e0;align-items:center;min-height:clamp(22px,4.2cqw,46px);padding:.6cqw 1cqw;font-size:clamp(7px,1.5cqw,18px);line-height:1;transition:transform 60ms steps(2,end),background .12s;display:inline-flex;box-shadow:.28cqw .28cqw #000000a6}.chip:hover{background:#4a3466;transform:translateY(-.15cqw)}.chip.done{border-color:var(--cyan);color:var(--cyan)}.chip .n{color:var(--gold);margin-right:.4cqw}.title-foot{color:var(--paper-dim);letter-spacing:.1em;text-shadow:0 .16cqw 0 var(--ink);margin-top:.4cqw;font-size:clamp(7px,1.45cqw,17px)}.title-credit{letter-spacing:.2em;color:#ffe2b899;z-index:3;font-size:clamp(6px,1.15cqw,13px);position:absolute;bottom:1.6cqw;right:2.2cqw}#result{z-index:17;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0a060e9e}.panel{background:var(--panel);border:.4cqw solid var(--ink);text-align:center;flex-direction:column;align-items:center;gap:1.1cqw;width:min(78%,980px);padding:2.6cqw 3cqw 2.4cqw;animation:.22s steps(4,end) panelIn;display:flex;box-shadow:.9cqw .9cqw #000000b3,inset 0 0 0 .22cqw #43305c}@keyframes panelIn{0%{transform:translateY(1.6cqw)}to{transform:translateY(0)}}.panel-kicker{letter-spacing:.4em;color:var(--paper-dim);font-size:clamp(7px,1.3cqw,16px)}.panel-title{color:var(--gold);letter-spacing:.04em;text-shadow:.24cqw .24cqw 0 var(--ink), .44cqw .44cqw 0 #00000073;font-size:clamp(18px,4.6cqw,58px);font-weight:900;line-height:1.05}.panel.lose .panel-title{color:var(--pink)}.panel-cause{color:var(--paper);max-width:46ch;text-shadow:0 .16cqw 0 var(--ink);font-size:clamp(9px,1.8cqw,22px);line-height:1.55}.panel-meta{color:var(--cyan);letter-spacing:.14em;font-variant-numeric:tabular-nums;font-size:clamp(8px,1.5cqw,18px)}.panel-actions{flex-wrap:wrap;justify-content:center;gap:1cqw;margin-top:.6cqw;display:flex}@media (width<=560px),(height<=420px){.hud-goal{display:none}#hintbar{align-items:center}.hint-text{max-width:70%;padding-bottom:0;font-size:clamp(9px,2.2cqw,20px)}.btn-start{font-size:clamp(12px,3.2cqw,30px)}}@media (orientation:portrait){.title-foot{display:none}}