: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>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)}.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)}.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)}.slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;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}.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))}.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}.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)}}:root{--core-chrome: 324;--core-gap: 6;--core-tableau-pad: 10;--core-pad: 12;--card-aspect-w: 5;--card-aspect-h: 7;--card-overlap-visible: .42;--card-min-tap: 44;--core-h-top: 44px;--core-h-gauges: 52px;--core-h-nodes: 74px;--core-h-slots: 70px;--core-h-log: 26px;--core-h-actions: 58px}.screen-host[data-screen=match]{position:fixed;top:0;right:0;bottom:0;left:0;padding-bottom:0;overflow:hidden;background:var(--bg)}.core{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.core-top,.core-bottom{flex:0 0 auto}.core-field{flex:1 1 auto;min-height:0;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--core-tableau-pad) * 1px) calc(var(--core-pad) * 1px) 0}.tableau{--pile-w: min( calc((100% - (var(--piles) - 1) * var(--core-gap) * 1px) / var(--piles)), calc( (100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--core-chrome) * 1px - var(--core-tableau-pad) * 1px) / var(--pile-factor) * var(--card-aspect-w) / var(--card-aspect-h) ) );display:flex;gap:calc(var(--core-gap) * 1px);justify-content:center;width:100%}.pile{flex:0 0 auto;width:var(--pile-w);display:flex;flex-direction:column;align-items:center}.pile.empty{height:calc(var(--pile-w) * var(--card-aspect-h) / var(--card-aspect-w) * .4);border:1px dashed var(--line);border-radius:var(--card-r);opacity:.35}.pile .card+.card{margin-top:calc(-100% * (1 - var(--card-overlap-visible)) * var(--card-aspect-h) / var(--card-aspect-w))}.mtop{height:var(--core-h-top);display:flex;align-items:center;gap:8px;padding:0 calc(var(--core-pad) * 1px);background:var(--bg2);border-bottom:1px solid var(--line)}.gauges{height:var(--core-h-gauges);display:flex;gap:8px;align-items:center;padding:0 calc(var(--core-pad) * 1px)}.nodes{height:var(--core-h-nodes);display:flex;gap:8px;align-items:stretch;padding:4px calc(var(--core-pad) * 1px)}.slots{height:var(--core-h-slots);display:flex;gap:8px;align-items:stretch;padding:4px calc(var(--core-pad) * 1px)}.log{height:var(--core-h-log);display:flex;align-items:center;padding:0 calc(var(--core-pad) * 1px);font-size:11px;color:var(--ice);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.log.muted{color:var(--muted)}.log.route{color:var(--brass);font-weight:700}.mbottom{height:var(--core-h-actions);display:flex;gap:8px;align-items:center;padding:0 calc(var(--core-pad) * 1px)}.slot{min-height:0}.gauge{padding:4px 8px}.core-info{position:absolute;left:calc(var(--core-pad) * 1px);right:calc(var(--core-pad) * 1px);top:calc(var(--core-h-top) + var(--core-h-gauges));z-index:60;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 8px 24px #00000073;font-size:12px;color:var(--muted)}.core-info b{color:var(--ink)}.core-info em{font-style:normal;color:var(--copper)}.core-info p{margin:8px 0 0}.core-info-x{position:absolute;top:6px;right:8px;border:0;background:none;color:var(--muted);font:700 15px/1 system-ui,sans-serif;cursor:pointer;padding:4px}:root{--z-scene: -1;--z-hud: 30;--z-nav: 40;--z-fanfare: 58;--z-sheet: 60;--z-toast: 90;--z-offline: 95;--z-tip: 96;--z-tutorial: 200;--z-gate: 300}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box}img{-webkit-user-drag:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.navbar{z-index:var(--z-nav)}.navbar[hidden]{display:none!important}body.no-nav .screen-host{padding-bottom:0}.nav-btn{position:relative}.nav-badge{position:absolute;top:4px;left:50%;margin-left:6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font:800 10px/16px system-ui,sans-serif;font-style:normal;text-align:center}.nav-badge.dot{min-width:8px;width:8px;height:8px;padding:0}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);display:flex;align-items:center;justify-content:center;padding:20px;background:#0c1117b8;animation:sheet-in .16s ease both}@keyframes sheet-in{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:340px;max-height:82vh;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 16px 48px #00000080}.sheet.wide{max-width:400px}.sheet-head{position:relative;flex:0 0 auto;padding:14px 44px 10px 16px;border-bottom:1px solid var(--line)}.sheet-title{font-size:15px;font-weight:800}.sheet-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--muted);font-size:15px;cursor:pointer}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 16px;font-size:13px}.sheet-body p{margin:0 0 10px;color:var(--muted);line-height:1.5}.sheet-body p:last-child{margin-bottom:0}.sheet-foot{flex:0 0 auto;display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.sheet-foot .btn{flex:1}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:transparent}.ph{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:18vh;text-align:center}.ph-ico{font-size:40px}.ph p{margin:0;color:var(--muted);font-size:13px}.ph-route{opacity:.55}.ph .btn{margin-top:6px}.hub-top{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 10px) var(--pad) 10px;background:linear-gradient(180deg,var(--bg2),rgba(23,32,43,0))}.who{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.who-face{flex:0 0 auto;width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--panel2);display:inline-flex;align-items:center;justify-content:center;font-size:17px}.who-txt{min-width:0;display:flex;flex-direction:column;gap:2px}.who-txt b{font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-rank{display:flex;align-items:center;gap:6px;font-style:normal;font-size:10px;color:var(--brass)}.who-bar{display:block;width:56px;height:4px;border-radius:999px;background:var(--panel2);overflow:hidden}.who-bar>i{display:block;height:100%;background:var(--brass)}.purse{flex:0 0 auto;display:flex;flex-direction:column;gap:3px;align-items:flex-end}.purse .coin{font-size:12px;font-weight:700}.hub-body{display:flex;flex-direction:column;gap:12px}.hub-scene{display:flex;gap:10px;align-items:stretch;min-height:190px}.hub-rail{flex:0 0 84px;display:flex;flex-direction:column;gap:8px}.shelf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer}.shelf-ico{font-size:15px;color:var(--brass)}.shelf-val{font-size:14px;font-weight:800}.shelf-lbl{font-size:9px;color:var(--muted)}.hub-machine{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(90% 70% at 50% 30%,rgba(232,201,104,.1),transparent 70%),var(--panel)}.machine-art{font-size:62px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.machine-cap{font-size:10px;color:var(--muted)}.hub-bottom{display:flex;gap:10px;align-items:stretch}.hub-stock{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.stock-row{font-size:13px;font-weight:700}.stock-row.muted{font-size:11px;font-weight:600}.stock-row .eta{font-style:normal;font-size:10px;color:var(--muted)}.hub-play{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 14px;border:1px solid var(--brass);border-radius:14px;background:linear-gradient(135deg,#e8c9682e,#e8c9680d);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.hub-play i{font-style:normal;font-size:10px;color:var(--brass);text-transform:uppercase;letter-spacing:.4px}.hub-play b{font-size:15px;font-weight:800}.hub-play span{font-size:12px;color:var(--muted)}.hub-play.empty{align-items:center;text-align:center;cursor:default;border-color:var(--line);background:var(--panel);color:var(--muted);font-size:12px}.pf-head{display:flex;align-items:center;gap:12px;margin:6px 0 4px}.pf-face{flex:0 0 auto;width:62px;height:62px;border-radius:50%;object-fit:cover;background:var(--panel2);display:inline-flex;align-items:center;justify-content:center;font-size:28px}.pf-who{min-width:0;display:flex;flex-direction:column;gap:3px}.pf-who>b{font-size:17px;font-weight:800}.pf-rank{font-style:normal;font-size:11px;font-weight:700;color:var(--brass)}.pf-bar{display:block;width:140px;height:5px;border-radius:999px;background:var(--panel2);overflow:hidden}.pf-bar>i{display:block;height:100%;background:var(--brass)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.stat b{font-size:16px;font-weight:800}.stat span{font-size:9px;color:var(--muted);text-align:center}.small{font-size:11px}.quest{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.quest.is-done{border-color:var(--brass)}.quest.is-claimed{opacity:.55}.q-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.q-txt>b{font-size:13px;font-weight:700}.q-bar{display:block;height:5px;border-radius:999px;background:var(--panel2);overflow:hidden}.q-bar>i{display:block;height:100%;background:var(--brass);transition:width .2s ease}.q-act{flex:0 0 auto}.q-btn{min-height:34px;padding:0 12px;font-size:12px}.q-count{font-size:13px;font-weight:800;color:var(--muted)}.q-done{font-size:11px;font-weight:700;color:var(--ok)}.shelf{position:relative}.shelf.ready{border-color:var(--brass)}.shelf-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font:800 10px/17px system-ui,sans-serif;font-style:normal;text-align:center}