:root{--gold: #ffcf4d;--panel: rgba(12, 18, 30, .78);--line: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#0a0e16;color:#e8eef7;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#16203a,#070a11 70%)}#stage{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #0009;overflow:hidden}#game{display:block;width:100%;height:100%;cursor:crosshair}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:8px 10px;gap:8px}.hud-left,.hud-right{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hud-right{justify-content:flex-end}.chip{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.chip.sub{font-weight:500;color:#b9c6da}.chip.wname{color:var(--gold);font-size:13px}.hud-bottom{position:absolute;left:0;right:0;bottom:78px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px;gap:10px}.lbl{font-size:10px;color:#93a3bd;letter-spacing:1px;margin-bottom:2px}.hb-left{text-align:center}#timer{min-width:46px;padding:2px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:26px;font-weight:800;line-height:1.1;color:#fff;text-align:center}#timer.low{color:#ff5d5d;animation:blink .6s infinite}@keyframes blink{50%{opacity:.35}}.hb-center{display:flex;gap:8px;align-items:center;flex:1;justify-content:center}.tbar{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;background:var(--panel);border:1px solid var(--line);font-size:11px;font-weight:700}.tbar .tn{white-space:nowrap}.tbar .ttrack{display:block;width:64px;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.tbar .ttrack i{display:block;height:100%;border-radius:3px;transition:width .2s}.tbar .tv{color:#dbe4f0;min-width:26px;text-align:right}.hb-right{text-align:center}.windbox{display:flex;align-items:center;justify-content:center;gap:6px;min-width:74px;padding:3px 8px;background:var(--panel);border:1px solid var(--line);border-radius:10px}#wind-arrow{color:#7fd8ff;line-height:1;transition:font-size .3s}#wind-val{font-size:11px;color:#9fb2cc;font-weight:700}#palette{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:4px;padding:6px;overflow-x:auto;overflow-y:hidden;background:var(--panel);border:1px solid var(--line);border-radius:12px;pointer-events:auto;scrollbar-width:thin}#palette::-webkit-scrollbar{height:6px}#palette::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.wbtn{position:relative;flex:0 0 auto;width:58px;padding:3px 2px 2px;border-radius:8px;text-align:center;background:#ffffff0d;border:1px solid transparent;cursor:pointer;transition:background .12s,transform .12s}.wbtn:hover{background:#ffffff21;transform:translateY(-1px)}.wbtn.on{background:#ffcf4d38;border-color:var(--gold)}.wbtn.disabled{opacity:.32;cursor:not-allowed}.wbtn .fk{position:absolute;top:1px;left:3px;font-size:8px;color:#8ea0bb;font-weight:800}.wbtn .ic{font-size:18px;line-height:20px}.wbtn .nm{font-size:9px;color:#c9d6e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbtn .am{font-size:9px;color:var(--gold);font-weight:800}#power-wrap{position:absolute;left:50%;top:46px;transform:translate(-50%);width:240px;height:10px;background:#0009;border:1px solid var(--line);border-radius:6px;overflow:hidden}#power-bar{height:100%;width:0;background:linear-gradient(90deg,#5fd38a,#ffcf4d 55%,#ff5d5d)}#toast{position:absolute;left:50%;top:62px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#0c121eeb;border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap}#menu,#result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05080ed1;backdrop-filter:blur(3px);z-index:10;padding:12px}.menu-card{width:min(760px,96%);max-height:94%;overflow-y:auto;padding:18px 22px 20px;border-radius:16px;background:linear-gradient(180deg,#182236f5,#0e1422f5);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000008c}.menu-card h1{margin:0 0 4px;font-size:26px;letter-spacing:1px}.menu-card h1 .en{font-size:13px;color:var(--gold);font-weight:600;margin-left:6px}.menu-card h2{margin:0 0 12px;font-size:22px}.tag{margin:2px 0;font-size:13px;color:#9fb0c8}.tag.small{font-size:11px;color:#7f90a8}.row{display:flex;align-items:center;gap:12px;margin:12px 0}.row.col{flex-direction:column;align-items:stretch;gap:6px}.row label{width:72px;flex:0 0 auto;font-size:13px;color:#b9c6da}.row.col label{width:auto}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{padding:5px 12px;border-radius:8px;background:#ffffff0f;border:1px solid var(--line);color:#cbd6e6;font-size:13px;cursor:pointer;font-family:inherit}.seg button:hover{background:#ffffff21}.seg button.on{background:var(--gold);border-color:var(--gold);color:#23280f;font-weight:800}.maps{display:flex;gap:8px;flex-wrap:wrap}.map-card{flex:1 1 180px;min-width:160px;padding:10px 12px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line);cursor:pointer}.map-card:hover{background:#ffffff1a}.map-card.on{border-color:var(--gold);background:#ffcf4d24}.map-card .mt{font-size:14px;font-weight:800}.map-card .md{font-size:11px;color:#93a3bd;margin-top:2px}.map-card .lv{font-size:11px;color:var(--gold);margin-top:4px}.primary{display:block;width:100%;margin-top:16px;padding:11px;border:none;border-radius:10px;background:linear-gradient(180deg,#ffd968,#f0b323);color:#2a2109;font-size:16px;font-weight:800;letter-spacing:3px;cursor:pointer;font-family:inherit}.primary:hover{filter:brightness(1.07)}.keys{margin-top:12px;font-size:11px;color:#8d9db6;line-height:1.9}.keys b{color:#dbe4f0;background:#ffffff17;padding:1px 5px;border-radius:4px}#result-body{font-size:14px;line-height:2}#result-body .rk{color:var(--gold);font-weight:800}#result-body .ok{margin-top:8px;color:#5fd38a}#result-body .bad{margin-top:8px;color:#ff9c9c}@media (max-width: 720px){.chip{font-size:10px;padding:2px 7px}#timer{font-size:20px}.tbar .ttrack{width:40px}.wbtn{width:50px}.menu-card h1{font-size:20px}}.keys-touch,html.mobile .keys-kb{display:none}html.mobile .keys-touch{display:block}html.mobile body,html.mobile #app{height:100dvh}html.mobile #stage,html.mobile #game{touch-action:none}#touch{position:absolute;inset:0;z-index:6;pointer-events:none}.tp{position:absolute;display:flex;gap:10px;align-items:flex-end;pointer-events:auto}.tp-left{left:10px;bottom:58px}.tp-right{right:10px;bottom:58px}.tp-top{left:8px;top:38px;gap:6px}.tp-fuse{left:50%;transform:translate(-50%);bottom:60px;gap:5px;align-items:center}.tbtn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#121a2ab8;border:1.5px solid rgba(255,255,255,.22);color:#e8eef7;font-size:22px;font-family:inherit;line-height:1;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .06s,background .1s}.tbtn.sm{width:42px;height:42px;font-size:18px}.tbtn.mini{width:34px;height:34px;font-size:15px}.tbtn.fire{width:68px;height:68px;font-size:28px;background:#7a2018c7;border-color:#ff8c6e8c;box-shadow:0 0 0 2px #ff5d5d29}.tbtn.act{transform:scale(.9);background:#ffcf4d52;border-color:var(--gold)}.tbtn.fire.act{background:#ff6e50eb;border-color:#ffd0c0}.tf{width:30px;height:28px;border-radius:8px;background:#121a2ab3;border:1px solid rgba(255,255,255,.18);color:#cfe0f5;font-size:13px;font-family:inherit;line-height:1;touch-action:none}.tf.act{background:#ffcf4d52;border-color:var(--gold)}html.mobile .hud-top{padding:5px 7px}html.mobile .chip{font-size:10px;padding:2px 7px}html.mobile .chip.wname{font-size:11px}html.mobile .hud-bottom{bottom:62px;padding:0 8px}html.mobile #timer{font-size:18px;min-width:38px}html.mobile .tbar{font-size:10px;padding:2px 6px;gap:4px}html.mobile .tbar .ttrack{width:38px}html.mobile .windbox{min-width:56px;padding:2px 6px}html.mobile #power-wrap{top:34px;width:180px;height:8px}html.mobile #toast{top:48px;font-size:11px;padding:4px 10px}html.mobile #palette{left:6px;right:6px;bottom:6px;padding:4px;gap:3px;border-radius:10px}html.mobile .wbtn{width:44px;padding:2px 1px}html.mobile .wbtn .ic{font-size:15px;line-height:17px}html.mobile .wbtn .nm,html.mobile .wbtn .am{font-size:8px}html.mobile .wbtn .fk{font-size:7px}#rotate{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#05080ef0;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rot-card{padding:24px 28px}.rot-phone{width:110px;height:100px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.rot-phone i{display:block;position:relative;width:46px;height:80px;border:4px solid var(--gold);border-radius:11px;animation:rotHint 2.1s ease-in-out infinite}.rot-phone i:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:18px;height:3px;border-radius:2px;background:var(--gold)}@keyframes rotHint{0%,22%{transform:rotate(0)}58%,84%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rot-t{font-size:20px;font-weight:800;color:var(--gold);letter-spacing:1px}.rot-s{margin-top:6px;font-size:12px;color:#9fb0c8}#rot-ignore{margin-top:18px;padding:8px 22px;border-radius:999px;background:#ffffff14;border:1px solid var(--line);color:#cbd6e6;font-size:13px;font-family:inherit;cursor:pointer}@media (orientation: portrait){html.mobile .tbtn{width:46px;height:46px;font-size:19px}html.mobile .tbtn.fire{width:58px;height:58px;font-size:24px}html.mobile .tbtn.sm{width:38px;height:38px;font-size:16px}html.mobile .tp-left{bottom:54px}html.mobile .tp-right{bottom:54px;gap:8px}}