*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:#0b0e13;color:#eee}.loading,.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:14px}.lobby h1{font-family:Georgia,Times New Roman,serif;font-size:42px;letter-spacing:4px;text-transform:uppercase;margin-bottom:8px;background:linear-gradient(180deg,#f0d68a,#c8963d);-webkit-background-clip:text;background-clip:text;color:transparent}.lobby select{padding:9px 10px;border-radius:8px;border:1px solid #3a4552;background:#1a212b;color:#eee;font-size:14px}.lobby input{padding:10px 14px;border-radius:8px;border:1px solid #3a4552;background:#1a212b;color:#eee;font-size:14px}.lobby input:focus{outline:2px solid #c8963d}.lobby-actions{display:flex;gap:24px;align-items:center;margin-top:12px}.join-row{display:flex;gap:8px}button{padding:9px 18px;border-radius:8px;border:none;background:linear-gradient(180deg,#c8963d,#a5741f);color:#241a05;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #0006}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{background:#333c47;color:#777;cursor:not-allowed;box-shadow:none}.error{color:#e05a5a}.player-list{list-style:none;padding:0}.player-list li{display:flex;align-items:center;gap:8px;padding:4px 0}.player-list li.active{font-weight:700}.bot-badge{font-size:10px;font-weight:700;color:#241a05;background:#c8963d;padding:1px 6px;border-radius:4px;letter-spacing:.5px}.setup-status{font-size:11px;color:#9aa7b5;margin-left:4px}.setup-status.setup-ready{color:#5fd88a;font-weight:600}.swatch{width:12px;height:12px;border-radius:50%;display:inline-block}.swatch-red{background:#d64545}.swatch-blue{background:#4569d6}.swatch-green{background:#3fa85a}.swatch-yellow{background:#d6c445}.swatch-purple{background:#9a4fd6}.swatch-orange{background:#d68a45}.color-picker-row{display:flex;gap:10px;margin:10px 0 16px}.swatch-button{width:28px;height:28px;border-radius:50%;padding:0;border:2px solid transparent;box-shadow:0 2px 4px #0006}.swatch-button.swatch-selected{border-color:#f0d68a;box-shadow:0 0 0 2px #f0d68a80}.swatch-button:disabled{opacity:.25;cursor:not-allowed}.remove-bot-button{margin-left:auto;padding:2px 10px;font-size:11px;font-weight:500;background:#2a2f38;color:#e0954f;border:1px solid #3a4552}.remove-bot-button:hover:not(:disabled){background:#3a2a2a}.invite-button{background:#232c3a;color:#f0d68a;font-weight:600;font-size:13px;padding:7px 14px;margin:4px 0 12px}.invite-button:hover{background:#2a3546}.rematch-banner{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700;color:#f0d68a;text-align:center;margin-bottom:-4px}.game-page{position:relative;display:flex;flex-direction:column;height:100vh}.toast-stack{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50;pointer-events:none}.toast{background:#0f1218f2;border:1px solid #3a4552;border-left:4px solid #c8963d;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;box-shadow:0 6px 20px #00000080;white-space:nowrap;animation:toast-life 4.2s ease forwards}.toast-continent{border-left-color:#ffe08a}.toast-eliminated{border-left-color:#e05252}@keyframes toast-life{0%{opacity:0;transform:translateY(-14px)}8%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.turn-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#141920;border-bottom:3px solid #444;flex-shrink:0}.turn-bar-text{display:flex;align-items:baseline;gap:12px}.turn-bar-label{font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;letter-spacing:1px}.turn-bar-phase{font-size:14px;color:#9aa7b5;text-transform:uppercase;letter-spacing:1px}.help-button{background:#232c3a;color:#d7dee6;font-weight:500;padding:6px 14px}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.help-panel{background:#171d26;border:1px solid #2f3946;border-radius:12px;padding:24px 28px;max-width:560px;max-height:80vh;overflow-y:auto}.help-panel h2{font-family:Georgia,Times New Roman,serif;margin-top:0;color:#f0d68a}.help-rule{margin-bottom:16px}.help-rule h3{margin:0 0 4px;color:#c8963d;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.help-rule p{margin:0;font-size:14px;line-height:1.5;color:#d7dee6}.game-layout{display:flex;flex:1;min-height:0}.map-area{position:relative;flex:1;overflow:hidden;background:#0b0e13}.map-wrapper{position:relative;width:100%;height:100%}.map-controls{position:absolute;top:12px;left:12px;z-index:5;display:flex;gap:8px}.map-controls button{background:#141920d9;color:#d7dee6;font-size:12px;padding:6px 10px;border:1px solid #2f3946}.map-controls button:hover{background:#232c3af2}.map-svg{width:100%;height:100%;cursor:grab;touch-action:none}.map-svg:active{cursor:grabbing}.landmass{fill:#3a4a3a;stroke:#6b8f6b;stroke-width:1;stroke-opacity:.7}.continent-label{font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700;letter-spacing:1px;pointer-events:none;opacity:.85;paint-order:stroke;stroke:#0a1c2b;stroke-width:4px}.map-edge{stroke:#4a5a6a;stroke-width:1.25;stroke-dasharray:3 3;opacity:.6}.impact-ring{pointer-events:none;transform-origin:center}.impact-conquered,.impact-defended{stroke-width:3;animation:impact-pulse 1.1s ease-out forwards}.impact-conquered{stroke:#ffe08a}.impact-defended{stroke:#e05252}@keyframes impact-pulse{0%{r:15;stroke-opacity:1}to{r:30;stroke-opacity:0}}.troop-mover{pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.battle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px;pointer-events:none;z-index:10}.battle-card{background:#0b0e13eb;border:1px solid #3a2a1a;border-top:3px solid #c8963d;border-radius:10px;padding:12px 20px 16px;min-width:340px;box-shadow:0 8px 30px #0009;animation:battle-card-in .5s cubic-bezier(.22,1,.36,1)}@keyframes battle-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.battle-title{text-align:center;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700;margin-bottom:4px}.battle-svg{width:100%;height:90px;display:block}.battle-ground{stroke:#3a4552;stroke-width:1}.soldier{opacity:0;transform-origin:center}.soldier-entering{animation:soldier-enter .6s cubic-bezier(.34,1.56,.64,1) forwards}.soldier-entered{opacity:1}@keyframes soldier-enter{0%{opacity:0;transform:scale(.4) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.soldier-fallen{transition:transform 1s cubic-bezier(.55,0,.55,1),opacity 1s ease;opacity:.3}.muzzle-flash{opacity:0;animation:muzzle-fire 1.1s ease-out infinite}@keyframes muzzle-fire{0%{opacity:0;r:1.5}20%{opacity:1;r:3.5}55%{opacity:0;r:2}to{opacity:0;r:2}}.battle-dice{display:flex;justify-content:space-between;font-size:12px;color:#9aa7b5;margin-top:4px}.battle-conquered{text-align:center;margin-top:6px;color:#5fd88a;font-weight:700;font-size:13px}.territory{cursor:pointer}.piece{stroke:#0b0e13;stroke-width:2;transition:r .12s ease,fill .8s ease}.piece-ring{stroke:#ffffff40;stroke-width:1}.territory:hover .piece{r:19}.territory.selected .piece{stroke:#fff;stroke-width:3}.territory.selected .piece-ring{stroke:#fff;stroke-width:2}.territory.valid-target .piece{filter:drop-shadow(0 0 8px #ffe08a)}.territory.valid-target .piece-ring{stroke:#ffe08a;stroke-width:2}.territory-armies{fill:#fff;font-size:12px;font-weight:700;pointer-events:none;paint-order:stroke;stroke:#0000008c;stroke-width:3px}.territory-label{fill:#d7dee6;font-size:9px;font-weight:500;pointer-events:none;paint-order:stroke;stroke:#0b0e13;stroke-width:3px}.fortify-panel{position:absolute;bottom:16px;left:16px;background:#1e242c;padding:12px;border-radius:8px;display:flex;gap:8px;align-items:center}.fortify-panel input{width:60px}.sidebar{width:320px;background:#141920;border-left:1px solid #232a35;padding:18px;overflow-y:auto}.sidebar h2{font-family:Georgia,Times New Roman,serif;letter-spacing:2px;text-transform:uppercase;font-size:20px;background:linear-gradient(180deg,#f0d68a,#c8963d);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 16px}.sidebar h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#8b96a3;margin:18px 0 8px}.turn-banner{background:linear-gradient(180deg,#232c3a,#1c232e);border:1px solid #2f3946;padding:12px 14px;border-radius:10px;margin-bottom:12px;font-size:14px;line-height:1.5}.mission-box{margin-top:10px;background:#241c30;border:1px solid #4a3a63;border-left:3px solid #a95fe0;padding:8px 10px;border-radius:6px;font-size:13px}.mission-box h3{margin:0 0 4px;color:#c7a8e8}.instructions{font-size:13px;color:#9aa7b5;background:#171d26;border-left:3px solid #c8963d;padding:8px 10px;border-radius:4px}.card-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.card{background:#232c3a;padding:6px 10px;border-radius:6px;font-size:12px;color:#d7dee6;font-weight:500}.card.selected{background:#c8963d;color:#241a05}.combat-log{margin-top:8px;font-size:13px;background:#171d26;border:1px solid #232a35;padding:10px 12px;border-radius:8px}.conquered{color:#5fd88a;font-weight:700}.mode-toggle{display:flex;gap:8px;margin-top:10px}.mode-toggle button{flex:1;background:#232c3a;color:#9aa7b5}.mode-toggle button.active{background:linear-gradient(180deg,#c8963d,#a5741f);color:#241a05}.end-turn{margin-top:18px;width:100%;background:linear-gradient(180deg,#d97f56,#b85a34);color:#fff}.winner-banner{margin-top:16px;padding:14px;background:linear-gradient(180deg,#3d9457,#2a6b3d);border-radius:10px;text-align:center;font-weight:700;letter-spacing:1px}.forfeit-button{margin-top:16px;width:100%;background:#2a2f38;color:#e0954f;border:1px solid #3a4552}.forfeit-button:hover{background:#3a2a2a}.forfeit-panel p{font-size:14px;line-height:1.5;color:#d7dee6}.forfeit-actions{display:flex;gap:10px;margin-top:8px}.forfeit-actions button{flex:1}.forfeit-confirm{background:linear-gradient(180deg,#e05252,#a53a3a);color:#fff}.forfeited-banner{position:absolute;top:12px;right:12px;z-index:5;background:#e0525226;border:1px solid #e05252;color:#ffb3b3;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600}