:root{font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}:root{--exile-bg:#172534;--exile-bg-deep:#080d12;--exile-card:#16232f;--exile-ink:#eef2f5;--exile-ink-soft:#93a4b0;--exile-gold:#d9a53c;--exile-gold-soft:#f0c874;--exile-lava:#e2604a;--exile-lava-deep:#b8402c;--exile-plum:#9575d1;--exile-wave:#58a9e6}html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden auto}.app{background:radial-gradient(circle,#18364a 0%,#0d2331 70%,#071821 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;display:flex}.game-map{height:min(82vw,82vh);aspect-ratio:var(--map-columns) / var(--map-rows);grid-template-columns:repeat(var(--map-columns), 1fr);grid-template-rows:repeat(var(--map-rows), 1fr);display:grid}.map-tile{border:1px solid #ffffff0f;justify-content:center;align-items:center;font-size:clamp(18px,3vw,36px);display:flex;position:relative;overflow:hidden}.map-tile:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 30% 30%,#ffffff1a,#0000 45%);position:absolute;inset:0}.terrain--meadow{background:radial-gradient(circle at 25% 30%,#ffffff1f,#0000 30%),linear-gradient(145deg,#8fb86b,#6f9956)}.terrain--forest{background:radial-gradient(circle at 30% 35%,#1f4e2de6 0 12%,#0000 13%),radial-gradient(circle at 65% 25%,#265b31e6 0 15%,#0000 16%),radial-gradient(circle at 55% 70%,#1a4527e6 0 17%,#0000 18%),linear-gradient(145deg,#709c58,#456f43)}.terrain--lake{background:radial-gradient(#62add0 0%,#3e8cb5 55%,#347b9f 100%)}.terrain--volcano{background:radial-gradient(circle at 50% 48%,#dc6b38 0 10%,#713b32 11% 28%,#57423a 29% 48%,#6d7655 49% 100%)}.terrain--river,.terrain--lava{background:#739f60}.terrain--river:after,.terrain--lava:after{content:"";z-index:0;pointer-events:none;position:absolute}.terrain--river:after{background:linear-gradient(90deg,#3d88af,#59afd2,#3d88af)}.terrain--lava:after{background:linear-gradient(90deg,#8b3f2e,#e26a37,#8b3f2e)}.flow--north-south:after{width:34%;height:110%;top:-5%;left:33%}.flow--east-west:after{width:110%;height:34%;top:33%;left:-5%}.flow--north-east:after,.flow--north-west:after,.flow--south-east:after,.flow--south-west:after{background:0 0;width:68%;height:68%}.terrain--river.flow--north-east:after{border-bottom:18px solid #59afd2;border-left:18px solid #59afd2;border-bottom-left-radius:100%;top:-1%;left:33%}.terrain--river.flow--north-west:after{border-bottom:18px solid #59afd2;border-right:18px solid #59afd2;border-bottom-right-radius:100%;top:-1%;right:33%}.terrain--river.flow--south-east:after{border-top:18px solid #59afd2;border-left:18px solid #59afd2;border-top-left-radius:100%;bottom:-1%;left:33%}.terrain--river.flow--south-west:after{border-top:18px solid #59afd2;border-right:18px solid #59afd2;border-top-right-radius:100%;bottom:-1%;right:33%}.terrain--lava.flow--north-east:after{border-bottom:18px solid #e26a37;border-left:18px solid #e26a37;border-bottom-left-radius:100%;top:-1%;left:33%}.terrain--lava.flow--north-west:after{border-bottom:18px solid #e26a37;border-right:18px solid #e26a37;border-bottom-right-radius:100%;top:-1%;right:33%}.terrain--lava.flow--south-east:after{border-top:18px solid #e26a37;border-left:18px solid #e26a37;border-top-left-radius:100%;bottom:-1%;left:33%}.terrain--lava.flow--south-west:after{border-top:18px solid #e26a37;border-right:18px solid #e26a37;border-top-right-radius:100%;bottom:-1%;right:33%}.tile-icon{z-index:2;-webkit-user-select:none;user-select:none;position:relative}.tile-multiplier{z-index:3;color:#ffffffe6;text-shadow:0 1px 3px #000000b3;-webkit-user-select:none;user-select:none;font-size:clamp(10px,1.2vw,16px);font-weight:700;position:absolute;bottom:4px;right:6px}.tile-edge-top{border-top-color:#dccc9d73}.tile-edge-bottom{border-bottom-color:#dccc9d73}.tile-edge-left{border-left-color:#dccc9d73}.tile-edge-right{border-right-color:#dccc9d73}.base-piece{--player-color:white;z-index:5;border:3px solid var(--player-color);cursor:default;background:#14181cb8;border-radius:18%;justify-content:center;align-items:center;display:flex;position:absolute;inset:12%}.base-piece--selected{box-shadow:0 0 0 3px #ffffffd9, 0 0 16px var(--player-color)}.base-name{z-index:6;white-space:nowrap;color:#fff;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0e12cc;border-radius:3px;width:max-content;max-width:140%;padding:1px 4px;font-size:clamp(8px,.8vw,11px);font-weight:700;line-height:1.2;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.base-structure{z-index:1;-webkit-user-select:none;user-select:none;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.base-avatar{z-index:2;-webkit-user-select:none;user-select:none;font-size:clamp(16px,2vw,26px);position:absolute;top:8%;left:50%;transform:translate(-50%)}.base-piece--tier-1 .base-structure{font-size:clamp(22px,3vw,36px)}.base-piece--tier-2 .base-structure{font-size:clamp(26px,3.4vw,42px)}.base-piece--tier-3 .base-structure{font-size:clamp(30px,3.8vw,48px)}.base-piece--tier-4 .base-structure{font-size:clamp(34px,4.2vw,54px)}.base-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#0a0e12f0;border-radius:6px;flex-direction:column;gap:4px;min-width:130px;padding:8px 10px;font-size:13px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.base-piece:hover .base-tooltip{display:flex}.base-selector{z-index:20;background:#0a0e12d9;border:1px solid #ffffff26;border-radius:10px;flex-direction:row;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;bottom:24px;left:24px}.base-selector-title{color:#fff;flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:700;display:flex}.base-selector-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;flex-direction:column;gap:4px;min-width:110px;padding:8px 12px;display:flex}.base-selector-button:hover{background:#ffffff24}.base-selector-button--selected{background:#fff3;border-color:#fffc}.base-selector-row{flex-direction:row;gap:8px;display:flex}.resource-bar{z-index:20;color:#fff;background:#0a0e12d9;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:24px;padding:10px 18px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.resource{align-items:center;gap:7px;font-size:18px;display:flex}.resource strong{min-width:35px}.game-clock{z-index:20;color:#fff;font-variant-numeric:tabular-nums;background:#0a0e12d9;border:1px solid #ffffff26;border-radius:10px;padding:10px 16px;font-size:20px;font-weight:700;position:absolute;top:20px;right:24px}.battle-reports{z-index:20;width:420px;position:absolute;top:20px;left:24px}.battle-reports-button{box-sizing:border-box;color:#fff;background:#0a0e12d9;border:1px solid #ffffff26;border-radius:10px;width:460px;padding:10px 16px;font-size:15px}.battle-reports-panel{color:#fff;box-sizing:border-box;background:#0a0e12f0;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;gap:10px;width:460px;height:calc(100vh - 220px);margin-top:8px;padding:10px;display:flex;overflow-y:auto}.battle-report{border-bottom:1px solid #ffffff1f;flex-direction:column;gap:4px;padding-bottom:10px;font-size:12px;display:flex}.battle-report:last-child{border-bottom:none;padding-bottom:0}.battle-report-header{justify-content:space-between;gap:12px;display:flex}.battle-report-header span{opacity:.6}.battle-report-empty{opacity:.7;font-size:12px}.base-actions{z-index:20;background:#0a0e12d9;border:1px solid #ffffff26;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;display:grid;position:absolute;bottom:24px;right:24px}.base-action-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:7px;min-width:125px;padding:12px 14px;font-size:14px}.base-action-button:hover{background:#ffffff29}.base-action-button:disabled{opacity:.35;cursor:not-allowed}.base-action-button:disabled:hover{background:#ffffff14}.train-menu{grid-template-columns:repeat(2,1fr)}.train-menu-title{color:#fff;text-align:center;grid-column:1/-1;font-size:14px;font-weight:700}.training-status{color:#fff;flex-direction:column;grid-column:1/-1;align-items:center;gap:6px;min-width:250px;padding:10px;display:flex}.training-status span{opacity:.8;font-size:14px}.base-army-summary,.base-resource-summary{opacity:.8;font-size:12px}.send-menu{grid-template-columns:1fr;min-width:270px}.send-menu-title{color:#fff;text-align:center;font-size:14px;font-weight:700}.send-menu-message{color:#ffffffb3;text-align:center;padding:8px;font-size:13px}.army-selector{color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:7px 4px;display:flex}.army-selector-label{flex-direction:column;font-size:14px;display:flex}.army-selector-label span{opacity:.65;margin-top:2px;font-size:11px}.army-selector-controls{align-items:center;gap:10px;display:flex}.army-selector-controls button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:5px;min-width:42px;height:30px}.army-selector-controls button:disabled{opacity:.3;cursor:not-allowed}.army-movements{z-index:20;color:#fff;background:#0a0e12d9;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;gap:8px;min-width:230px;min-height:340px;padding:10px 12px;font-size:12px;display:flex;position:absolute;top:76px;right:24px}.army-movement{border-top:1px solid #ffffff1a;flex-direction:column;gap:6px;padding-top:8px;display:flex}.army-movement-header{justify-content:space-between;gap:16px;display:flex}.army-movement-details{flex-direction:column;gap:3px;display:flex}.army-movement-details>div{justify-content:space-between;gap:12px;display:flex}.movement-label{opacity:.6}.cargo-capacity{color:#fff;text-align:center;font-size:13px}.army-movement-status{font-size:12px;font-weight:700}.treasure{z-index:6;cursor:help;filter:drop-shadow(0 2px 3px #000000a6);-webkit-user-select:none;user-select:none;font-size:clamp(24px,3.5vw,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expansion-key-count{white-space:nowrap;margin-left:10px}.targeting-banner{z-index:40;color:#fff;background:#0a0e12f2;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.targeting-banner button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:5px;padding:5px 8px}.base-piece--attack-target{cursor:pointer;box-shadow:0 0 0 3px #ffffffbf,0 0 18px #ff5050e6}.base-piece--attack-target:hover{transform:scale(1.05)}.attack-travel-time{z-index:10;color:#fff;pointer-events:none;background:#0a0e12f2;border-radius:10px;padding:3px 6px;font-size:11px;font-weight:700;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #00000080}.treasure--loot-target{cursor:pointer;filter:drop-shadow(0 0 8px #ffd750f2)}.loot-travel-time{color:#fff;pointer-events:none;background:#0a0e12f2;border-radius:10px;padding:3px 6px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:-10px}.map-tile--expand-target{cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff73}.map-tile--expand-target:hover{box-shadow:inset 0 0 0 3px #ffffffd9}.expand-travel-time{z-index:8;color:#fff;pointer-events:none;background:#0a0e12f2;border-radius:10px;padding:3px 6px;font-size:11px;font-weight:700;position:absolute;top:6px;right:6px}.base-piece--transfer-target{cursor:pointer;box-shadow:0 0 0 3px #ffffffa6,0 0 16px #64b4ffd9}.map-tile--relocate-target{cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff73}.map-tile--relocate-target:hover{box-shadow:inset 0 0 0 3px #ffffffd9}.relocate-travel-time{z-index:8;color:#fff;pointer-events:none;background:#0a0e12f2;border-radius:10px;padding:3px 6px;font-size:11px;font-weight:700;position:absolute;top:6px;right:6px}.map-tile--unavailable-target{filter:brightness(.45);opacity:.7}.game-over-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-over-panel{color:#fff;background:#0a0e12f5;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:24px 32px;font-size:16px;display:flex}.game-over-panel strong{font-size:28px}.room-entry{background-color:var(--exile-bg);background-image:radial-gradient(circle at 50% 0%, #223342 0%, var(--exile-bg) 46%, var(--exile-bg-deep) 100%), repeating-linear-gradient(0deg, #bed2e60a 0px, #bed2e60a 1px, transparent 1px, transparent 42px), repeating-linear-gradient(90deg, #bed2e60a 0px, #bed2e60a 1px, transparent 1px, transparent 42px)}.room-entry-panel{text-align:center;background:#0a0e12f0;border:1px solid #ffffff24;border-radius:18px;width:min(520px,90vw);padding:42px 48px 48px;box-shadow:0 18px 40px #0006,inset 0 1px #ffffff0f}.room-entry-title{letter-spacing:.04em;color:var(--exile-ink);margin:0 0 26px;font-size:2.6rem}.room-entry-heading{letter-spacing:.18em;color:var(--exile-gold);margin:0;font-size:.9rem;font-weight:800}.room-entry-subtitle{color:var(--exile-ink-soft);margin:8px 0 30px;font-size:.95rem}.room-entry-actions{flex-direction:column;gap:14px;width:min(360px,100%);margin:0 auto;display:flex}.room-entry-button{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:8px;width:100%;min-height:48px;font-size:.85rem;font-weight:800;transition:transform .15s,filter .15s,box-shadow .15s,opacity .15s}.room-entry-create,.room-entry-join{background:var(--exile-lava);color:var(--exile-ink);border:1px solid #ef8a3d;box-shadow:0 0 22px -8px #ef8a3d,0 8px 18px #0000004d}.room-entry-button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-2px)}.room-entry-divider{color:var(--exile-ink-soft);letter-spacing:.14em;align-items:center;gap:14px;margin:4px 0;font-size:.72rem;font-weight:700;display:flex}.room-entry-divider:before,.room-entry-divider:after{content:"";background:#ffffff24;flex:1;height:1px}.room-entry-code-label{letter-spacing:.14em;text-transform:uppercase;color:var(--exile-ink-soft);margin-bottom:-6px;font-size:.75rem;font-weight:800}.room-entry-code{width:100%;height:58px;color:var(--exile-ink);text-align:center;letter-spacing:.35em;text-transform:uppercase;background:#ffffff0d;border:1.5px solid #ffffff29;border-radius:8px;outline:none;padding:8px 16px;font-size:1.6rem;font-weight:800;transition:border-color .15s,box-shadow .15s}.room-entry-code::placeholder{color:#93a4b059}.room-entry-code:focus{border-color:var(--exile-gold);box-shadow:0 0 0 3px #d9a53c1f}.room-entry-button:disabled{color:#93a4b073;box-shadow:none;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a}@media (width<=550px){.room-entry-panel{padding:34px 24px 38px}.room-entry-title{font-size:2.2rem}}.lobby{background-color:var(--exile-bg);background-image:radial-gradient(circle at 50% 0%, #223342 0%, var(--exile-bg) 46%, var(--exile-bg-deep) 100%), repeating-linear-gradient(0deg, #bed2e60a 0px, #bed2e60a 1px, transparent 1px, transparent 42px), repeating-linear-gradient(90deg, #bed2e60a 0px, #bed2e60a 1px, transparent 1px, transparent 42px);min-height:100vh;color:var(--exile-ink);justify-content:center;align-items:flex-start;padding:28px;display:flex}.lobby-panel{background:#0a0e12f0;border:1px solid #ffffff24;border-radius:18px;width:min(760px,94vw);margin:auto 0;padding:34px 40px 38px;box-shadow:0 18px 40px #0006,inset 0 1px #ffffff0f}.lobby-header{text-align:center;margin-bottom:30px}.lobby-header h1{letter-spacing:.04em;color:var(--exile-ink);margin:0 0 14px;font-size:2.6rem}.lobby-room-code{color:var(--exile-ink-soft);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:7px 14px;display:inline-flex}.lobby-room-code span{letter-spacing:.16em;font-size:.7rem;font-weight:800}.lobby-room-code strong{letter-spacing:.16em;color:var(--exile-gold-soft);font-size:1rem}.lobby-section-title{letter-spacing:.16em;text-transform:uppercase;color:var(--exile-ink-soft);margin-bottom:10px;font-size:.72rem;font-weight:800}.lobby-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.lobby-slot{background:#ffffff08;border:1px solid #ffffff21;border-radius:10px;flex-direction:column;gap:10px;min-height:185px;padding:16px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.lobby-slot-ready{background:#5cbb8412;border-color:#5cbb848c;box-shadow:inset 0 0 18px #5cbb840d}.lobby-player-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:2px;display:flex}.lobby-player-identity{align-items:center;gap:10px;display:flex}.lobby-player-avatar{font-size:1.8rem}.lobby-player-identity>div{flex-direction:column;display:flex}.lobby-player-identity strong{color:var(--exile-ink);font-size:1rem}.lobby-player-identity span:not(.lobby-player-avatar){color:var(--exile-ink-soft);margin-top:2px;font-size:.75rem}.lobby-host-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--exile-gold-soft);background:#d9a53c1a;border:1px solid #d9a53c59;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800}.lobby-character-select{letter-spacing:.1em;text-transform:uppercase;color:var(--exile-ink-soft);flex-direction:column;gap:5px;font-size:.7rem;font-weight:800;display:flex}.lobby-character-select select,.lobby-settings-grid select{width:100%;color:var(--exile-ink);font:inherit;letter-spacing:normal;text-transform:none;background:#111b24;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:9px 10px}.lobby-character-select select:focus,.lobby-settings-grid select:focus{border-color:var(--exile-gold)}.lobby-character-select select:disabled,.lobby-settings-grid select:disabled{opacity:.65}.lobby-ready-button,.lobby-leave-button,.lobby-empty-slot button,.lobby-play-button{letter-spacing:.06em;cursor:pointer;border-radius:7px;min-height:38px;font-weight:800;transition:transform .15s,filter .15s,opacity .15s}.lobby-ready-button{color:#fff;background:#2f8f46;border:1px solid #48b962}.lobby-leave-button{color:#dc7777;background:0 0;border:1px solid #c950508c}.lobby-ready-button:not(:disabled):hover,.lobby-leave-button:not(:disabled):hover,.lobby-empty-slot button:not(:disabled):hover,.lobby-play-button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.lobby-ready-button:disabled,.lobby-leave-button:disabled{opacity:.45;cursor:not-allowed}.lobby-empty-slot{color:var(--exile-ink-soft);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.lobby-empty-icon{color:#93a4b08c;font-size:1.5rem}.lobby-empty-slot strong{font-size:.85rem}.lobby-empty-slot button{min-width:100px;color:var(--exile-ink);background:#ffffff0f;border:1px solid #ffffff26;padding:7px 14px}.lobby-settings{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;padding:18px}.lobby-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lobby-settings-grid label{letter-spacing:.1em;text-transform:uppercase;color:var(--exile-ink-soft);flex-direction:column;gap:6px;font-size:.72rem;font-weight:800;display:flex}.lobby-start-section{flex-direction:column;align-items:center;margin-top:22px;display:flex}.lobby-start-message{color:var(--exile-ink-soft);margin-bottom:10px;font-size:.85rem}.lobby-play-button{background:var(--exile-lava);color:#fff;letter-spacing:.12em;text-transform:uppercase;border:1px solid #ef8a3d;width:min(300px,100%);min-height:48px;font-size:.85rem;box-shadow:0 0 22px -8px #ef8a3d,0 8px 18px #0000004d}.lobby-play-button:disabled{color:#93a4b073;box-shadow:none;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a}@media (width<=650px){.lobby{padding:16px}.lobby-panel{padding:28px 22px 30px}.lobby-slots,.lobby-settings-grid{grid-template-columns:1fr}.lobby-header h1{font-size:2.2rem}}.lobby-start-buttons{grid-template-columns:1fr 1.5fr;gap:12px;width:min(620px,100%);display:grid}.lobby-how-to-button{min-height:48px;color:var(--exile-ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:7px;font-weight:800;transition:transform .15s,background .15s,border-color .15s}.lobby-how-to-button:hover{background:#ffffff17;border-color:#ffffff47;transform:translateY(-1px)}.lobby-start-buttons .lobby-play-button{width:100%}.how-to-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.how-to-modal{background:#0d151c;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;width:min(720px,94vw);max-height:min(760px,88vh);display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.how-to-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.how-to-header h2{color:var(--exile-gold-soft);letter-spacing:.04em;margin:0;font-size:1.35rem}.how-to-close{width:36px;height:36px;color:var(--exile-ink-soft);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex}.how-to-close:hover{color:var(--exile-ink);border-color:#ffffff47}.how-to-content{padding:8px 24px 24px;overflow-y:auto}.how-to-content section{border-bottom:1px solid #ffffff14;padding:16px 0}.how-to-content section:last-child{border-bottom:0}.how-to-content h3{color:var(--exile-ink);margin:0 0 8px;font-size:.95rem}.how-to-content p{color:var(--exile-ink-soft);margin:6px 0;font-size:.9rem;line-height:1.55}.how-to-content strong{color:var(--exile-ink)}.how-to-combat{flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:.9rem;display:flex}@media (width<=550px){.lobby-start-buttons{grid-template-columns:1fr}.how-to-overlay{padding:12px}.how-to-header{padding:16px 18px}.how-to-content{padding:6px 18px 20px}}.leaderboard{z-index:20;color:#fff;background:#0a0e12d9;border:1px solid #ffffff26;border-radius:8px;width:190px;padding:10px;position:absolute;top:24px;right:320px}.leaderboard-title{margin-bottom:8px;display:block}.leaderboard-row{justify-content:space-between;gap:10px;padding:3px 0;font-size:13px;display:flex}.leaderboard-row--eliminated{opacity:.55;text-decoration:line-through}.final-standings-list{margin:24px 0}.final-standing-row{grid-template-columns:40px 1fr 90px;align-items:center;padding:10px 12px;font-size:18px;display:grid}.final-standing-row.eliminated{opacity:.6;text-decoration:line-through}.final-rank,.final-player{text-align:left}.final-score{text-align:right;font-weight:700}@media (width>=1501px) and (width<=2100px){.game-map{height:min(76vw,76vh)}.battle-reports,.battle-reports-button,.battle-reports-panel{width:380px}.leaderboard{width:175px;right:280px}}@media (width<=1500px) and (height<=950px){.app{padding:20px}.game-map{height:min(68vw,68vh)}.battle-reports{width:320px;top:16px;left:16px}.battle-reports-button{width:320px;padding:8px 12px;font-size:13px}.battle-reports-panel{width:320px;height:calc(100vh - 180px)}.resource-bar{gap:14px;padding:7px 12px;top:12px}.resource{gap:5px;font-size:15px}.game-clock{padding:7px 12px;font-size:16px;top:12px;right:16px}.leaderboard{width:160px;padding:8px;top:16px;right:240px}.leaderboard-row{font-size:11px}.army-movements{min-width:200px;min-height:260px;padding:8px 10px;top:62px;right:16px}.base-actions{gap:6px;padding:8px;bottom:16px;right:16px}.base-action-button{min-width:115px;padding:10px 12px;font-size:13px}.base-selector{gap:6px;padding:8px;bottom:16px;left:16px}.base-selector-title{font-size:11px}.base-army-summary,.base-resource-summary{font-size:10px}}.game-how-to-button{z-index:100;width:34px;height:34px;color:var(--exile-gold-soft);cursor:pointer;background:#0d151ce6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:900;transition:transform .15s,background .15s,border-color .15s;display:flex;position:fixed;top:24px;right:104px;box-shadow:0 4px 12px #0000004d}.game-how-to-button:hover{border-color:var(--exile-gold);background:#ffffff1a;transform:translateY(-1px)}