:root{--bg: #131b24;--bg2: #17202b;--panel: #1e2937;--panel2: #26364a;--line: #35485f;--ink: #e8eef5;--muted: #93a6bb;--brass: #e8c968;--copper: #c07a52;--steel: #8fa3b8;--ice: #63b3d6;--ok: #56c08d;--danger: #e0614f;--card-r: 9px;--pad: 12px;--nav-h: 58px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:400 15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#app{min-height:100vh}.screen-host{min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.screen-in{animation:fade .18s ease both}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.screen-body{padding:var(--pad) var(--pad) 20px}.title{margin:6px 0 2px;font-size:20px;font-weight:800;letter-spacing:.2px}.sub2{margin:18px 0 6px;font-size:14px;font-weight:700;color:var(--brass)}.sub{margin:0 0 10px;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px}.hud{display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top,0px) + 8px) var(--pad) 8px;background:linear-gradient(180deg,var(--bg2),rgba(23,32,43,0));position:sticky;top:0;z-index:20}.hud-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:13px;font-weight:700;white-space:nowrap}.hud-eta{margin-left:4px;font-style:normal;font-size:11px;color:var(--muted)}.hud-level{margin-left:auto;flex-direction:column;align-items:stretch;gap:3px;padding:4px 10px}.hud-level b{font-size:11px;color:var(--brass)}.hud-bar{display:block;width:54px;height:4px;border-radius:999px;background:var(--panel2);overflow:hidden}.hud-bar>i{display:block;height:100%;background:var(--brass)}.navbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg2);border-top:1px solid var(--line)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}.nav-btn.on{color:var(--brass)}.nav-ico{font-size:19px;line-height:1}.nav-label{font-size:10px;font-weight:700}.btn{min-height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:700 14px/1 system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:default}.btn em{font-style:normal;font-size:11px;color:var(--muted)}.btn-primary{background:var(--brass);border-color:var(--brass);color:#1a2330}.btn.ghost{background:transparent}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:15px;cursor:pointer}.row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;margin-top:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.row.static{cursor:default}.row.danger{color:var(--danger)}.row .sw{font-size:11px;color:var(--muted)}.row .sw.on{color:var(--ok)}.rules p{margin:0 0 8px;font-size:13px;color:var(--muted)}.resume{width:100%;display:flex;align-items:center;gap:10px;margin:6px 0 12px;padding:10px 12px;border:1px solid var(--brass);border-radius:12px;background:linear-gradient(135deg,#e8c96824,#e8c9680a);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.resume-ico{font-size:20px}.resume b{display:block;font-size:14px}.resume i{font-style:normal;font-size:11px;color:var(--muted)}.lvl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lvl{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer}.lvl.done{border-color:var(--copper)}.lvl.locked{background:transparent;color:var(--muted);cursor:default}.lvl-no{font-size:17px;font-weight:800}.lvl-lock{font-size:9px;text-align:center;line-height:1.2}.lvl-order{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--muted)}.lvl-stars{display:flex;gap:1px}.st{font-style:normal;font-size:10px;color:var(--line)}.st.on{color:var(--brass)}.mtop{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 8px) var(--pad) 8px;background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.mtop>b{font-size:14px}.mtop .order{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-size:13px;color:var(--muted)}.mtop .order b{color:var(--brass);font-size:15px}.stock-chip{font-size:12px;color:var(--muted)}.gauges{display:flex;gap:8px;padding:8px var(--pad) 0}.gauge{flex:1;position:relative;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.gauge-bar{display:block;height:5px;border-radius:999px;background:var(--panel2);overflow:hidden}.gauge-bar>i{display:block;height:100%;background:var(--steel);transition:width .18s ease}.gauge.heat .gauge-bar>i{background:linear-gradient(90deg,var(--copper),var(--danger))}.gauge.waste .gauge-bar>i{background:var(--copper)}.gauge.danger{border-color:var(--danger)}.gauge-val{display:block;margin-top:3px;font-size:13px;font-weight:800}.gauge-val em{font-style:normal;font-size:10px;font-weight:600;color:var(--muted)}.gauge-lbl{position:absolute;right:8px;top:6px;font-size:10px;color:var(--muted)}.recipe{padding:8px var(--pad) 0;font-size:12px;color:var(--muted)}.recipe em{font-style:normal;color:var(--copper)}.nodes{display:flex;gap:8px;padding:8px var(--pad) 0}.node{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.node.dim{opacity:.4}.node.open{border-color:var(--brass);background:#e8c9681f;box-shadow:0 0 0 2px #e8c9682e}.node-ico{font-size:20px;line-height:1}.node-name{font-size:10px;color:var(--muted)}.node-val{font-size:14px;font-weight:800}.node-val em{font-style:normal;font-size:10px;font-weight:600;color:var(--muted)}.node-cmd{font-size:9px;font-weight:700;color:var(--brass)}.route-bar{padding:8px var(--pad) 0;font-size:12px;font-weight:700;color:var(--brass)}.slots{display:flex;gap:8px;padding:10px var(--pad) 0}.slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:84px;padding:6px;border:1px dashed var(--line);border-radius:12px}.slot.coupler{border-style:solid;background:var(--panel)}.slot.buffer.open{border-color:var(--brass);background:#e8c9681a;cursor:pointer}.slot-lbl{font-size:10px;color:var(--muted)}.slot-hint{font-size:10px;color:var(--muted);opacity:.7}.tableau{display:flex;gap:6px;justify-content:center;padding:12px var(--pad) 0}.pile{flex:1 1 0;min-width:0;max-width:78px;display:flex;flex-direction:column;align-items:center}.pile.empty{min-height:30px;border:1px dashed var(--line);border-radius:var(--card-r);opacity:.35}.card{position:relative;width:100%;aspect-ratio:5 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:var(--card-r);background:linear-gradient(160deg,var(--panel2),var(--panel));color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 2px 4px #00000059;border-left:3px solid var(--fam, var(--steel))}.pile .card+.card{margin-top:-58%}.card.buried{cursor:default;filter:brightness(.82)}.card.top{z-index:2}.card.sel{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass),0 2px 6px #0006}.card.active{cursor:default;border-color:var(--brass)}.card-rank{font-size:19px;font-weight:800;line-height:1}.card-ico{font-size:12px;line-height:1}.card:disabled{opacity:1}.sprite{display:inline-block}.sprite-emoji{font-style:normal}.sprite.sm{font-size:13px}.log{min-height:18px;padding:10px var(--pad) 0;font-size:11px;color:var(--ice)}.log.muted{color:var(--muted)}.hint{padding:8px var(--pad) 0}.hint-btn{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--brass);font:700 11px/1 system-ui,sans-serif;padding:7px 12px;cursor:pointer}.hint p{margin:6px 0 0;font-size:12px;color:var(--muted)}.mbottom{display:flex;gap:8px;padding:14px var(--pad) calc(18px + env(safe-area-inset-bottom,0px))}.mbottom .btn{flex:1;padding:0 8px;font-size:12px}.result-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#0c1117c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s ease both}.result{width:100%;max-width:330px;padding:20px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:center}.result.win{border-color:var(--brass)}.result.lose{border-color:var(--copper)}.result-title{font-size:19px;font-weight:800}.result-stars{margin-top:8px}.result-stars .st{font-size:24px}.result-line{margin-top:6px;font-size:13px;color:var(--muted)}.result-line.reward{color:var(--brass);font-weight:700}.result-line.lvlup{color:var(--ok);font-weight:700}.cause{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--copper)}.cause.muted{color:var(--muted)}.result-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.shop-row{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.shop-ico{font-size:22px}.shop-text{flex:1;min-width:0}.shop-text b{display:block;font-size:13px}.shop-text i{font-style:normal;font-size:11px;color:var(--muted)}#toast-host{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + 16px);z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{max-width:86%;padding:9px 14px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.toast-in{opacity:1;transform:none}.toast-ok{border-color:var(--ok)}.toast-warn{border-color:var(--danger)}#net-banner{position:fixed;left:0;right:0;top:0;z-index:70;padding:6px 12px;text-align:center;font-size:11px;font-weight:700;background:var(--copper);color:#1a2330;transform:translateY(-100%);transition:transform .2s ease}#net-banner.on{transform:none}#block-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.block-card{max-width:300px;text-align:center}.block-title{font-size:18px;font-weight:800}.block-hint{margin:8px 0 16px;font-size:13px;color:var(--muted)}@media (orientation: landscape) and (min-width: 640px){.screen-body,.lvl-grid{max-width:720px;margin:0 auto}.lvl-grid{grid-template-columns:repeat(6,1fr)}.tableau{max-width:560px;margin:0 auto}.pile{max-width:92px}}