:root{color:#e5e7eb;background:#1f2933;font-family:Arial,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(#111827 0%,#1f2933 100%);min-height:100vh}button{font:inherit}button:focus-visible,.tile:focus-visible{outline-offset:2px;outline:3px solid #38bdf8}.app-shell{flex-direction:column;gap:16px;height:100vh;min-height:100vh;padding:16px;display:flex;overflow:hidden}.settings-screen{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.settings-backdrop{z-index:0;filter:brightness(.5)saturate(.85);grid-auto-rows:1fr;display:grid;position:absolute;inset:0}.backdrop-tile{image-rendering:pixelated;background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.settings-card{z-index:1;scrollbar-width:thin;scrollbar-color:#94a3b880 transparent;background:#111827eb;border:1px solid #94a3b840;border-radius:12px;flex-direction:column;gap:12px;width:min(94vw,460px);max-height:92vh;padding:24px 26px;display:flex;position:relative;overflow-y:auto}.settings-card h1{margin:0}.settings-section{background:#1e293b80;border:1px solid #94a3b82e;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.settings-section-title{letter-spacing:.09em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:.72rem;font-weight:700}.howtoplay-toggle{align-self:flex-start;width:auto;margin:-6px 0 4px}.settings-row{justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.settings-row select{font:inherit;color:inherit;background:#1e293be6;border:1px solid #94a3b859;border-radius:6px;padding:6px 8px}.settings-slider-row{flex-direction:column;align-items:stretch;gap:4px}.settings-slider-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.settings-slider-value{color:#fbbf24;font-size:.78rem;font-weight:700}.settings-slider-row input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%;height:22px}.settings-segmented-row{flex-direction:column;align-items:stretch;gap:6px}.settings-segmented{background:#0f172abf;border:1px solid #94a3b840;border-radius:8px;gap:4px;padding:3px;display:flex}.settings-segmented button{color:#cbd5e1;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;flex:1;min-width:0;padding:7px 4px;font-size:.76rem;font-weight:600;transition:background .15s,color .15s;overflow:hidden}.settings-segmented button:hover:not(.selected){background:#94a3b82e}.settings-segmented button.selected{color:#f8fafc;background:#2563eb}.settings-toggle-row input[type=checkbox]{accent-color:#38bdf8;cursor:pointer;width:18px;height:18px}.theme-hint{margin:-4px 0 0;font-size:.78rem;font-weight:400}.top-bar{background:#111827db;border:1px solid #94a3b840;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.top-bar h1{align-items:baseline;gap:10px;margin:0;font-size:1.5rem;display:flex}.map-theme-label{text-transform:capitalize;color:#94a3b8;background:#1e293bcc;border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600}.turn-info{align-items:center;gap:10px;display:flex}.top-bar-menu{display:contents}.top-bar-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.top-bar-menu-toggle{min-height:40px;color:inherit;cursor:pointer;background:#1e293bd9;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:none}.phase-pill{background:#1e293bd9;border-radius:999px;padding:6px 12px;font-size:.9rem}.turn-pill{white-space:nowrap;background:#1e293bd9;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:600}.skill-pill{color:#f3e8ff;white-space:nowrap;cursor:help;background:#581c87b3;border:1px solid #d8b4fe80;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:600}.active-player-pill{color:#0f172a;border-radius:999px;padding:6px 14px;font-weight:700}.ai-toggle{cursor:pointer;background:#1e293bd9;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:flex}.main-row{flex:1;gap:16px;min-height:0;display:flex}.hud{scrollbar-width:thin;scrollbar-color:#94a3b880 transparent;background:#111827db;border:1px solid #94a3b840;border-radius:12px;flex-direction:column;gap:12px;width:340px;min-height:0;padding:16px;display:flex;overflow-y:auto}.income-prompt,.unit-picker,.action-hint,.setup-prompt{background:#1e293bcc;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.setup-prompt{border:1px solid #38bdf866}.chosen-check{color:#4ade80;margin-left:2px;font-weight:700}.income-confirmed-hint{color:#bef264;margin:0;font-size:.8rem}.income-buttons button.selected{background:#2563eb;border-color:#60a5fa}.hint{color:#94a3b8;margin:0;font-size:.82rem}.unit-picker button,.income-buttons button,.primary{color:#e5e7eb;cursor:pointer;background:#0f172a;border:1px solid #94a3b866;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 6px;transition:border-color .15s,background .15s;display:flex}.unit-picker button:hover:not(:disabled),.income-buttons button:hover:not(:disabled){background:#1e293b;border-color:#94a3b8b3}.primary:hover:not(:disabled){background:#15803d}.unit-picker button[draggable=true]{cursor:grab}.unit-picker button[draggable=true]:active{cursor:grabbing}.unit-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.unit-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.income-buttons button{flex-direction:row}.unit-picker button.selected{background:#2563eb;border-color:#60a5fa}.unit-picker button.unaffordable{opacity:.4;filter:grayscale(.7);cursor:not-allowed}.unit-picker button.unaffordable:hover{border-color:inherit;background:inherit}.road-picker-button{color:#e5e7eb;cursor:pointer;background:#0f172a;border:1px solid #94a3b866;border-radius:8px;padding:8px 10px;font-weight:600}.road-picker-button:hover:not(:disabled){background:#1e293b;border-color:#94a3b8b3}.road-picker-button.selected{background:#92400e;border-color:#f59e0b}.road-cost{color:#fbbf24;font-weight:400}.primary{background:#16a34a;border-color:#4ade80;flex-direction:row;width:100%;font-weight:700}.primary:disabled{color:#9ca3af;cursor:not-allowed;background:#374151;border-color:#4b5563}.primary.primary-warn:not(:disabled){background:#b45309;border-color:#fbbf24}.income-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.icon{align-items:center;font-size:1.1rem;display:inline-flex}.phase-pill-icon-label{align-items:center;gap:4px;display:inline-flex}.cost-cell{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;display:inline-flex}.cost-entry{align-items:center;gap:2px;display:inline-flex}.log-panel{background:#1e293bcc;border-radius:8px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.log-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.log-count{color:#94a3b8;font-size:.7rem}.log{scrollbar-width:thin;scrollbar-color:#94a3b880 transparent;max-height:260px;padding:6px 8px 8px;font-size:.8rem;line-height:1.35;overflow:hidden auto}.log::-webkit-scrollbar{width:8px}.log::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:4px}.log-turn-header{border-top:1px solid #94a3b82e;align-items:center;gap:6px;margin:10px 0 4px;padding-top:6px;display:flex}.log-turn-header:first-child{border-top:none;margin-top:0;padding-top:0}.log-turn-badge{letter-spacing:.04em;text-transform:uppercase;color:#cbd5e1;background:#94a3b833;border-radius:999px;flex:none;padding:2px 8px;font-size:.65rem;font-weight:700}.log-turn-who{color:#cbd5e1;font-size:.75rem;font-weight:600}.log-line{color:#cbd5e1;overflow-wrap:anywhere;border-left:3px solid #0000;padding:2px 0 2px 8px}.log-line-owned{border-left-style:solid}.settlement-button{color:#e5e7eb;cursor:pointer;text-align:left;background:#0f172a;border:1px solid #94a3b866;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-weight:600;display:flex}.settlement-button-text{flex-direction:column;gap:1px;min-width:0;display:flex}.settlement-button-label{white-space:nowrap}.settlement-button .road-cost{white-space:nowrap;font-size:.72rem;font-weight:500}.settlement-button.ready{background:#14532d;border-color:#4ade80}.settlement-button:disabled{opacity:.55;cursor:not-allowed}.settlement-blocked{color:#fca5a5}.market-panel{color:#e5e7eb;background:#1c1503;border:1px solid #eab30866;border-radius:8px;flex-direction:column;gap:6px;width:100%;padding:8px 10px;display:flex}.market-panel-title{align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.market-panel-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.market-panel-row select,.market-panel-row input{color:#e5e7eb;background:#0f172a;border:1px solid #94a3b866;border-radius:6px;padding:4px 6px}.market-panel-row input{width:56px}.market-panel-row button{color:#fef3c7;cursor:pointer;background:#92400e;border:1px solid #f59e0b;border-radius:6px;padding:4px 10px;font-weight:600}.market-panel-row button:disabled{opacity:.5;cursor:not-allowed}.market-research-title{border-top:1px solid #f59e0b4d;margin-top:4px;padding-top:8px}.market-research-list{flex-direction:column;gap:5px;display:flex}.market-research-button{color:#e5e7eb;cursor:pointer;text-transform:capitalize;background:#0f172ab3;border:1px solid #f59e0b73;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:.76rem;font-weight:600;display:flex}.market-research-button:hover:not(:disabled){background:#92400e73;border-color:#f59e0b}.market-research-button:disabled{opacity:.5;cursor:not-allowed}.market-research-label{align-items:center;gap:6px;display:inline-flex}.market-research-level{color:#fbbf24;letter-spacing:1px}.unit-reference{background:#1e293bcc;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.unit-reference>.hint{margin:0;font-size:.7rem}.unit-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.unit-reference-card{color:#e2e8f0;cursor:help;white-space:nowrap;background:#0f172a8c;border:1px solid #475569cc;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:58px;padding:5px 2px;font-size:.7rem;display:flex}.unit-reference-card:hover,.unit-reference-card:focus-visible{background:#1e40af59;border-color:#60a5fa;outline:none}.builder-reference{background:#1e293bcc;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.builder-reference>.hint{margin:0;font-size:.7rem}.builder-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.builder-guide-item{background:#0f172a8c;border:1px solid #475569cc;border-radius:6px;align-items:center;gap:5px;min-width:0;padding:5px;font-size:.68rem;display:flex}.builder-guide-item span{flex-direction:column;gap:1px;min-width:0;display:flex}.builder-guide-item small{color:#94a3b8;line-height:1.2}.board-panel{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:auto}.board-column{flex-direction:column;flex:1;align-items:center;gap:16px;min-height:0;display:flex}.board{aspect-ratio:1;cursor:pointer;background:#374151;border-radius:12px;gap:2px;width:min(72vh,760px);padding:4px;display:grid}.isometric-board{aspect-ratio:auto;background:0 0;border-radius:0;max-width:100%;padding:0;display:block;position:relative;overflow:visible}.tile{image-rendering:pixelated;color:#f3f4f6;cursor:inherit;background-color:#4b5563;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex;position:relative}.tile.plain{background-color:#5b7c62}.tile.lake{background-color:#1d4ed8}.tile.mountain{background-color:#6b7280}.tile.hills{background-color:#7c9a5e}.tile.fogged{filter:grayscale(.9);background-color:#596273!important;background-image:none!important}.tile.fogged:after{content:none}.tile.forest{background-color:#3f7a3f}.tile.reachable{outline:2px solid #60a5fa}.tile.attack-range{box-shadow:inset 0 0 0 2px #f87171}.tile.reachable.attack-range{outline-color:#60a5fa;box-shadow:inset 0 0 0 2px #f87171,inset 0 0 0 4px #60a5fa59}.range-legend{color:#cbd5e1;justify-content:center;align-items:center;gap:1rem;padding:.35rem .5rem;font-size:.78rem;display:flex}.range-legend span{align-items:center;gap:.35rem;display:inline-flex}.range-swatch{border-radius:2px;width:.8rem;height:.8rem;display:inline-block}.range-swatch.move{background:#60a5fa}.range-swatch.attack{background:#f87171}.tile.selected{outline:3px solid #fbbf24}.tile.hit-flash{animation:.45s ease-out hit-flash}.tile.hit-flash .unit-icon,.tile.hit-flash .base-icon{animation:.45s ease-out hit-shake}.tile.heal-flash{animation:.7s ease-out heal-flash}.tile.heal-flash:after{content:"+HP";color:#4ade80;text-shadow:0 1px 2px #0009;pointer-events:none;font-size:.65rem;font-weight:700;animation:.7s ease-out forwards heal-float;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.tile.build-valid{outline:2px dashed #22c55e;box-shadow:inset 0 0 0 999px #22c55e2e}.tile.build-invalid{box-shadow:inset 0 0 0 999px #ef44441f}.tile.road-valid{outline:2px dashed #f59e0b;box-shadow:inset 0 0 0 999px #f59e0b33}.tile.road-invalid{box-shadow:inset 0 0 0 999px #ef44441f}.tile.base-valid{outline:2px dashed #38bdf8;box-shadow:inset 0 0 0 999px #38bdf833}.tile.base-invalid{cursor:not-allowed;box-shadow:inset 0 0 0 999px #ef44441f}.tile.capture-flash{animation:.7s ease-out capture-flash}@keyframes capture-flash{0%{background-color:#facc15d9;box-shadow:inset 0 0 0 4px #facc1500}40%{box-shadow:inset 0 0 0 5px #facc15f2}to{box-shadow:inset 0 0 0 4px #facc1500}}@keyframes hit-flash{0%{background-color:#ef4444e6;box-shadow:inset 0 0 0 4px #ef444400}40%{box-shadow:inset 0 0 0 4px #ef4444e6}to{box-shadow:inset 0 0 0 4px #ef444400}}@keyframes heal-flash{0%{background-color:#4ade80bf;box-shadow:inset 0 0 0 4px #4ade8000}40%{box-shadow:inset 0 0 0 4px #4ade80e6}to{box-shadow:inset 0 0 0 4px #4ade8000}}@keyframes heal-float{0%{opacity:0;transform:translate(-50%,6px)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)}}.tile.income-flash{animation:.9s ease-out income-flash}.tile.income-flash:after{content:"+1";color:#fbbf24;text-shadow:0 1px 2px #000000bf;pointer-events:none;z-index:4;font-size:.7rem;font-weight:700;animation:.9s ease-out forwards heal-float;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes income-flash{0%{background-color:#fbbf24b3;box-shadow:inset 0 0 0 4px #fbbf2400}40%{box-shadow:inset 0 0 0 5px #fbbf24f2}to{box-shadow:inset 0 0 0 4px #fbbf2400}}@keyframes hit-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)rotate(-4deg)}40%{transform:translate(3px)rotate(4deg)}60%{transform:translate(-2px)rotate(-2deg)}80%{transform:translate(2px)rotate(2deg)}}.isometric-board .tile{pointer-events:none;border:none;border-radius:0;padding:0;position:absolute;overflow:visible;box-shadow:none!important;filter:none!important;background:0 0!important;outline:none!important;animation:none!important}.isometric-board .isometric-top{pointer-events:auto}.isometric-board .tile:after,.isometric-board .tile:before{content:none!important}.isometric-board .tile.heal-flash:after,.isometric-board .tile.income-flash:after{content:"+HP"}.isometric-board .tile.income-flash:after{content:"+1"}.isometric-top,.isometric-edge{pointer-events:none;position:absolute;inset:0}.isometric-edge{z-index:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#263449}.isometric-top{z-index:1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);image-rendering:pixelated;background-color:#5b7c62;background-repeat:no-repeat;background-size:100% 100%;transition:box-shadow .12s,filter .12s}.isometric-board .tile:hover .isometric-top{filter:brightness(1.18)}.isometric-top.fogged{background-color:#596273;background-image:none}.isometric-board .tile.lake .isometric-top{background-color:#1d4ed8}.isometric-board .tile.mountain .isometric-top{background-color:#6b7280}.isometric-board .tile.hills .isometric-top{background-color:#7c9a5e}.isometric-board .tile.forest .isometric-top{background-color:#3f7a3f}.isometric-top.fogged,.isometric-board .tile.lake .isometric-top.fogged,.isometric-board .tile.mountain .isometric-top.fogged,.isometric-board .tile.hills .isometric-top.fogged,.isometric-board .tile.forest .isometric-top.fogged{background-color:#596273;background-image:none}.isometric-board .tile.reachable .isometric-top{box-shadow:inset 0 0 0 999px #60a5fa47}.isometric-board .tile.attack-range .isometric-top{box-shadow:inset 0 0 0 999px #f8717147}.isometric-board .tile.reachable.attack-range .isometric-top{box-shadow:inset 0 0 0 999px #f8717147,inset 0 0 0 999px #60a5fa33}.isometric-board .tile.build-valid .isometric-top,.isometric-board .tile.base-valid .isometric-top{box-shadow:inset 0 0 0 999px #22c55e47}.isometric-board .tile.road-valid .isometric-top{box-shadow:inset 0 0 0 999px #f59e0b4d}.isometric-board .tile.build-invalid .isometric-top,.isometric-board .tile.road-invalid .isometric-top,.isometric-board .tile.base-invalid .isometric-top{box-shadow:inset 0 0 0 999px #0f172a57}.isometric-board .tile.selected .isometric-top{filter:brightness(1.12);box-shadow:inset 0 0 0 999px #fbbf2459}.isometric-board .tile.hit-flash .isometric-top{animation:.45s ease-out iso-flash-red}.isometric-board .tile.heal-flash .isometric-top{animation:.7s ease-out iso-flash-green}.isometric-board .tile.capture-flash .isometric-top,.isometric-board .tile.income-flash .isometric-top{animation:.7s ease-out iso-flash-gold}@keyframes iso-flash-red{0%,40%{box-shadow:inset 0 0 0 999px #ef4444d9}to{box-shadow:inset 0 0 0 999px #ef444400}}@keyframes iso-flash-green{0%,40%{box-shadow:inset 0 0 0 999px #4ade80bf}to{box-shadow:inset 0 0 0 999px #4ade8000}}@keyframes iso-flash-gold{0%,40%{box-shadow:inset 0 0 0 999px #facc15cc}to{box-shadow:inset 0 0 0 999px #facc1500}}.isometric-board .terrain-overlay,.isometric-board .node-icon,.isometric-board .unit-icon,.isometric-board .base-icon{width:auto;height:auto;transform:translate(-50%, calc(-100% + var(--iso-lift,8px)));background:0 0;border:none;border-radius:0;position:absolute;inset:50% auto auto 50%}.isometric-board .bridge-overlay{transform:translate(-50%,-50%)}.isometric-board .iso-structure,.isometric-board .unit-icon{transform:translate(-50%,-82.6%)}.isometric-board .unit-icon,.isometric-board .base-icon{z-index:2;border-style:solid;border-width:0}.isometric-board .unit-icon:after,.isometric-board .base-icon:after{content:"";border:2px solid;border-color:inherit;z-index:-1;pointer-events:auto;background:#0f172a80;border-radius:50%;width:74%;height:20%;min-height:8px;position:absolute;top:82.6%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #080c168c}.isometric-board .terrain-overlay:after,.isometric-board .node-icon:after{content:"";z-index:-1;background:#0f172a52;border-radius:50%;width:70%;height:26%;position:absolute;bottom:0;left:50%;transform:translate(-50%,40%)}.isometric-board .unit-icon svg,.isometric-board .base-icon svg,.isometric-board .terrain-overlay svg{filter:drop-shadow(1px 2px #080c1673)}.isometric-board .hp{transform:translateY(calc(-2.1 * var(--iso-lift,8px)))}.isometric-board .building-badge,.isometric-board .node-badge{transform:translateY(calc(-1 * var(--iso-lift,8px)))}.terrain-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.terrain-overlay img{image-rendering:pixelated}.road-overlay svg,.bridge-overlay:not(.iso-bridge) svg{width:100%;height:100%}.terrain-mountain-overlay:not(.iso-structure) svg,.terrain-hills-overlay:not(.iso-structure) svg{width:94%;height:94%}.unit-icon,.base-icon{z-index:2;background:#0f172a8c;border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:82%;height:82%;font-size:1.5rem;display:flex;position:relative}.base-icon{width:90%;height:90%;font-size:1.6rem}.unit-icon.exhausted{filter:grayscale(.85);opacity:.55}.build-status{color:#fbbf24;margin:0;font-size:.8rem}.build-status-done{color:#4ade80}.node-icon{z-index:2;background:#0f172a66;border:2px dashed #facc15b3;border-radius:50%;justify-content:center;align-items:center;width:88%;height:88%;font-size:1.3rem;display:flex;position:relative}.node-icon.node-owned{border-style:solid;border-width:3px}.node-icon.node-capturing,.node-badge.node-capturing{animation:1.2s ease-in-out infinite node-capturing}@keyframes node-capturing{0%,to{box-shadow:0 0 #facc15b3}50%{box-shadow:0 0 0 5px #facc1500}}.node-badge{z-index:3;pointer-events:none;background:#0f172ad9;border:1.5px dashed #facc15d9;border-radius:4px;justify-content:center;align-items:center;padding:1px;display:flex;position:absolute;top:2px;left:2px}.node-badge.node-owned{border-style:solid}.building-badge{z-index:3;pointer-events:none;background:#0f172ad9;border:1.5px solid #94a3b8e6;border-radius:4px;justify-content:center;align-items:center;padding:1px;display:flex;position:absolute;top:2px;right:2px}.bridge-overlay.bridge-vertical{transform:rotate(90deg)}.economy-bonus{color:#f0fdf4;vertical-align:middle;background:#16a34a;border-radius:4px;margin-left:5px;padding:0 4px;font-size:.6rem;font-weight:700}.node-capture-pip{z-index:3;pointer-events:none;text-shadow:0 1px 2px #000c;font-size:.6rem;line-height:1;position:absolute;bottom:2px;left:2px}.base-icon.settlement-icon{border-style:dashed}.base-icon.tower-icon{border-style:dotted}.base-icon.economy-icon{border-style:double}.node-flag{filter:drop-shadow(0 1px 1px #000000b3);display:flex;position:absolute;top:-8px;right:-8px}.hp{background:#0f172ae6;border-radius:999px;padding:1px 5px;font-size:.65rem;font-weight:700;position:absolute;bottom:3px;right:3px}.resource-cards{justify-content:center;gap:12px;display:flex}.resource-card{background:#111827db;border:2px solid;border-radius:10px;width:190px;transition:transform .15s;overflow:hidden}.resource-card.active{transform:translateY(-4px);box-shadow:0 6px 16px #00000059}.resource-card.eliminated{filter:grayscale();opacity:.52}.resource-card-header{color:#0f172a;padding:4px 12px;font-size:.9rem;font-weight:700}.resource-card-body{padding:6px 10px 4px;font-size:.85rem}.resource-row{grid-template-columns:28px repeat(3,1fr);align-items:center;gap:4px;display:grid}.resource-row-label{color:#94a3b8;font-size:.68rem}.resource-row span:not(.resource-row-label){justify-content:center;align-items:center;display:flex}.resource-row-totals span:not(.resource-row-label){font-weight:700}.resource-row-income{color:#86efac;font-size:.75rem}.resource-card-nodes{text-align:center;color:#fde68a;padding:0 8px 6px;font-size:.75rem}.stats-toggle{color:#e5e7eb;cursor:pointer;background:#1e293bd9;border:1px solid #94a3b840;border-radius:999px;padding:6px 14px;font-size:.85rem}.stats-toggle:hover{border-color:#94a3b880}a.stats-toggle{align-items:center;text-decoration:none;display:inline-flex}.stats-overlay{z-index:50;background:#0f172ab8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.victory-overlay{z-index:60;background:#0f172ad1;justify-content:center;align-items:center;animation:.3s ease-out victory-fade-in;display:flex;position:fixed;inset:0}.victory-card{text-align:center;background:#111827f7;border:2px solid #94a3b866;border-radius:16px;flex-direction:column;gap:14px;width:min(92vw,420px);padding:36px 44px;animation:.4s cubic-bezier(.34,1.56,.64,1) victory-pop-in;display:flex}.victory-card h2{margin:0;font-size:1.8rem}.victory-confetti{letter-spacing:4px;font-size:1.6rem;animation:1.2s ease-in-out infinite victory-bounce}.victory-actions{justify-content:center;gap:10px;margin-top:8px;display:flex}.victory-actions .primary{width:auto;padding:10px 20px}@keyframes victory-fade-in{0%{opacity:0}to{opacity:1}}@keyframes victory-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes victory-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stats-panel{color:#e5e7eb;background:#111827f5;border:1px solid #94a3b840;border-radius:12px;width:min(92vw,900px);max-width:900px;max-height:86vh;padding:20px 24px;overflow:auto}.stats-panel h2,.stats-panel h3{margin:0 0 12px}.stats-panel-header{justify-content:space-between;align-items:center;display:flex}.stats-tabs{border-bottom:1px solid #94a3b833;gap:6px;margin:12px 0 16px;display:flex}.stats-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:7px 10px}.stats-tabs button.selected{color:#e5e7eb;border-bottom-color:#60a5fa}.howtoplay-panel{width:min(92vw,760px);max-width:760px}.howtoplay-body h3{margin:18px 0 6px;font-size:1rem}.howtoplay-body h3:first-child{margin-top:0}.howtoplay-body p{margin:0 0 8px;font-size:.92rem}.howtoplay-list{flex-direction:column;gap:6px;margin:0 0 8px;padding-left:20px;font-size:.92rem;display:flex}.howtoplay-table{font-size:.85rem}.howtoplay-unit-cell{white-space:nowrap;align-items:center;gap:8px;display:flex}.stats-close{color:#e5e7eb;cursor:pointer;background:#1e293bd9;border:1px solid #94a3b840;border-radius:999px;width:28px;height:28px}.stats-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.9rem}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid #94a3b833;padding:6px 10px}.stats-table th{color:#94a3b8;font-weight:600}.stats-player-dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.stats-charts{flex-wrap:wrap;gap:16px;display:flex}.stats-chart-card{background:#1e293bcc;border:1px solid #94a3b840;border-radius:8px;flex:320px;padding:10px}.stats-chart-title{margin-bottom:6px;font-weight:700}.stats-chart-svg{background:#0f172a80;border-radius:6px;width:100%;height:120px}.stats-line-population{fill:none;stroke:#3b82f6;stroke-width:2px}.stats-line-economy{fill:none;stroke:#eab308;stroke-width:2px}.stats-chart-legend{color:#94a3b8;gap:14px;margin-top:6px;font-size:.78rem;display:flex}.stats-legend-swatch{border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.stats-legend-population{background:#3b82f6}.stats-legend-economy{background:#eab308}.stats-elimination-marker line{stroke-width:1.5px;stroke-dasharray:3 3}.stats-elimination-marker text{font-size:14px;font-weight:700}.stats-battle-log{color:#cbd5e1;background:#0f172a99;border-radius:6px;max-height:260px;padding:8px 10px;font-size:.82rem;line-height:1.5;overflow-y:auto}@media (width<=900px){.app-shell{gap:10px;padding:10px;overflow:auto}.top-bar{z-index:20;flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px;position:sticky;top:0}.top-bar h1{font-size:1.1rem}.top-bar .map-theme-label{display:none}.top-bar-menu-toggle{display:inline-flex}.turn-info{flex-wrap:wrap;gap:8px}.top-bar-menu{border-top:1px solid #94a3b833;flex-wrap:wrap;order:1;align-items:center;gap:8px;width:100%;padding-top:8px;display:none}.top-bar.menu-open .top-bar-menu{display:flex}.top-bar-menu .stats-toggle,.top-bar-menu .ai-toggle{min-height:44px}.main-row{flex-direction:column;padding-bottom:10px;overflow-y:auto}.hud{order:2;width:100%;max-height:none;padding:12px;overflow:visible}.board-column{flex:none;order:1;align-items:stretch;width:100%}.board-panel{justify-content:flex-start;width:100%;padding-bottom:4px;overflow:auto hidden}.board{flex:none;width:min(96vw,640px);margin:0 auto}.unit-picker button,.income-buttons button,.settlement-button,.market-panel-row button,.turn-advance-button{min-height:44px}.turn-advance-button{z-index:10;position:sticky;bottom:0;box-shadow:0 -8px 18px #0f172a73}}@media (width<=480px){.resource-cards{flex-wrap:wrap}.resource-card{width:min(45vw,220px)}.board{width:min(96vw,460px)}}