:root{--bg: #0b1220;--bg2: #111a2e;--panel: rgba(20, 30, 52, .92);--line: #27344f;--text: #e6edf7;--muted: #8ba3c7;--accent: #38bdf8;--gold: #fbbf24;--danger: #f87171;--ok: #34d399;--radius: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:radial-gradient(1200px 500px at 20% -10%,#16223f 0%,transparent 60%),radial-gradient(900px 500px at 100% 0%,#1b1633 0%,transparent 55%),var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;min-height:100%}button{font-family:inherit;color:var(--text);cursor:pointer}input{font-family:inherit}.screen{max-width:1100px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom))}.crash-screen{max-width:560px;padding-top:12vh}.crash-card{background:var(--panel);border:1px solid var(--danger);border-radius:16px;padding:24px;text-align:center}.crash-icon{font-size:42px}.crash-card h1{margin:10px 0 6px;font-size:22px}.crash-card p{color:var(--muted);font-size:14px;line-height:1.8}.crash-card .primary-btn,.crash-card .ghost-btn{margin-top:12px}.lobby{max-width:680px}.lobby-head{text-align:center;margin:18px 0 14px}.game-title{font-size:clamp(26px,7vw,40px);font-weight:800;letter-spacing:6px;background:linear-gradient(90deg,#7dd3fc,#c084fc,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent}.game-subtitle{color:var(--muted);margin-top:6px;letter-spacing:2px}.progress-strip{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px;font-size:12px;color:var(--muted)}.progress-strip span{background:var(--bg2);border:1px solid var(--line);padding:2px 8px;border-radius:20px}.achievement-on{color:var(--gold);border-color:#92610f!important}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{flex:1;padding:12px;border-radius:var(--radius);background:var(--bg2);border:1px solid var(--line);font-size:15px}.tab.active{border-color:var(--accent);color:var(--accent);background:#0e2438}.field{display:block;margin:12px 0}.field>span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.field input{width:100%;padding:12px 14px;border-radius:var(--radius);background:var(--bg2);border:1px solid var(--line);color:var(--text);font-size:16px}.code-input{letter-spacing:6px;font-weight:700;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:560px){.hero-grid{grid-template-columns:repeat(4,1fr)}}.hero-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:var(--radius);background:var(--bg2);border:2px solid var(--line);text-align:center;font-size:13px}.hero-card.selected{border-color:var(--gold);box-shadow:0 0 14px #fbbf2459}.hero-card-name{font-weight:700}.hero-card-passive{color:var(--muted);font-size:11px;min-height:30px}.hero-card-stats{color:var(--accent);font-size:11px}.hero-detail{margin-top:10px;padding:12px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);font-size:13px;line-height:1.7}.hero-detail-title{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:4px}.hero-detail p{margin:4px 0;color:#b9c9e2}.error-box{margin:10px 0;padding:10px 12px;border-radius:10px;background:#f871711f;border:1px solid var(--danger);color:#fecaca;font-size:14px}.notice-box{margin:8px 0;padding:8px 12px;border-radius:10px;background:#34d3991f;border:1px solid var(--ok);color:#a7f3d0;font-size:13px}.primary-btn{width:100%;padding:14px;border-radius:var(--radius);border:none;background:linear-gradient(90deg,#0ea5e9,#6366f1);color:#fff;font-size:16px;font-weight:700;letter-spacing:2px;margin-top:6px}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{padding:11px 14px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);font-size:14px;margin-top:8px}.ghost-btn.small{padding:6px 10px;font-size:12px;margin:0 0 0 10px}.daily-btn{width:100%;margin-top:10px}.hint{color:var(--muted);font-size:12px;line-height:1.7;margin-top:10px}.reconnect-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#1c2b14;border-bottom:1px solid #365314;font-size:13px}.room{max-width:680px}.room-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.room-head h1{margin:0;font-size:20px}.room-code{color:var(--gold);letter-spacing:4px;font-family:monospace;font-size:26px}.room-state{padding:6px 12px;border-radius:20px;font-size:13px;background:var(--bg2);border:1px solid var(--line)}.room-state.playing{color:var(--accent);border-color:var(--accent)}.player-list{display:flex;flex-direction:column;gap:8px}.room-player{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.room-player.me{border-color:var(--accent)}.room-player-info{flex:1}.room-player-name{font-weight:700}.room-player-sub{color:var(--muted);font-size:12px}.ready-pill{padding:4px 10px;border-radius:20px;font-size:12px;background:#2a1f2e;color:#c4b5fd}.ready-pill.ready{background:#0d2b20;color:var(--ok)}.room-actions{display:flex;flex-direction:column}.game{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.game-top{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.top-row{display:flex;align-items:center;gap:10px}.round-pill{background:#0e2438;border:1px solid var(--accent);color:var(--accent);border-radius:20px;padding:4px 12px;font-weight:700;font-size:13px;white-space:nowrap}.doom-bar{flex:1;display:flex;gap:2px}.doom-cell{flex:1;height:10px;background:#1e293b;border-radius:3px}.doom-cell.on{background:linear-gradient(90deg,#f59e0b,#ef4444)}.timer-pill{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700;min-width:44px;text-align:center}.turn-line{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}.turn-now{color:var(--gold);font-weight:700}.doom-text{font-size:12px}.players-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.strip-player{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 8px;min-width:0}.strip-player.me{border-color:var(--accent)}.strip-player.current{box-shadow:0 0 0 2px var(--gold)}.strip-player.done{opacity:.6}.strip-info{font-size:10.5px;line-height:1.3;min-width:0}.strip-name{font-weight:700;white-space:nowrap}.strip-meta{color:var(--muted);white-space:nowrap}.resource-strip{display:flex;flex-wrap:wrap;gap:6px}.res-pill{padding:5px 9px;border-radius:20px;font-size:12px;line-height:1.2;background:var(--bg2);border:1px solid var(--line);color:#b9c9e2}.res-pill.hp{border-color:#16a34a}.res-pill.ap{border-color:#6366f1}.res-pill.ether{border-color:#d97706;color:#fbbf24;font-weight:700}.res-pill.gold{border-color:#b45309;color:#fcd34d}.res-pill.supply{border-color:#0d9488}.res-pill.material{border-color:#7c3aed}.res-pill.shield{border-color:#2563eb}.res-pill.curse{border-color:#dc2626;color:#fca5a5}.map-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px}.map-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.map-title{color:var(--muted);font-size:13px}.map-view-hint{color:#64748b;font-size:11px}.map-controls{display:flex;gap:6px}.help-btn{white-space:nowrap;flex:0 0 auto}.region-tabs{display:flex;gap:6px;margin:0 0 6px;overflow-x:auto}.region-tab{flex:0 0 auto;padding:8px 12px;min-height:44px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);font-size:12.5px;color:var(--muted)}.region-tab.active{border-color:var(--accent);color:var(--accent);background:#0e2438}.mini-btn{padding:8px 12px;min-height:44px;min-width:44px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);font-size:13px}.mini-btn.ghost{background:transparent}.map-objective{margin:0 0 6px;padding:7px 10px;border-radius:8px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);color:#d9c48a;font-size:12px;line-height:1.6}.map-objective b{color:var(--gold)}.map-scroll{overflow:auto;border-radius:8px;background:#0d1526;max-height:56vh}.map-svg{display:block;height:420px}.edge{stroke:#33415e;stroke-width:.9}.edge.reachable{stroke:var(--gold);stroke-width:1.6;stroke-dasharray:2.2 1.2}.edge.blocked{stroke:var(--danger);stroke-dasharray:1 1}.edge.lane-safe{stroke:#34d399}.edge.lane-resource{stroke:#60a5fa}.edge.lane-trade{stroke:#fbbf24}.edge.lane-risk{stroke:#f87171}.edge.lane-star{stroke:#67e8f9}.edge.lane-final{stroke:#c084fc}.edge.lane-blocked{stroke:var(--danger);stroke-dasharray:1 1}.edge.reachable.lane-safe,.edge.reachable.lane-resource,.edge.reachable.lane-trade,.edge.reachable.lane-risk,.edge.reachable.lane-star,.edge.reachable.lane-final{stroke:var(--gold)}.overview-region{cursor:pointer}.overview-region rect{fill:#38bdf80a;stroke:#27334f;stroke-width:.5;stroke-dasharray:1.4 1}.overview-region:hover rect{stroke:var(--accent)}.overview-region-name{fill:#64748b;font-weight:700}.node-badge-text{fill:var(--gold);font-weight:800}.edge-cost-dot{fill:#0d1526;stroke:#475569;stroke-width:.4}.edge-cost-text{fill:#94a3b8;font-weight:700}.node{cursor:pointer}.node-label{fill:#cbd5e1;font-weight:600}.node-label-group{filter:drop-shadow(0 0 1px rgba(13,21,38,.9))}.danger-label{fill:var(--danger)}.node-reach{cursor:pointer}.node-selected circle{stroke-width:1.4}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{stroke-opacity:.4}50%{stroke-opacity:1}}.player-marker{pointer-events:none}.player-marker.me{filter:drop-shadow(0 0 5px rgba(255,255,255,.9))}.player-tag{font-weight:700}.map-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11px;color:var(--muted)}.map-lanes{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11px}.lane-legend.lane-safe{color:#34d399}.lane-legend.lane-resource{color:#60a5fa}.lane-legend.lane-trade{color:#fbbf24}.lane-legend.lane-risk{color:#f87171}.lane-legend.lane-star{color:#67e8f9}.lane-legend.lane-final{color:#c084fc}.self-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;font-size:13px}.self-row{display:flex;align-items:center;gap:10px}.self-res{color:var(--muted);margin-top:3px}.self-marks{margin-top:4px;display:flex;gap:6px;flex-wrap:wrap}.mark-chip{background:#3a2b12;color:var(--gold);border:1px solid #92610f;padding:2px 8px;border-radius:20px;font-size:12px}.mark-empty{color:var(--muted);font-size:12px}.combat-panel,.action-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.combat-panel{border-color:var(--danger)}.combat-head{display:flex;justify-content:space-between;font-weight:700;margin-bottom:8px}.combat-enemy{font-size:16px}.hp-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.hp-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.hp-track{flex:1;height:10px;background:#1e293b;border-radius:5px;overflow:hidden}.hp-track>div{height:100%;background:linear-gradient(90deg,#ef4444,#f97316);transition:width .3s}.intent-line{font-size:13px;margin-bottom:10px}.combat-log{font-size:12px;color:var(--muted);line-height:1.6}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.action-btn{min-height:48px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);font-size:13px;font-weight:700}.action-btn:disabled{opacity:.5}.action-btn.move{border-color:var(--gold);color:var(--gold)}.action-btn.attack{border-color:var(--danger);color:var(--danger)}.action-btn.defend{border-color:var(--accent);color:var(--accent)}.action-btn.flee{border-color:#a3a3a3;color:#a3a3a3}.action-btn.explore{border-color:var(--ok);color:var(--ok)}.action-btn.rest{border-color:#a78bfa;color:#a78bfa}.action-btn.vault{border-color:var(--gold);color:var(--gold)}.action-btn.contest{border-color:#f472b6;color:#f472b6}.action-btn.extract{border-color:var(--accent);color:var(--accent)}.action-btn.end{border-color:#64748b;color:#94a3b8}.node-context{min-height:34px;font-size:13px;margin-bottom:8px;color:#b9c9e2}.node-desc{color:var(--muted)}.wait-line{color:var(--muted);font-size:14px;padding:12px 2px}.drawer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.drawer-tabs{display:flex;border-bottom:1px solid var(--line)}.drawer-tabs button{flex:1;padding:10px;background:transparent;border:none;font-size:13px;color:var(--muted)}.drawer-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.drawer-body{max-height:240px;overflow:auto;padding:10px 12px;font-size:12px}.log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.log-list li{line-height:1.6;color:#b9c9e2}.log-round{color:#64748b;margin-right:6px;font-variant-numeric:tabular-nums}.log-combat{color:#fca5a5}.log-world{color:#c4b5fd}.log-score{color:var(--gold)}.player-detail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-detail-list li{display:flex;gap:8px;align-items:center}.player-detail-list li div{line-height:1.5}.chat-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;min-height:80px}.chat-input{display:flex;gap:6px}.chat-input input{flex:1;padding:8px 10px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);color:var(--text)}.skills-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.skill-btn{display:flex;flex-direction:column;gap:2px;align-items:center;min-height:48px;padding:6px;border-radius:10px;font-size:12px;background:var(--bg2);border:1px solid #6366f1;color:#c7d2fe}.skill-btn.ult{border-color:var(--gold);color:var(--gold)}.skill-btn:disabled{opacity:.45}.skill-btn span{font-size:10.5px;color:var(--muted)}.shop-panel{border:1px solid #92610f;border-radius:10px;padding:8px;margin-bottom:8px;background:#1a160a}.shop-title{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:6px}.shop-list{display:flex;flex-direction:column;gap:6px}.shop-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.shop-price{flex:1;color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#030712c7;padding:16px}.modal-card{width:100%;max-width:460px;max-height:88vh;overflow:auto;background:var(--bg2);border:1px solid var(--accent);border-radius:16px;padding:16px}.modal-card h3{margin:0 0 8px}.guide-overlay{z-index:80}.guide-card{max-width:520px;border-color:var(--gold)}.guide-head{display:flex;gap:12px;align-items:flex-start}.guide-icon{font-size:30px;line-height:1}.guide-step{color:var(--muted);font-size:12px;margin-top:2px}.guide-progress{display:flex;gap:6px;margin:10px 0 4px}.guide-dot{flex:1;height:4px;border-radius:4px;background:#27334f}.guide-dot.done{background:#166534}.guide-dot.active{background:var(--gold)}.guide-lines{margin:8px 0 0;padding-left:18px;color:#b9c9e2;font-size:13.5px;line-height:1.9}.guide-actions{display:grid;grid-template-columns:auto 1fr 1.4fr;gap:8px;margin-top:14px;align-items:center}.guide-skip{margin-top:0;font-size:12px}.guide-next{margin-top:0}.event-desc{color:#b9c9e2;font-size:13px;line-height:1.7}.event-option{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;padding:12px;margin-top:8px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:13px}.event-option.safe{border-color:var(--ok)}.event-option.risky{border-color:var(--danger)}.event-option.hero{border-color:var(--gold)}.event-option span{color:var(--muted);font-size:12px;line-height:1.5}.trade-field{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px}.trade-field input{flex:1;padding:10px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);color:var(--text)}.modal-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px}.trade-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#1c2b14;border:1px solid #365314;border-radius:10px;padding:8px 10px;font-size:13px}.coop-row{display:flex;gap:6px;margin-top:4px}.items-list{display:flex;flex-direction:column;gap:6px}.item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.sell-tip{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-size:12px}.relic-chip{background:#1c2541;color:#a5b4fc;border:1px solid #4f46e5;padding:2px 8px;border-radius:20px;font-size:12px}.set-chip{background:#3a2b12;color:var(--gold);border:1px solid #92610f;padding:2px 8px;border-radius:20px;font-size:11.5px}.contract-line{margin-top:4px;display:flex;gap:6px;flex-wrap:wrap}.contract-chip{background:#1e293b;color:#94a3b8;border:1px solid #334155;padding:2px 8px;border-radius:20px;font-size:11.5px}.contract-chip.done{color:var(--ok);border-color:var(--ok)}.contract-chip.hand{color:#fbbf24;border-color:#92610f}.hand-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.hand-label{font-size:12px;color:var(--muted)}.card-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;min-height:40px;border-radius:10px;font-size:12.5px;background:var(--bg2);border:1px solid var(--line);color:#cbd5e1}.card-chip-name{font-weight:700}.card-chip-cost{font-size:10.5px;padding:1px 5px;border-radius:10px;background:#fbbf241f;color:var(--gold)}.card-chip:disabled{opacity:.5}.card-chip.移动{border-color:#fbbf24;color:#fbbf24}.card-chip.探索{border-color:#2dd4bf;color:#2dd4bf}.card-chip.战斗,.card-chip.干扰{border-color:#f87171;color:#f87171}.card-chip.防御{border-color:#60a5fa;color:#60a5fa}.card-chip.交易{border-color:#34d399;color:#34d399}.card-chip.天气{border-color:#a78bfa;color:#a78bfa}.card-detail-card{border-color:var(--gold)}.card-detail-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;background:var(--bg2);border:1px solid var(--line);color:var(--muted)}.card-detail-tag.移动{border-color:#fbbf24;color:#fbbf24}.card-detail-tag.探索{border-color:#2dd4bf;color:#2dd4bf}.card-detail-tag.战斗,.card-detail-tag.干扰{border-color:#f87171;color:#f87171}.card-detail-tag.防御{border-color:#60a5fa;color:#60a5fa}.card-detail-tag.交易{border-color:#34d399;color:#34d399}.card-detail-tag.天气{border-color:#a78bfa;color:#a78bfa}.card-detail-card h3{margin-top:8px}.card-detail-cost{color:#b9c9e2;font-size:13px;background:#1c1620;border:1px solid #3a2b12;border-radius:8px;padding:8px 10px}.card-detail-cost b{color:var(--gold)}.deck-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:52vh;overflow:auto;padding-bottom:60px}@media(min-width:700px){.deck-grid{grid-template-columns:repeat(3,1fr)}}.deck-card{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);font-size:12px}.deck-card.selected{border-color:var(--gold);box-shadow:0 0 10px #fbbf244d}.deck-tag{font-size:10px;color:var(--accent)}.deck-desc{color:var(--muted);font-size:11px;line-height:1.5}.edge-picker{max-height:40vh;overflow:auto;display:flex;flex-direction:column;gap:6px;margin-top:8px}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#030712d1;padding:16px}.result-card{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--bg2);border:1px solid var(--gold);border-radius:16px;padding:20px}.result-card h2{text-align:center;margin:0 0 8px;color:var(--gold);letter-spacing:4px}.result-summary{text-align:center;color:#d1d5db}.result-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.result-row{display:flex;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px}.result-row.me{border-color:var(--accent)}.result-rank{font-size:24px;font-weight:800;color:var(--gold);min-width:40px}.result-main{flex:1;font-size:13px}.result-lines{margin:4px 0 0;padding-left:18px;color:var(--muted)}.loading-card{text-align:center;padding:40px;color:var(--muted)}@media(min-width:900px){.game{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"top top" "strip strip" "map side";gap:12px}.game-top{grid-area:top}.players-strip{grid-area:strip}.map-wrap{grid-area:map}.map-scroll{max-height:60vh}.self-panel,.combat-panel,.action-panel,.drawer{grid-column:2}.self-panel{grid-row:3}.combat-panel,.action-panel{grid-row:4}.drawer{grid-row:5}}