@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";.leader-status{position:absolute;top:112px;right:16px;display:grid;gap:5px;width:194px;pointer-events:none}.leader-badge{background:#10271fe8;border:1px solid #8e8b5c7a;padding:6px 8px;color:#eadfbd}.leader-badge header{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:.1em}.leader-badge header span{color:#a9b79c}.leader-badge .leader-hp{height:3px;background:#41362b;margin:4px 0}.leader-badge .leader-hp i{display:block;height:100%;background:#87a77c}.leader-badge footer{font-size:8px;color:#b5ac87}:root{font-family:DM Sans,sans-serif;color:#eee5d1;background:#0b211c;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#132d27;--ink2:#1d3c33;--jade:#78a98b;--gold:#dfbf7a;--paper:#f2e7ce;--muted:#b5b69f;--red:#bd624a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0b211c}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hidden{display:none!important}.screen{position:fixed;inset:0;overflow:auto}.boot-screen{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;background:#102820;color:#d7c9a9;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.seal,.brand-mark{display:grid;place-items:center;border:1px solid #d0b574;color:#dbbd7d;font-family:serif}.seal{width:58px;height:58px;font-size:27px;animation:breathe 1.8s infinite}.menu-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#091b16f7,#0c221be3 45%,#0c1f1a7a),linear-gradient(0deg,rgba(10,28,23,.7),transparent 60%),radial-gradient(ellipse at 75% 48%,#67856b 0,#344d3d 24%,#223f35 50%,#142e27 78%);overflow:hidden}.menu-backdrop:before{content:"";position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(165deg,transparent 0 43px,rgba(222,201,147,.18) 45px,transparent 47px 90px),repeating-linear-gradient(15deg,transparent 0 88px,rgba(129,166,137,.27) 90px,transparent 92px 160px);mask-image:linear-gradient(90deg,transparent 24%,#000 80%)}.menu-backdrop:after{content:"";position:absolute;right:-4%;top:16%;width:57vw;height:71vh;border:1px solid #d2bd82;border-radius:45% 60% 48% 54%;transform:rotate(-16deg);opacity:.25;box-shadow:0 0 0 24px #d2bd8214,0 0 0 62px #d2bd820d,inset 0 0 80px #86b7921f}.brand{position:absolute;left:8vw;top:9vh;display:flex;align-items:center;gap:16px;z-index:1}.brand-mark{width:44px;height:44px;font-size:24px}.brand h1{font-family:Playfair Display,serif;letter-spacing:.03em;margin:3px 0 0;font-size:28px;font-weight:500}.brand h1 em{color:var(--gold);font-style:normal}.eyebrow{font-size:9px;letter-spacing:.22em;color:#d7c28d;margin:0 0 4px;font-weight:700}.menu-card{position:absolute;left:8vw;top:27vh;width:min(426px,84vw);padding:32px 34px 18px;background:linear-gradient(140deg,#ebdec1f7,#e0d2b1f2);color:#19332c;box-shadow:0 24px 80px #07181380;border:1px solid #fff5d1}.menu-intro h2{font:600 32px/1.08 Playfair Display,serif;margin:10px 0 12px;color:#18352c}.menu-intro p:last-child{font-size:12px;line-height:1.7;color:#586657;max-width:300px}.menu-actions{display:grid;gap:9px;margin-top:24px}.primary,.secondary{border:0;padding:14px 16px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:700;letter-spacing:.02em}.primary{background:#1d4538;color:#f2e7ce}.primary:hover{background:#285845}.secondary{background:transparent;color:#284437;border:1px solid #95a28a}.secondary:hover{background:#d6d7bd}.large{font-size:13px}.text-button{border:0;background:none;color:#596a5a;text-align:left;padding:9px 2px;font-size:11px}.menu-foot{border-top:1px solid #c5c1a7;margin-top:20px;padding-top:12px;display:flex;justify-content:space-between;color:#627064;font-size:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72aa7e;box-shadow:0 0 9px #80bf8b;margin-right:7px}.menu-motto{position:absolute;right:8vw;bottom:7vh;width:min(280px,35vw);font:italic 17px/1.5 Playfair Display,serif;color:#e9dfc4;text-shadow:0 1px 10px #13231d}.menu-motto small{display:block;text-align:right;font:10px DM Sans,sans-serif;color:#c9be9d;margin-top:7px}.topbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #456052;background:#102a23}.back{border:0;background:none;color:#d3c59e;font-size:12px}.back span{margin-left:5px;color:#afbaa6}.brand-small{font-size:10px;letter-spacing:.12em;color:#d8d1b8}.brand-small b{font:21px serif;color:var(--gold);margin-right:8px}.top-note{font-size:9px;color:#889d8c;letter-spacing:.18em}.setup-wrap{max-width:1100px;margin:5vh auto;padding:0 24px}.setup-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.setup-heading h2{font:500 31px Playfair Display,serif;margin:7px 0;color:#eee5d1}.setup-heading p{font-size:11px;color:#aab5a1;margin:0}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-box{background:#18362d;border:1px solid #385849;padding:20px}.setup-box h3{font:500 18px Playfair Display,serif;margin:0 0 4px}.setup-box .sub{font-size:10px;color:#99ae9c;margin:0 0 14px}.map-options,.leader-options{display:grid;gap:9px}.map-options{grid-template-columns:1fr 1fr}.choice{border:1px solid #456555;background:#102a23;text-align:left;padding:12px;color:#e4dfca}.choice:hover,.choice.active{border-color:#d1b975;background:#244437}.choice b{display:block;font-size:12px}.choice small{display:block;color:#a1b29f;font-size:9px;line-height:1.4;margin-top:5px}.leader-options{grid-template-columns:repeat(3,1fr)}.leader{min-height:85px;display:flex;gap:9px;align-items:center}.portrait{width:38px;height:48px;flex:none;object-fit:cover;background:linear-gradient(135deg,#456554,#c6a56d);border:1px solid #819578}.leader b{font-size:10px}.leader small{font-size:8px;display:block;color:#a7b29f;margin-top:3px;line-height:1.3}.setup-bottom{margin-top:18px;display:flex;gap:12px;align-items:center}.select-field{display:grid;gap:5px;flex:1;color:#91a594;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.select-field input,.select-field select,.code-input{background:#102a23;color:#f0e6cf;border:1px solid #456555;padding:11px 12px;font-size:12px;min-width:0}.setup-bottom .primary{width:190px;justify-content:center;gap:14px}.online-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.online-actions .choice{height:125px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px}.online-actions strong{font:20px Playfair Display,serif;margin-bottom:8px}.online-actions span{font-size:10px;color:#a6b39f}.or{color:#6b8875;font-size:10px}.online-form{display:flex;gap:8px;margin-top:15px}.online-form input{flex:1}.room-title{font:500 26px Playfair Display,serif;margin:0 0 5px}.room-code{font:700 20px monospace;letter-spacing:.25em;color:var(--gold)}.share-line{display:flex;gap:8px;margin-top:10px}.share-line input{flex:1;background:#102a23;color:#e8dfc8;border:1px solid #456555;padding:10px}.lobby-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slot{padding:18px;background:#102a23;border:1px solid #395747;min-height:140px}.slot .slot-tag{font-size:8px;letter-spacing:.15em;color:#89a38f}.slot h4{font:18px Playfair Display,serif;margin:10px 0 4px}.slot p{font-size:10px;color:#a6b19f}.slot .connected{color:#84bc91}.slot .waiting{color:#9b9b7c}.lobby-config{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.game-screen{position:fixed;inset:0;overflow:hidden;background:#162e27}.game-screen canvas#world{position:absolute;inset:0;width:100%;height:100%;display:block}.game-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #07140f99;background:linear-gradient(180deg,#0a1d18b8,transparent 17%,transparent 72%,#0a1b16b0)}.hud-top{position:absolute;inset:0 0 auto;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(180deg,#102820f2,#102820d9);border-bottom:1px solid #aa986047;color:#e8dfc5}.match-brand{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.13em}.match-brand b{color:#c5a858}.brand-mark.tiny{width:24px;height:24px;font-size:14px}.match-status{font-size:9px;letter-spacing:.15em;color:#d4c89e}.divider{color:#718374;margin:0 10px}.top-tools{display:flex;gap:7px}.icon-btn{width:30px;height:30px;border:1px solid #627967;background:#18372d;color:#e4d7b4;font-weight:700}.icon-btn:hover{background:#345642}.resource-bar{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:5px;background:#10271fe3;border:1px solid #77835c80;box-shadow:0 4px 16px #0a1711aa}.resource{min-width:88px;padding:3px 10px;text-align:center;border-right:1px solid #4e6654}.resource:last-child{border:0}.resource i{font-style:normal;font-size:8px;letter-spacing:.14em;color:#95ae92;display:block}.resource b{font-size:13px;color:#e9dfc6}.resource span{font-size:9px;color:#b2ad88;margin-left:5px}.minimap-frame{position:absolute;right:16px;bottom:80px;width:194px;padding:6px;background:#112820ef;border:1px solid #a88e5a9c;box-shadow:0 8px 30px #081610a8}.minimap-frame canvas{display:block;width:100%;height:112px;cursor:crosshair}.map-label{font-size:8px;letter-spacing:.14em;color:#b9ba9e;padding:5px 3px 0;display:flex;justify-content:space-between}.map-label span{color:var(--gold)}.command-hints{position:absolute;right:220px;bottom:19px;color:#c4c1a5;font-size:9px;opacity:.8}.command-hints kbd{font-size:8px;color:#ebd396;border:1px solid #8c9473;padding:3px 4px;margin:0 4px 0 7px;background:#142920}.selection-panel{position:absolute;left:16px;bottom:16px;width:246px;min-height:90px;padding:12px 14px;background:#112820ed;border:1px solid #9d8e5b99;box-shadow:0 8px 28px #0816109c}.selection-empty{font:italic 14px Playfair Display,serif;color:#a8ad91;padding:12px 0}.selected-title{font:17px Playfair Display,serif;color:#efe4c8;margin:0 0 8px}.selected-meta{font-size:9px;color:#a7b49e}.unit-chip{display:inline-flex;padding:4px 7px;margin:2px;background:#294739;color:#d9d9bd;font-size:9px}.health-track{height:5px;background:#4f3930;margin:7px 0}.health-fill{height:100%;background:#77a878}.selection-stats{display:flex;justify-content:space-between;font-size:9px;color:#a9b79e}.action-panel{position:absolute;left:280px;bottom:16px;display:flex;gap:6px;max-width:400px;flex-wrap:wrap}.action-btn{border:1px solid #768364;background:#153228ef;color:#e7dec4;padding:9px 11px;font-size:9px;min-width:68px}.action-btn:hover{background:#345d45}.action-btn:disabled{opacity:.45;cursor:not-allowed}.event-log{position:absolute;left:17px;top:107px;width:230px;display:grid;gap:4px;pointer-events:none}.event{font-size:9px;background:#10271fd9;padding:7px 9px;color:#ddd5ba;border-left:2px solid #beaa71;animation:fade 9s forwards}.connection-banner{position:absolute;top:53px;left:50%;transform:translate(-50%);background:#794c36;color:#fff1d5;padding:9px 20px;font-size:10px;letter-spacing:.08em;box-shadow:0 4px 12px #1118}.modal-layer{position:absolute;inset:0;display:grid;place-items:center;background:#071711ab;backdrop-filter:blur(3px)}.modal-card{width:min(480px,90vw);padding:28px;background:#ede2c6;color:#18332b;border:1px solid #fff2d1;box-shadow:0 24px 70px #0008}.modal-card h2{font:500 26px Playfair Display,serif;margin:0 0 8px}.modal-card p{font-size:11px;line-height:1.7;color:#59685a}.modal-actions{display:flex;gap:9px;margin-top:18px}.modal-actions button{flex:1}.modal-card .primary{background:#204638}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%);background:#e8ddc0;color:#18342a;padding:10px 18px;box-shadow:0 8px 22px #0006;font-size:11px}.mobile-notice{position:fixed;inset:0;z-index:30;background:#122c24;display:grid;place-content:center;justify-items:center;gap:12px;padding:30px;text-align:center;color:#efe4ca}.mobile-notice b{font:22px Playfair Display,serif}.mobile-notice span{font-size:12px;color:#b9c3af}@keyframes breathe{50%{opacity:.42;transform:scale(.97)}}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}@media(max-width:850px){.menu-card{top:23vh}.setup-grid{grid-template-columns:1fr}.leader-options{grid-template-columns:repeat(2,1fr)}.selection-panel{width:210px}.action-panel{left:235px;max-width:310px}.minimap-frame{width:160px}.minimap-frame canvas{height:95px}.command-hints{display:none}}@media(max-width:580px){.brand{left:7vw;top:6vh}.brand h1{font-size:23px}.menu-card{left:7vw;top:20vh;padding:24px}.menu-intro h2{font-size:27px}.menu-motto{display:none}.menu-foot{font-size:8px}.top-note{display:none}.setup-wrap{margin:3vh auto}.setup-heading{align-items:start;display:block}.map-options,.lobby-slots,.online-actions{grid-template-columns:1fr}.or{text-align:center}.selection-panel{left:8px;bottom:8px;width:44vw;min-height:72px;padding:8px}.action-panel{left:calc(44vw + 15px);bottom:8px;max-width:45vw;gap:3px}.action-btn{padding:7px 6px;min-width:54px;font-size:8px}.minimap-frame{right:8px;bottom:165px;width:130px}.resource{min-width:65px;padding:3px 5px}.resource-bar{top:60px}.hud-top{padding:0 9px}.match-brand{font-size:7px}.event-log{top:95px;left:8px;width:160px}.modal-card{padding:20px}}.modal-layer{position:fixed;z-index:60}.game-vignette{background:none;box-shadow:none}.leader-status{width:252px;gap:8px}.leader-command{display:flex;align-items:center;gap:10px;text-align:left;color:#e9dfc6;width:100%;padding:7px;border:1px solid #8d8056;background:#112820f2;cursor:pointer}.leader-command img{width:47px;height:58px;object-fit:cover;border:1px solid #af9660;background:#314535;flex:none}.leader-detail{min-width:0;flex:1}.leader-badge header{font-size:10px;letter-spacing:.08em}.leader-detail strong{display:block;font:15px Playfair Display,serif;margin:4px 0;color:#f2e4c5}.leader-badge footer{font-size:10px;line-height:1.4}.leader-command.selected{border-color:#e0c37d;background:#254b39}.leader-command:disabled{opacity:.55;cursor:default}.home-status{padding:9px 11px}.resource i{font-size:10px}.resource b{font-size:16px}.resource span{font-size:11px}.resource{min-width:96px;padding:5px 12px}.match-status,.match-brand,.selected-meta,.selection-stats,.action-btn,.event{font-size:11px}.action-btn{min-height:43px;padding:10px 12px}.selection-panel{width:270px}.action-panel{left:305px;max-width:450px}.selected-heading{display:flex;align-items:center;gap:12px}.selected-portrait{width:43px;height:53px;object-fit:cover;border:1px solid #b69b66}.selected-title{font-size:18px;margin:0}.health-track{margin-top:12px}.command-hints{font-size:10px}.minimap-frame{bottom:96px}.leader-command{pointer-events:auto}.commander-portrait{display:block;position:relative;width:47px;height:58px;flex:none;overflow:hidden;border:1px solid #af9660;background:#314535}.leader-command .commander-portrait img{position:absolute;max-width:none;width:155px;height:auto;left:50%;top:-2px;transform:translate(-50%);border:0;background:none;object-fit:contain}.selected-heading .commander-portrait img{position:absolute;max-width:none;width:155px;height:auto;left:50%;top:-2px;transform:translate(-50%)}.boot-screen button{border:1px solid #bba36f;background:#234637;color:#f2e7ce;padding:10px 16px;font-size:12px;letter-spacing:.02em;text-transform:none}.boot-screen [role=status]{max-width:min(560px,85vw);text-align:center;line-height:1.7}