@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";body{color:#e0e0e0;background:#0a0a0f;font-family:Inter,system-ui,sans-serif;overflow:hidden auto}#app{width:100%;min-height:100dvh}.hex-container[data-v-f6c21588]{width:100%;height:100%;position:relative;overflow:hidden}canvas[data-v-f6c21588]{cursor:grab;display:block}canvas[data-v-f6c21588]:active{cursor:grabbing}.map-legend[data-v-f6c21588]{background:#000000b3;border-radius:8px;flex-wrap:wrap;gap:10px;padding:6px 12px;display:flex;position:absolute;bottom:12px;left:12px}.game-map canvas[data-v-f6c21588]{touch-action:none}.legend-item[data-v-f6c21588]{color:#aaa;align-items:center;gap:4px;font-size:11px;display:flex}.legend-swatch[data-v-f6c21588]{border-radius:3px;width:12px;height:12px}.legend-recenter[data-v-f6c21588]{color:gold;cursor:pointer;background:#d4af3726;border:1px solid #d4af3780;border-radius:5px;padding:2px 8px;font-size:11px}.legend-recenter[data-v-f6c21588]:hover{background:#d4af374d}.legend-recenter.on[data-v-f6c21588]{color:#2ecc71;background:#2ecc7140;border-color:#2ecc7199}:root{--bg:#0c1016;--bg2:#141a24;--fg:#e8e4d8;--fg-dim:#9a9688;--card:#1e2430e6;--card-solid:#1e2430;--card-warm:#262b34;--border:#c9a86838;--border-warm:#c9a86873;--accent:#c9a868;--accent-2:#e6c98a;--green:#7fb069;--red:#c05c50;--gold-grad:linear-gradient(135deg, #e6c98a, #c9a868 55%, #9c7c46);--wood:#3a3329;--wood-dark:#2a251d;--shadow:0 8px 32px #0009;--font-title:"Noto Serif SC", "Georgia", "Songti SC", serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1100px 520px at 50% -12%, #c9a8681a, transparent 62%), radial-gradient(700px 400px at 85% 112%, #7fb0690f, transparent 60%), var(--bg);color:var(--fg);min-height:100vh;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}#app{width:100%;max-width:620px;margin:0 auto}.app-shell{padding:16px}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding:14px 0;display:flex}.logo{background:var(--gold-grad);-webkit-text-fill-color:transparent;letter-spacing:1px;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.conn-dot{background:var(--red);border-radius:50%;width:8px;height:8px}.conn-dot.ok{background:var(--green)}.conn-text{color:#888;margin-left:auto;font-size:12px}.card{border:1px solid var(--border-warm);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff0a, inset 0 1px 0 #ffffff0f;background:linear-gradient(165deg,#262b34f0,#1c202af0);border-radius:14px;padding:24px;position:relative}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.7;border-radius:2px;height:2px;position:absolute;top:0;left:14px;right:14px}.panel{flex-direction:column;gap:16px;display:flex}.panel h1,.panel h2{text-align:center;font-weight:800;font-family:var(--font-title);letter-spacing:2px}.inp{border:1px solid var(--border);width:100%;color:var(--fg);background:#08080fb3;border-radius:10px;outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d4af3726}.inp.short{text-align:center;text-transform:uppercase;letter-spacing:4px;width:140px}.cmd-pick{flex-wrap:wrap;gap:8px;display:flex}.lobby .card.panel{grid-template-columns:1.05fr .95fr;align-items:start;gap:14px 30px;max-width:1120px;margin:0 auto;display:grid}.lobby .card.panel h1{grid-column:1/-1}.lobby .card.panel .map-picker,.lobby .card.panel .opt-row,.lobby .card.panel .btn.primary,.lobby .card.panel .divider,.lobby .card.panel .join-row{grid-column:2}.lobby .card.panel .err{grid-column:1/-1}@media (width<=860px){.lobby .card.panel{grid-template-columns:1fr}.lobby .card.panel .map-picker,.lobby .card.panel .opt-row,.lobby .card.panel .btn.primary,.lobby .card.panel .divider,.lobby .card.panel .join-row{grid-column:1}}.nation-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.nation-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#08080f99;border-radius:10px;padding:9px 11px;font-size:13px;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s}.nation-card:hover{border-color:#ffffff59;transform:translateY(-1px)}.nation-card.sel{border-color:var(--accent);background:linear-gradient(160deg,#d4af3724,#d4af370a);box-shadow:0 0 0 1px #d4af3766,0 4px 16px #d4af371f}.nation-trait{color:var(--fg-dim);margin-top:4px;font-size:10px;line-height:1.45}.nation-card.sel .nation-trait{color:#cfc9a8}.team-row{align-items:center;gap:12px;display:flex}.team-pick{gap:6px;display:flex}.team-pick button{border:1px solid var(--border);color:#888;cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px}.team-pick button.sel{border-color:var(--accent);color:var(--accent)}.mode-chip{align-items:center;gap:4px;font-size:13px;display:flex}.cmd-chip{border:1px solid var(--border);color:#888;cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.cmd-chip.sel{border-color:var(--accent);color:var(--accent)}.cmd-grid{grid-template-columns:1fr;gap:6px;display:grid}.cmd-card{border:1px solid var(--border);cursor:pointer;background:#08080f99;border-radius:10px;padding:9px 12px;transition:border-color .15s,background .15s,box-shadow .15s}.cmd-card:hover{border-color:#ffffff59}.cmd-card.sel{border-color:var(--accent);background:linear-gradient(160deg,#d4af3724,#d4af370a);box-shadow:0 0 0 1px #d4af3766,0 4px 16px #d4af371f}.cmd-card-head{align-items:center;gap:6px;margin-bottom:4px;font-size:13.5px;display:flex}.cmd-card-head strong{color:var(--accent-2)}.cmd-icon{font-size:12px}.cmd-passive{color:#9fdcff;margin-bottom:3px;font-size:11px;line-height:1.45}.cmd-active{color:#ffd9a0;font-size:11px;line-height:1.45}.cmd-cooldown{color:#666;margin-top:3px;font-size:10px}.room-nation-pick{border-top:1px solid var(--border-warm);margin-top:12px;padding-top:10px}.nation-pick-panel{border:1px solid var(--border);background:#0a0c14b3;border-radius:10px;max-height:45vh;margin-top:8px;padding:10px;overflow-y:auto}.nation-card.taken{opacity:.45;pointer-events:none;border-color:#e74c3c}.nation-taken{color:#e74c3c;margin-top:3px;font-size:10px}.room-pick-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .15s,filter .15s,border-color .15s}.btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.3)}.btn:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)scale(.98)}.btn.primary{background:var(--gold-grad);color:#1c1500;box-shadow:0 2px 14px #d4af3759}.btn.secondary{border-color:var(--border);color:var(--fg);background:#ffffff0f}.btn.sm{border-radius:7px;padding:5px 11px;font-size:12px}.btn.xs{border-radius:5px;padding:2px 7px;font-size:11px}.divider{color:#666;align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.join-row{gap:8px;display:flex}.slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot{border:1px solid var(--border);background:#08080f99;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex}.slot.filled{border-color:#ffffff2e}.slot.me{border-color:var(--accent);box-shadow:0 0 0 1px #d4af3759}.slot-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.slot-name{font-weight:600}.slot-cmd{color:#888;margin-left:auto;font-size:11px}.slot-ready{color:var(--green);font-size:14px}.slot-empty{color:#555}.hint{color:#888;font-size:13px}.err{color:var(--red);text-align:center;font-size:14px}.actions{flex-direction:column;align-items:center;gap:8px;display:flex}.room-header{justify-content:space-between;align-items:center;display:flex}.lobby,.room,.game{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.game{flex-direction:column;display:flex;position:fixed;inset:0}.game-body{flex:1;min-height:0;display:flex}.game-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.bottom-actions{flex-direction:column;max-height:40%;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.bottom-actions .unit-action-bar,.bottom-actions .build-bar,.bottom-actions .hand-bar{border-top:1px solid #d4af374d}.bottom-actions .unit-action-bar,.bottom-actions .build-bar{background:#17192af0}.bottom-actions .hand-bar{background:#0f111ef0}.officer-bar{border-left:1px solid var(--border-warm);background:linear-gradient(#141820eb,#0e1118eb);flex-shrink:0;width:300px;padding:8px;overflow-y:auto}.officer-grid{grid-template-columns:1fr;gap:4px;display:grid}@media (width<=900px){.officer-bar{width:210px}}@media (width<=640px){.officer-bar{width:160px}}.hand-bar{border-top:1px solid var(--accent);background:#080816eb}.game-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-warm);z-index:10;background:linear-gradient(#1c202af7,#141820f2);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;font-size:14px;font-weight:600;display:flex;box-shadow:inset 0 -1px #0006,0 2px 12px #00000059}.game-topbar .topbar-group{border-left:1px solid #c9a86840;align-items:center;gap:6px;padding:2px 8px;display:flex}.game-topbar .topbar-group:first-of-type{border-left:none}.mob-menu-btn,.mob-menu-title,.mob-menu-divider{display:none}.game-turn{color:var(--fg-dim);font-size:12px}.nation-badge{color:var(--accent-2);background:#d4af371a;border:1px solid #d4af3759;border-radius:6px;padding:2px 9px;font-size:11px}.game-turn.myturn{color:var(--accent-2);text-shadow:0 0 12px #d4af3759;font-weight:700}.game-topbar-right{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.btn.end-turn{animation:2.2s ease-in-out infinite endTurnGlow}@keyframes endTurnGlow{0%,to{box-shadow:0 2px 14px #d4af3759}50%{box-shadow:0 2px 26px #d4af37b3}}.res-chip{color:var(--accent-2);background:linear-gradient(160deg,#c9a86824,#c9a8680a);border:1px solid #c9a8684d;border-radius:7px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.game-topbar-right .btn.sm{color:var(--fg);background:#ffffff0d;border:1px solid #ffffff24}.game-topbar-right .btn.sm.primary{border-color:#0000}.game-turn.myturn{color:var(--accent-2);font-weight:700;animation:2s ease-in-out infinite turnPulse}@keyframes turnPulse{0%,to{text-shadow:0 0 8px #d4af374d}50%{text-shadow:0 0 22px #d4af37d9}}.game-map{flex:1;min-height:0}.hint-bar{color:gold;z-index:8;background:#c9a84c1f;border-bottom:1px solid #c9a84c4d;flex:none;padding:3px 14px;font-size:12px}.hint-bar.cast{color:#c79bff;background:#b45cff26;border-bottom-color:#b45cff66}.mine-strength{align-items:center;gap:4px;margin-left:10px;font-size:12px;display:inline-flex}.mine-strength .btn.xs{color:#c79bff;border-color:#b45cff80}.mine-strength .btn.xs.sel{color:#fff;background:#b45cff;border-color:#b45cff}.deploy-slider{align-items:center;gap:6px;margin-left:10px;font-size:12px;display:inline-flex}.deploy-slider input[type=range]{accent-color:#d4af37;width:90px}.deploy-morale{color:gold;background:#d4af372e;border:1px solid #d4af3780;border-radius:5px;justify-content:center;min-width:34px;padding:1px 6px;font-weight:700;display:inline-flex}.notif-stack{z-index:40;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.notif{border:1px solid var(--border);box-shadow:var(--shadow);background:#0a0a18eb;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;animation:.3s cubic-bezier(.2,1.4,.4,1) notifIn}.notif.kind-win{color:#2ecc71;border-color:#2ecc7199}.notif.kind-lose{color:#e74c3c;border-color:#e74c3c99}.notif.kind-danger{color:#f60;border-color:#f609}.notif.kind-turn{color:gold;border-color:#d4af37b3}.notif.kind-harvest{color:#b8f5d0;border-color:#2ecc7180;font-size:11px}@keyframes notifIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.turn-banner{z-index:35;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:2.2s both bannerIn;display:flex;position:absolute;inset:0}.turn-banner-main{font-family:var(--font-title);color:var(--accent-2);text-shadow:0 0 18px #c9a86899,0 3px 6px #000c,0 0 60px #c9a8684d;letter-spacing:6px;font-size:clamp(34px,7vw,64px);font-weight:900}.turn-banner-sub{font-family:var(--font-title);color:#ddd;letter-spacing:4px;text-shadow:0 2px 4px #000c;margin-top:8px;font-size:clamp(16px,3vw,26px)}@keyframes bannerIn{0%{opacity:0;transform:scale(1.15)}12%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}.news-overlay{z-index:45;pointer-events:none;background:#08080c8c;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.news-paper{color:#1c1a14;pointer-events:auto;cursor:pointer;background:linear-gradient(175deg,#e9dfc4 0%,#ddd0ac 55%,#cdbf98 100%);border:6px double #6b5a35;border-radius:4px;width:min(430px,88%);padding:18px 26px 14px;animation:.45s cubic-bezier(.2,1.3,.4,1) newsPop;position:relative;box-shadow:0 18px 60px #000000b3,inset 0 0 40px #6b5a352e}.news-paper:before{content:"";pointer-events:none;border:1px solid #6b5a3573;position:absolute;inset:4px}.news-masthead{color:#6b5a35;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:600;display:flex}.news-tag{border:1px solid #6b5a35;padding:1px 8px;font-weight:700}.news-date{font-family:var(--font-title)}.news-title{font-family:var(--font-title);color:#111;text-align:center;letter-spacing:1px;margin:10px 0 8px;font-size:22px;font-weight:900;line-height:1.3}.news-rule{background:repeating-linear-gradient(90deg,#6b5a35 0 6px,#0000 6px 10px);height:3px;margin-bottom:12px}.news-desc{color:#2c2820;text-align:center;min-height:44px;font-size:13.5px;line-height:1.75}.news-foot{text-align:center;color:#6b5a35;letter-spacing:2px;margin-top:12px;font-size:10px}.news-paper.tone-bad .news-title{color:#7a1f1f}.news-paper.tone-bad .news-tag{color:#e9dfc4;background:#7a1f1f;border-color:#7a1f1f}.news-paper.tone-neutral .news-title{color:#1f4d7a}.news-paper.tone-neutral .news-tag{color:#e9dfc4;background:#1f4d7a;border-color:#1f4d7a}@keyframes newsPop{0%{opacity:0;transform:scale(.9)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.unit-action-bar{border-top:1px solid var(--border-warm);z-index:9;background:linear-gradient(#262b34f7,#1a1e26f7);flex:none;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;box-shadow:inset 0 1px #ffffff0d}.unit-label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unit-icon{font-size:16px}.unit-name{color:#ddd;min-width:32px;font-weight:700}.hp-bar-wrap{vertical-align:middle;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;width:56px;height:8px;display:inline-block;overflow:hidden}.hp-bar{border-radius:3px;height:100%;transition:width .35s,background .35s;display:block}.hp-text{color:#aaa;min-width:28px;font-size:11px}.ap-dots{vertical-align:middle;gap:2px;display:inline-flex}.ap-dot{color:#2ecc71;font-size:13px;transition:color .25s}.ap-dot.used{color:#ffffff26}.unit-state{color:#2ecc71;font-size:11px;font-weight:600}.unit-state.moved{color:#888}.preview-card{border:1px solid var(--border);background:#0a0a18f5;border-radius:10px;flex-direction:column;gap:4px;padding:8px 14px;font-size:12px;animation:.25s popIn;display:flex}.preview-title{font-size:13px;font-weight:700}.preview-body{color:var(--fg-dim);gap:10px;display:flex}.preview-actions{gap:6px;display:flex}.preview-win .preview-title{color:#2ecc71}.preview-lose .preview-title{color:#e74c3c}.preview-draw .preview-title{color:#f1c40f}.preview-card.preview-win{border-color:#2ecc7180}.preview-card.preview-lose{border-color:#e74c3c80}.preview-card.preview-draw{border-color:#f1c40f80}.combat-result-banner{text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin:6px 0 10px;padding:10px 16px;font-size:18px;font-weight:800;display:flex}.combat-result-icon{font-size:24px}.combat-result-banner.res-captured{color:#2ecc71;background:linear-gradient(135deg,#2ecc7133,#2ecc7114);border:1px solid #2ecc7180}.combat-result-banner.res-repelled{color:#e74c3c;background:linear-gradient(135deg,#e74c3c33,#e74c3c14);border:1px solid #e74c3c80}.combat-result-banner.res-nuke{color:#f60;background:linear-gradient(135deg,#f603,#ff660014);border:1px solid #ff660080}.combat-result-banner.res-mine,.combat-result-banner.res-stalemate{color:#f1c40f;background:linear-gradient(135deg,#f1c40f33,#f1c40f14);border:1px solid #f1c40f80}.game-bottom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);z-index:10;background:#17192ae6;gap:8px;padding:6px 12px;display:flex}.gp-tag{opacity:.6;border-left:3px solid;border-radius:6px;padding:3px 10px;font-size:11px}.gp-tag.active{opacity:1;font-weight:600}.victory-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.victory-card{text-align:center;box-shadow:0 0 60px #d4af3726, var(--shadow);background:linear-gradient(165deg,#1e2034f5,#121422f5);border:1px solid #d4af3766;border-radius:18px;padding:44px 48px;animation:.4s cubic-bezier(.2,1.4,.4,1) popIn}.victory-card h1{background:var(--gold-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:32px}.victory-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.victory-stats{margin:16px 0}.victory-stats table{border-collapse:collapse;width:100%;font-size:13px}.victory-stats th,.victory-stats td{border-bottom:1px solid var(--border);text-align:center;padding:4px 8px}.victory-stats th{color:var(--accent)}.combat-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.combat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:90%;max-width:360px;box-shadow:0 0 50px #d4af371f, var(--shadow);background:#17192af7;border:1px solid #d4af3759;border-radius:16px;flex-direction:column;gap:6px;padding:24px 22px;animation:.3s cubic-bezier(.2,1.4,.4,1) popIn;display:flex}.combat-card.res-captured{box-shadow:0 0 50px #2ecc7126, var(--shadow);border-color:#2ecc7180}.combat-card.res-repelled{box-shadow:0 0 50px #e74c3c26, var(--shadow);border-color:#e74c3c80}.combat-card.res-nuke{box-shadow:0 0 60px #f603, var(--shadow);border-color:#ff660080}.combat-card.res-mine{box-shadow:0 0 40px #f1c40f26, var(--shadow);border-color:#f1c40f80}.combat-card.res-stalemate{border-color:#fff3}.combat-title{text-align:center;color:var(--accent-2);font-size:16px;font-weight:800}.combat-lines{flex-direction:column;gap:4px;display:flex}.combat-line{color:#ccc;background:#ffffff05;border-radius:4px;padding:3px 6px;font-size:13px;line-height:1.6;animation:.3s both slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3766}::selection{background:#d4af3759}.modal-overlay .market-panel,.modal-overlay .tech-panel,.modal-overlay .help-panel,.log-panel{animation:.25s cubic-bezier(.2,1.4,.4,1) popIn}.log-panel{border-left:1px solid var(--border-warm);z-index:30;background:linear-gradient(#141820f7,#0e1118f7);flex-direction:column;width:260px;font-size:12px;display:flex;position:fixed;top:0;bottom:40px;right:0}.log-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:600;display:flex}.log-body{flex:1;padding:8px;overflow-y:auto}.log-line{color:#aaa;border-bottom:1px solid #ffffff08;padding:2px 0;line-height:1.5}.log-round-sep{color:#c9a84c;text-align:center;letter-spacing:1px;padding:6px 0 2px;font-size:10px;font-weight:600}.log-entry{border-radius:4px;align-items:flex-start;gap:4px;margin:2px 0;padding:3px 4px;transition:background .15s;display:flex}.log-entry.clickable{cursor:pointer}.log-entry.clickable:hover{background:#c9a84c26}.log-icon{text-align:center;flex-shrink:0;width:18px;padding-top:1px;font-size:12px}.log-lines{flex:1;min-width:0}.log-lines .log-line{border:none;padding:1px 0}.log-pin{opacity:.5;flex-shrink:0;padding-top:2px;font-size:10px}.log-entry.clickable:hover .log-pin{opacity:1}.tutorial-panel{border:1px solid var(--border);text-align:center;background:#0f0f1ef7;border-radius:12px;width:90%;max-width:440px;padding:24px 28px}.tutorial-panel h3{color:gold;margin:0 0 12px;font-size:18px}.tutorial-body{color:#ccc;text-align:left;margin:0 0 16px;font-size:14px;line-height:1.7}.tutorial-step-indicator{color:#888;margin-bottom:4px;font-size:11px}.tutorial-nav{justify-content:center;gap:10px;display:flex}.help-panel{border:1px solid var(--border-warm);width:90%;max-width:420px;max-height:70vh;box-shadow:var(--shadow);background:linear-gradient(165deg,#262b34f7,#1a1e28f7);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow-y:auto}.help-grid{grid-template-columns:1fr 1fr;gap:6px;font-size:13px;display:grid}.help-grid div{background:#0a0a0f;border-radius:4px;padding:4px 8px}@media (width<=768px){.log-panel{width:200px;font-size:10px}.help-grid{grid-template-columns:1fr}}.card-chip{border:1px solid var(--border);color:#ccc;cursor:pointer;white-space:nowrap;background:linear-gradient(160deg,#1e2034e6,#14162ae6);border-radius:7px;padding:5px 10px;font-size:12px;transition:border-color .15s,transform .12s,box-shadow .15s}.card-chip:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #d4af3726}.card-chip.sm{padding:4px 8px;font-size:10px}.build-bar{border-top:1px solid var(--border-warm);z-index:5;background:linear-gradient(#1e2430f7,#161a22f7);align-items:center;gap:8px;padding:6px 14px;display:flex;overflow-x:auto}.slot-row{align-items:center;gap:4px;display:inline-flex}.slot-chip{border:1px dashed #ffffff40;border-radius:5px;padding:3px 8px;font-size:10px}.slot-chip.filled{color:#2ecc71;background:#2ecc711f;border-style:solid;border-color:#2ecc7180}.slot-chip.empty{color:var(--fg-dim)}.card-chip{border-left:3px solid #ffffff40}.card-chip.type-science{background:linear-gradient(160deg,#5dade21a,#14162ae6);border-left-color:#5dade2}.card-chip.type-engineering{background:linear-gradient(160deg,#f39c121a,#14162ae6);border-left-color:#f39c12}.card-chip.type-commercial{background:linear-gradient(160deg,#d4af371a,#14162ae6);border-left-color:#d4af37}.card-chip.type-military{background:linear-gradient(160deg,#e74c3c1a,#14162ae6);border-left-color:#e74c3c}.hand-bar{border-top:1px solid var(--accent);background:#080816eb;flex-shrink:0}.hand-toggle{cursor:pointer;text-align:center;color:var(--accent);padding:4px 16px;font-size:12px}.hand-cards{flex-wrap:wrap;gap:8px;max-height:150px;padding:8px 10px;display:flex;overflow-y:auto}.hand-card{border:1px solid var(--border);color:#ddd;cursor:pointer;text-align:left;background:linear-gradient(165deg,#ffffff0f,#00000040);border-top:3px solid #888;border-radius:8px;flex-direction:column;gap:2px;min-width:108px;max-width:150px;padding:8px 10px 7px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.hand-card:hover{z-index:3;border-color:#d4af3799;transform:translateY(-6px);box-shadow:0 10px 22px #0009}.hand-card.type-science{border-top-color:#5dade2}.hand-card.type-engineering{border-top-color:#f39c12}.hand-card.type-commercial{border-top-color:#d4af37}.hand-card.type-military{border-top-color:#e74c3c}.hc-key{color:#666;border:1px solid #444;border-radius:3px;padding:0 3px;font-size:9px;position:absolute;top:3px;right:6px}.hc-type{color:#888;letter-spacing:1px;font-size:9px}.hc-name{color:#fff;font-size:12.5px;font-weight:700;line-height:1.25}.hc-cost{color:gold;font-size:11px}.hc-output{color:#7fd8a8;font-size:10.5px}.hc-desc{color:#9aa0b5;max-height:26px;font-size:9.5px;line-height:1.35;overflow:hidden}.hc-unique{color:#b45cff;margin-top:2px;font-size:9px}.modal-overlay{z-index:50;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.market-panel{border:1px solid var(--border-warm);width:92%;max-width:440px;max-height:78vh;box-shadow:var(--shadow), inset 0 0 0 1px #ffffff0a;background:linear-gradient(165deg,#262b34f7,#1a1e28f7);border-radius:14px;flex-direction:column;gap:10px;padding:20px;display:flex;position:relative;overflow-y:auto}.market-panel:before,.tech-panel:before,.help-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.7;height:2px;position:absolute;top:0;left:14px;right:14px}.market-panel h3{align-items:center;gap:8px;font-weight:800;display:flex}.market-deck-label{color:#888;font-size:12px;font-weight:400}.market-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.market-card{cursor:default;background:#141628e6;border:1px solid #ffffff1a;border-left:3px solid #555;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex}.market-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006}.market-card.type-science{border-left-color:#5dade2}.market-card.type-engineering{border-left-color:#f39c12}.market-card.type-commercial{border-left-color:#d4af37}.market-card.type-military{border-left-color:#e74c3c}.market-card-head{align-items:center;gap:6px;display:flex}.market-card-icon{font-size:14px}.market-card-type{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:10px}.market-card-cost{color:gold;margin-left:auto;font-size:13px;font-weight:700}.market-card-name{color:#eee;font-size:14px;font-weight:700}.market-card-desc{color:#999;font-size:11px;line-height:1.35}.market-card-output{color:#2ecc71;font-size:11px}.market-card-output b{color:#fff}.market-buy-btn{align-self:flex-end;margin-top:2px}.tech-panel{border:1px solid var(--border-warm);width:520px;max-width:94vw;max-height:82vh;box-shadow:var(--shadow), inset 0 0 0 1px #ffffff0a;background:linear-gradient(160deg,#262b34f7,#181c26f7);border-radius:14px;flex-direction:column;gap:10px;padding:20px 22px;display:flex;position:relative;overflow-y:auto}.tech-panel-head{justify-content:space-between;align-items:center;display:flex}.tech-panel-head h3{margin:0;font-size:18px}.tech-points{color:gold;font-size:13px}.tech-line{border:1px solid var(--border);background:#ffffff08;border-left:4px solid;border-radius:10px;padding:10px 12px}.tech-head{align-items:center;gap:10px;display:flex}.tech-icon{border:1px solid;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.tech-title{flex:none}.tech-title b{font-size:14px}.tech-title small{color:#888;margin-left:6px}.tech-progress{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.tech-bar{border-radius:3px;height:100%;transition:width .3s;display:block}.tech-nodes{gap:8px;margin-top:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tech-node{border:1px solid var(--border);background:#ffffff08;border-radius:9px;flex-direction:column;flex:1 1 0;gap:4px;min-width:96px;padding:7px 8px;transition:all .25s;display:flex;position:relative}.tech-node.on{background:linear-gradient(165deg,#2ecc711f,#2ecc7108)}.tech-node.next{animation:1.6s ease-in-out infinite techPulse;box-shadow:0 0 14px #d4af3759}.tech-node.locked{opacity:.55}.tech-node-icon{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.tech-node-name{color:#ccc;min-height:28px;font-size:10.5px;line-height:1.35}.tech-node-cost{color:gold;font-size:10.5px;font-weight:700}@keyframes techPulse{0%,to{box-shadow:0 0 8px #d4af3733}50%{box-shadow:0 0 18px #d4af3780}}.tech-body{flex-direction:column;gap:5px;margin-top:8px;display:flex}.tech-done{flex-wrap:wrap;gap:4px 10px;display:flex}.tech-effect{color:#aaa;font-size:11.5px}.tech-effect.done{color:#2ecc71}.tech-effect.next{color:gold}.tech-next{justify-content:space-between;align-items:center;gap:8px;display:flex}.tech-max{color:#f1c40f;font-size:13px;font-weight:700}.produce-panel{border:1px solid var(--border);background:linear-gradient(160deg,#131a2e,#0d1222);border-radius:14px;flex-direction:column;gap:10px;width:560px;max-width:94vw;max-height:82vh;padding:20px 22px;display:flex;overflow-y:auto;box-shadow:0 8px 40px #0009}.produce-head{justify-content:space-between;align-items:center;display:flex}.produce-head h3{margin:0;font-size:18px}.produce-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.produce-card{border:1px solid var(--border);text-align:center;background:#ffffff0a;border-radius:10px;flex-direction:column;gap:5px;padding:10px;display:flex}.produce-card.locked{opacity:.5;filter:grayscale(.7)}.produce-icon{font-size:30px}.produce-name{font-size:14px;font-weight:700}.produce-stats{color:gold;justify-content:center;gap:8px;font-size:11.5px;display:flex}.produce-desc{color:#999;min-height:30px;font-size:11px}.produce-tech{color:#8e44ad;font-size:10.5px}.produce-card .btn{margin-top:auto}.tech-need{color:#e74c3c;font-size:10.5px}.officer-chip{border:1px solid var(--border);border-radius:9px;flex-direction:column;gap:5px;padding:7px 10px;font-size:12px;transition:border-color .15s,box-shadow .15s;display:flex}.officer-chip.state-ready{background:#3498db14;border-color:#3498db99}.officer-chip.state-field{background:#2ecc7112;border-color:#2ecc7180}.officer-chip.state-dead{opacity:.6;background:#e74c3c12;border-color:#e74c3c80}.officer-chip.state-idle{opacity:.6}.officer-chip .dead{color:var(--red)}.officer-chip-head{align-items:center;gap:6px;display:flex}.officer-rank-badge{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:flex}.officer-rank-badge.rank-platoon{background:#5dade2}.officer-rank-badge.rank-company{background:#2e86c1}.officer-rank-badge.rank-battalion{background:#8e44ad}.officer-rank-badge.rank-regiment{background:#d4af37}.officer-rank-badge.rank-brigade{background:#e67e22}.officer-rank-badge.rank-division{background:#e74c3c}.officer-rank-badge.rank-corps{background:#c0392b}.officer-rank-badge.rank-command{color:gold;background:#1c1500;border:2px solid #d4af37}.officer-rank-name{color:#ddd;font-size:12px;font-weight:600}.officer-ap-badge{color:#aaa;background:#ffffff0d;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:10px}.officer-morale-bar{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}.officer-morale-fill{border-radius:3px;height:100%;transition:width .4s,background .4s;display:block}.officer-chip-actions{align-items:center;gap:4px;font-size:11px;display:flex}.income-preview{background:#2ecc7112;border:1px solid #2ecc7133;border-radius:8px;margin-bottom:4px;padding:8px 10px}.income-label{color:#2ecc71;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.income-row{color:#aaa;font-size:10px;line-height:1.6;display:block}.income-icon{text-align:center;width:16px;display:inline-block}.divider-v{color:#444}.btn.xs{border:1px solid var(--border);color:#ccc;cursor:pointer;background:#1a1a2e;border-radius:3px;padding:2px 6px;font-size:10px}.btn.xs.primary{background:var(--accent);color:#000}@media (width<=768px){.game-topbar{flex-wrap:wrap;gap:2px;padding:3px 4px;font-size:10px}.game-topbar-right{flex-wrap:wrap;gap:1px}.res-chip{padding:1px 3px;font-size:9px}.btn.sm{padding:3px 5px;font-size:9px}.officer-grid{grid-template-columns:1fr;max-height:100px}.officer-chip{padding:3px 5px;font-size:9px}.hand-cards{max-height:40px}.build-bar{flex-wrap:wrap;gap:2px;padding:3px 4px;overflow-x:auto}.build-bar .card-chip{padding:2px 5px;font-size:9px}.market-panel{max-width:98vw;max-height:45vh;padding:12px}.market-row{font-size:11px}.nation-grid{grid-template-columns:1fr}.game-bottom{padding:3px 6px}.gp-tag{padding:2px 6px;font-size:9px}.nation-badge{font-size:9px}}@media (width<=1024px) and (pointer:coarse){.game{height:100dvh}.game-body{flex-direction:column}.officer-bar{z-index:60;border-left:none;border-top:1px solid var(--border-warm);border-radius:14px 14px 0 0;max-height:42vh;padding:6px 8px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000080;width:100%!important}.officer-bar .officer-grid{max-height:26vh;overflow-y:auto}.unit-action-bar{flex-wrap:wrap;padding:5px 8px}.unit-action-bar .btn,.build-bar .card-chip{align-items:center;min-height:32px;display:inline-flex}.bottom-actions{max-height:55%}.hand-card{min-width:84px;max-width:110px;padding:6px 7px 5px;font-size:10px}.map-legend{gap:6px;padding:4px 8px;font-size:9px}.legend-item{font-size:9px}.slot-row{flex-wrap:wrap}.game-topbar .topbar-group{padding:1px 4px}.deploy-slider input[type=range]{width:60px}.game-topbar-right .res-chip{padding:1px 4px;font-size:9px}.mob-menu-btn{display:inline-flex!important}.game-topbar .mob-menu{z-index:70;border:1px solid var(--border-warm);background:#10131ef7;border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;width:min(240px,60vw);max-height:60vh;padding:10px;display:none;position:fixed;top:44px;right:6px;overflow-y:auto;box-shadow:0 12px 40px #0009}.game-topbar .mob-menu.open{display:flex}.game-topbar .mob-menu .btn{justify-content:flex-start;width:100%;min-height:40px;padding:10px 12px;font-size:13px}.mob-menu-title{display:none}.mob-menu-divider{background:#ffffff1f;height:1px;margin:4px 0;display:block}.game-topbar-right .end-turn{padding:4px 8px;font-size:10px}}@media (width<=1024px) and (orientation:landscape){.officer-bar{max-height:46vh}.officer-bar .officer-grid{max-height:30vh}}.opt-row{margin:8px 0}.opt-row .btn.sm{color:#c9a84c;border-color:#c9a84c55}.map-picker{margin:10px 0 2px}.map-picker-title{color:var(--accent);letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:700}.map-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.map-card{border:1px solid var(--border);cursor:pointer;text-align:center;background:#08080f99;border-radius:10px;padding:8px;transition:border-color .15s,box-shadow .15s,transform .15s}.map-card canvas{background:#0d0d1a;border:1px solid #ffffff14;border-radius:6px;width:100%;height:auto;display:block}.map-card:hover{border-color:#ffffff59;transform:translateY(-1px)}.map-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px #d4af3766,0 4px 16px #d4af371f}.map-name{color:#fff;margin-top:6px;font-size:13px;font-weight:700}.map-size{color:var(--accent-2);font-size:11px}.map-desc{color:var(--fg-dim);margin-top:2px;font-size:10px;line-height:1.35}@media (width<=768px){.map-grid{grid-template-columns:1fr 1fr}}.opt-panel{background:#c9a84c14;border:1px solid #c9a84c40;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;padding:8px;font-size:12px;display:flex}.opt-panel label{color:#ccc;align-items:center;gap:4px;display:flex}.opt-panel input{color:#eee;text-align:center;background:#14142a;border:1px solid #555;border-radius:4px;width:62px;padding:2px 6px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);color:#eee;white-space:nowrap;text-overflow:ellipsis;z-index:3000;pointer-events:none;opacity:0;background:#0a0a19f7;border:1px solid #c9a84c73;border-radius:5px;max-width:260px;padding:5px 10px;font-size:11px;line-height:1.45;transition:opacity .12s;position:absolute;top:135%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px 10px #0009}[data-tip]:hover:after{opacity:1}[data-tip]:before{content:"";opacity:0;z-index:3000;pointer-events:none;border:5px solid #0000;border-top-color:#0a0a19f7;transition:opacity .12s;position:absolute;top:128%;left:50%;transform:translate(-50%)}[data-tip]:hover:before{opacity:1}.build-bar [data-tip]:after,.officer-bar [data-tip]:after,.game-bottom [data-tip]:after,.market-panel [data-tip]:after{top:auto;bottom:135%}.build-bar [data-tip]:before,.officer-bar [data-tip]:before,.game-bottom [data-tip]:before,.market-panel [data-tip]:before{border-top-color:#0000;border-bottom-color:#0a0a19f7;top:auto;bottom:128%}