:root{--ink:#0a1218;--ink-soft:#111e26;--panel:#0d181ef0;--panel-light:#18262cf5;--line:#ddc48a4d;--line-bright:#f1d89cad;--gold:#d9b96f;--gold-bright:#f4dda0;--parchment:#ede2c8;--muted:#9ba7a6;--teal:#4ecdc4;--danger:#e66d66;--serif:Iowan Old Style, Palatino Linotype, Book Antiqua, Palatino, Georgia, serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;min-height:100%;color:var(--parchment);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}button,select{cursor:pointer}.title-screen{isolation:isolate;background:radial-gradient(circle at 50% -25%,#68847747,#0000 48%),linear-gradient(145deg,#09151b 0%,#0c1b22 45%,#071116 100%);min-height:100vh;padding:28px 40px 24px;position:relative;overflow:hidden auto}.title-screen:before,.title-screen:after{z-index:-1;content:"";pointer-events:none;position:fixed;inset:0}.title-screen:before{opacity:.16;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff0b 3px 4px),repeating-linear-gradient(90deg,#0000 0 9px,#ffffff05 9px 10px)}.title-screen:after{box-shadow:inset 0 0 180px 40px #02070a}.title-screen__backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orbital-ring{aspect-ratio:1;border:1px solid #d6bf871f;border-radius:50%;width:min(88vw,1280px);position:absolute;top:-68%;left:50%;translate:-50%;box-shadow:0 0 0 78px #d6bf8705,0 0 0 156px #d6bf8704}.hex-drift{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:blur(.2px);background:linear-gradient(135deg,#cab47e0e,#27575605);width:160px;height:184px;position:absolute}.hex-drift:after{content:"";clip-path:inherit;background:#0a171d;position:absolute;inset:6px}.hex-drift--one{animation:12s ease-in-out infinite floatHex;top:13%;left:-45px;rotate:-12deg}.hex-drift--two{animation:15s ease-in-out 1.5s infinite reverse floatHex;bottom:2%;right:-35px;rotate:17deg;scale:1.6}@keyframes floatHex{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(4deg)}}.title-brand{align-items:center;gap:18px;width:min(1180px,100%);margin:0 auto 24px;display:flex}.title-brand__sigil{clip-path:polygon(50% 0,94% 23%,94% 72%,50% 100%,6% 72%,6% 23%);filter:drop-shadow(0 8px 16px #0008);background:linear-gradient(145deg,#f1d58f,#755d2f 62%,#d9b86c);flex:none;width:58px;height:66px;position:relative}.title-brand__sigil:before{content:"";clip-path:inherit;background:linear-gradient(145deg,#182a30,#071116);position:absolute;inset:4px}.title-brand__sigil span,.title-brand__sigil i{z-index:1;background:var(--gold);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(30deg)}.title-brand__sigil span{width:28px;height:5px;box-shadow:0 0 12px #d8bb6d66}.title-brand__sigil i{width:5px;height:32px}.title-brand p,.title-brand small,.title-brand h1{margin:0}.title-brand p{color:#89999a;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1px;font-size:9px;font-weight:700}.title-brand h1{color:#f3ead8;font-family:var(--serif);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(29px,3vw,41px);font-weight:500;line-height:.98}.title-brand h1 span{color:var(--gold);font-weight:700}.title-brand small{display:none}.setup-shell{border:1px solid var(--line);background:linear-gradient(145deg,#121f25f5,#09141af5);width:min(1180px,100%);margin:0 auto;box-shadow:0 28px 90px #0009,inset 0 1px #ffffff0a}.setup-tabs{border-bottom:1px solid var(--line);background:#03090c61;align-items:stretch;height:51px;display:flex}.setup-tabs button{color:#879595;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;border-right:1px solid #e0c78c21;min-width:190px;padding:0 24px;font-size:11px;font-weight:750;transition:all .18s;position:relative}.setup-tabs button:hover{color:#d8d9cc;background:#ffffff06}.setup-tabs button.is-active{color:var(--gold-bright);background:linear-gradient(#0000 38%,#d6b5691f)}.setup-tabs button.is-active:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:-1px;left:18px;right:18px;box-shadow:0 0 12px #d7b66b88}.setup-tabs em{color:#76bdb5;letter-spacing:.12em;border:1px solid #4d7b77;border-radius:8px;margin-left:8px;padding:2px 5px;font-size:7px;font-style:normal}.alpha-dot{background:#54b6aa;border-radius:50%;width:5px;height:5px;margin:0 7px 2px 0;display:inline-block;box-shadow:0 0 8px #54b6aa}.setup-grid{grid-template-columns:minmax(0,1fr) 330px;min-height:638px;display:grid}.setup-main{border-right:1px solid var(--line);padding:26px 30px 22px}.section-heading{align-items:center;gap:14px;margin-bottom:14px;display:flex}.section-heading--compact{margin-top:24px}.section-heading>span{clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);width:29px;height:33px;color:var(--gold);font-family:var(--serif);background:#26383d;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.section-heading h2,.section-heading p{margin:0}.section-heading h2{font-family:var(--serif);letter-spacing:.025em;font-size:18px;font-weight:600}.section-heading p{color:#899797;margin-top:2px;font-size:10px}.map-options{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.map-option{text-align:left;background:linear-gradient(#17272c,#101e24);border:1px solid #d1bd912e;min-width:0;padding:0 0 14px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.map-option:hover{border-color:#e0c99475;transform:translateY(-2px)}.map-option.is-active{border-color:#d8b86d;box-shadow:0 0 0 1px #d8b86d44,0 12px 30px #02060888}.map-option.is-active:after{content:"✓";background:var(--gold);color:#172026;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:900;display:grid;position:absolute;top:9px;right:9px}.map-option>span{padding:11px 12px 0;display:block}.map-option strong,.map-option em,.map-option small{display:block}.map-option strong{color:#eee3ce;font-family:var(--serif);letter-spacing:.03em;font-size:14px}.map-option em{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:3px 0 7px;font-size:8px;font-style:normal;font-weight:800}.map-option small{color:#879596;min-height:34px;font-size:9px;line-height:1.45}.map-miniature{background:radial-gradient(circle at 50% 44%,#c2d09a1f,#0000 42%),linear-gradient(150deg,#18313a,#0d2028);border-bottom:1px solid #dcc89c26;grid-template-columns:repeat(5,31px);grid-auto-rows:24px;place-content:center;height:138px;display:grid;position:relative;overflow:hidden}.map-miniature:before{content:"";opacity:.28;background:repeating-linear-gradient(125deg,#0000 0 7px,#ffffff06 7px 8px);position:absolute;inset:0}.map-miniature i{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 3px 2px #0008);opacity:.9;background:linear-gradient(145deg,#7c9862,#4d6b4e 66%,#32463e 67%);width:31px;height:35px;position:relative}.map-miniature i:nth-child(n+6):nth-child(-n+10),.map-miniature i:nth-child(n+16){transform:translate(15px)}.map-miniature i:nth-child(3n){background:linear-gradient(145deg,#8a9b69,#616c4e 67%,#3c443b 68%)}.map-miniature i:nth-child(5n){background:linear-gradient(145deg,#52725a,#334f43 67%,#233930 68%)}.map-miniature--broken-crown i:nth-child(6),.map-miniature--broken-crown i:nth-child(10),.map-miniature--broken-crown i:nth-child(14),.map-miniature--highland-basin i:nth-child(5),.map-miniature--highland-basin i:nth-child(11),.map-miniature--highland-basin i:nth-child(17){background:linear-gradient(145deg,#416c7c,#244c5d 67%,#173540 68%)}.map-miniature--broken-crown i:nth-child(2),.map-miniature--broken-crown i:nth-child(18){opacity:0}.map-miniature--highland-basin i:nth-child(3n){background:linear-gradient(145deg,#8a816d,#625f52 67%,#41423d 68%)}.opponent-row{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.range-control,.select-control,.match-card label,.room-card label{display:block}.range-control,.select-control{background:#060d115c;border:1px solid #d2bf9429;padding:16px 17px;position:relative}.range-control>span,.select-control>span,.match-card label>span,.room-card label>span{color:#9aa6a4;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px;font-size:8px;font-weight:800;display:block}.range-control>span strong{float:right;color:var(--gold-bright);font-family:var(--serif);font-size:19px;line-height:.7}.range-control input{z-index:3;cursor:ew-resize;opacity:.001;width:calc(100% - 28px);height:30px;margin:0;position:absolute;top:40px;left:14px;right:14px}.range-control>i{background:#29373b;border-radius:5px;height:5px;margin:16px 5px 9px;display:block;position:relative}.range-control>i b{border-radius:inherit;background:linear-gradient(90deg, #84703e, var(--gold));height:100%;position:absolute;top:0;left:0}.range-control>i b:after{content:"";background:var(--gold-bright);width:16px;height:16px;box-shadow:0 0 0 1px var(--gold), 0 2px 8px #000;border:3px solid #162229;border-radius:50%;position:absolute;top:50%;right:-8px;translate:0 -50%}.range-control>small{color:#687779;justify-content:space-between;font-size:8px;display:flex}.select-control select,.match-card input,.match-card select,.room-card input,.room-card select{color:#e5decc;background:#0e1a20;border:1px solid #dac69938;border-radius:0;width:100%;height:40px;padding:0 11px;font-size:11px}.setup-sidebar{background:#040b0e4d;padding:22px}.match-card{background:linear-gradient(155deg,#213032d6,#0c171ceb),repeating-linear-gradient(45deg,#0000 0 8px,#ffffff05 8px 9px);border:1px solid #dcc48c40;padding:20px;position:relative;box-shadow:inset 0 0 40px #0003}.match-card:before,.match-card:after{content:"";border-color:var(--gold);opacity:.55;width:18px;height:18px;position:absolute}.match-card:before{border-top:1px solid;border-left:1px solid;top:7px;left:7px}.match-card:after{border-bottom:1px solid;border-right:1px solid;bottom:7px;right:7px}.match-card__crest{clip-path:polygon(50% 0,93% 22%,93% 70%,50% 100%,7% 70%,7% 22%);background:linear-gradient(140deg,#ddc27e,#594724);width:46px;height:52px;margin:-6px auto 5px;position:relative}.match-card__crest:before{content:"";clip-path:inherit;background:#14242a;position:absolute;inset:3px}.match-card__crest span{z-index:1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#bf9d53;width:17px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-card__crest span:nth-child(2){opacity:.6;transform:translate(-88%,-15%)scale(.58)}.match-card__crest span:nth-child(3){opacity:.6;transform:translate(-12%,-15%)scale(.58)}.match-card h2{color:#e7dcc3;font-family:var(--serif);text-align:center;margin:0 0 17px;font-size:17px;font-weight:600}.match-card label{margin-bottom:13px}.seed-input{grid-template-columns:1fr 39px;display:grid}.seed-input button{color:var(--gold);background:#17262c;border:1px solid #dac69938;border-left:0;font-size:19px;transition:all .16s}.seed-input button:hover{background:#21353b;rotate:10deg}.setting-pair{grid-template-columns:1fr .75fr;gap:10px;display:grid}.toggle-card{color:#9da7a4;letter-spacing:.05em;background:#0e1a20;border:1px solid #dac69938;justify-content:space-between;align-items:center;min-height:40px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.toggle-card--wide{width:100%;margin:-3px 0 13px}.toggle-card>i{background:#28363a;border-radius:10px;width:27px;height:14px;position:relative;box-shadow:inset 0 1px 2px #0008}.toggle-card>i b{background:#788687;border-radius:50%;width:10px;height:10px;transition:all .18s;position:absolute;top:2px;left:2px}.toggle-card.is-on{color:#d8d7c7;border-color:#6c785c}.toggle-card.is-on>i{background:#4f684c}.toggle-card.is-on>i b{background:#dce2b7;left:15px;box-shadow:0 0 7px #cddc99}.match-summary{border-top:1px solid #dac69921;border-bottom:1px solid #dac69921;grid-template-columns:repeat(3,1fr);margin:4px 0 13px;padding:10px 0;display:grid}.match-summary span{color:#778688;text-align:center;text-transform:uppercase;font-size:7px}.match-summary span+span{border-left:1px solid #dac69921}.match-summary b{color:#d4cab3;font-family:var(--serif);margin-bottom:2px;font-size:13px;display:block}.start-button{color:#111a1d;text-align:left;background:linear-gradient(135deg,#d3b363,#8e7438);border:1px solid #e3c779;width:100%;min-height:55px;padding:9px 48px 9px 15px;transition:transform .16s,filter .16s;position:relative;box-shadow:0 8px 25px #0006,inset 0 1px #fff6}.start-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.start-button:active:not(:disabled){transform:translateY(1px)}.start-button:disabled{cursor:not-allowed;filter:saturate(.25);opacity:.48}.start-button span,.start-button small{display:block}.start-button span{font-family:var(--serif);letter-spacing:.02em;text-transform:uppercase;font-size:15px;font-weight:800}.start-button small{color:#3f3a29;letter-spacing:.08em;margin-top:2px;font-size:8px;font-weight:700}.start-button>i{font-size:24px;font-style:normal;position:absolute;top:50%;right:16px;translate:0 -50%}.resume-button{width:100%;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #d7b96f57;margin-top:8px;padding:8px;font-size:8px;font-weight:800}.control-note{background:#2b484624;border-left:2px solid #4f706d;margin-top:13px;padding:11px 12px}.control-note>span{color:#7aa8a2;letter-spacing:.14em;text-transform:uppercase;font-size:7px;font-weight:900}.control-note p{color:#7d8b8c;margin:5px 0 0;font-size:8px;line-height:1.65}kbd{color:#cbd0c6;font-family:var(--sans);background:#1b292e;border:1px solid #566568;border-bottom-color:#849496;padding:1px 4px;font-size:7px}.title-footer{color:#546468;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;width:min(1180px,100%);margin:12px auto 0;font-size:8px;font-weight:700;display:flex}.multiplayer-setup{grid-template-columns:1fr 1.05fr .85fr;align-items:center;gap:34px;min-height:638px;padding:50px;display:grid}.multiplayer-illustration{background:radial-gradient(circle,#254344 0,#13272d 36%,#0a161c 70%);border:1px solid #d8c18d21;height:330px;position:relative;overflow:hidden}.multiplayer-illustration:before{content:"";opacity:.2;background-image:linear-gradient(30deg,#0000 48%,#cdb879 49% 50%,#0000 51%),linear-gradient(-30deg,#0000 48%,#cdb879 49% 50%,#0000 51%);background-size:42px 72px;position:absolute;inset:0}.relay-core{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 15px 25px #000a);background:linear-gradient(145deg,#d9bd75,#4d4028);width:120px;height:138px;position:absolute;top:50%;left:50%;translate:-50% -50%}.relay-core:before{content:"";clip-path:inherit;background:#13252b;position:absolute;inset:5px}.relay-core span{z-index:1;width:31px;height:35px;clip-path:inherit;background:#56b5a9;position:absolute;box-shadow:0 0 14px #54b6aa88}.relay-core span:first-child{top:22px;left:44px}.relay-core span:nth-child(2){top:60px;left:25px}.relay-core span:nth-child(3){top:60px;right:25px}.relay-line{transform-origin:0;background:linear-gradient(90deg,#0000,#68bdb3,#0000);width:100px;height:1px;animation:2s ease-in-out infinite relayPulse;position:absolute;top:50%;left:50%}.relay-line--a{rotate:10deg}.relay-line--b{animation-delay:.4s;rotate:130deg}.relay-line--c{animation-delay:.8s;rotate:245deg}@keyframes relayPulse{0%,to{opacity:.2;scale:.7 1}50%{opacity:1;scale:1.3 1}}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.multiplayer-copy h2{font-family:var(--serif);margin:8px 0 12px;font-size:31px;font-weight:500;line-height:1.12}.multiplayer-copy p{color:#97a4a3;font-size:11px;line-height:1.7}.multiplayer-copy ul{margin:20px 0 0;padding:0;list-style:none}.multiplayer-copy li{color:#b9c1b8;border-top:1px solid #d7be861f;padding:7px 0 7px 20px;font-size:9px;position:relative}.multiplayer-copy li:before{color:#67b3aa;content:"◆";font-size:7px;position:absolute;left:2px}.room-card{border:1px solid var(--line);background:#070f139e;padding:22px}.room-toggle{border:1px solid #d6be8933;grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.room-toggle button{color:#758486;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;padding:9px;font-size:8px;font-weight:900}.room-toggle button.is-active{color:#e8dcc2;background:#293d3f}.room-code{text-align:center;letter-spacing:.2em;font-family:ui-monospace,monospace;font-weight:800;font-size:20px!important}.room-status{color:#81b9b2;margin:12px 0 0;font-size:9px;line-height:1.5}.room-config-summary{background:#0a151a;border:1px solid #d6be8924;grid-template-columns:repeat(3,1fr);margin:4px 0 14px;display:grid}.room-config-summary span{color:#9ba9a5;text-align:center;text-transform:uppercase;padding:8px 3px;font-size:7px;font-weight:800}.room-config-summary span+span{border-left:1px solid #d6be8924}.room-lobby{text-align:center}.room-lobby__code{color:#f0d995;letter-spacing:.25em;text-indent:.25em;background:#17272b;border:1px solid #c5a65e;width:100%;margin:8px 0 7px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:25px;font-weight:900;display:block}.room-lobby>p{color:#738487;margin:0 0 12px;font-size:8px;line-height:1.5}.room-roster{border:1px solid #d6be8929;max-height:180px;margin-bottom:10px;overflow:auto}.room-roster>div{text-align:left;border-bottom:1px solid #d6be891a;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;min-height:38px;padding:5px 8px;display:grid}.room-roster>div:last-child{border:0}.room-roster i{background:#6b4b4a;border-radius:50%;width:6px;height:6px}.room-roster i.is-connected{background:#65b1a7;box-shadow:0 0 7px #65b1a7}.room-roster span{font-family:var(--serif);font-size:10px}.room-roster small{color:#5f7073;font-family:var(--sans);letter-spacing:.08em;font-size:6px;font-weight:800;display:block}.room-roster b{color:#6b7d7f;letter-spacing:.1em;font-size:6px}.room-ready{color:#9bc1ba;letter-spacing:.1em;text-transform:uppercase;background:#15272b;border:1px solid #617c77;width:100%;margin-bottom:8px;padding:9px;font-size:8px;font-weight:900}.room-ready.is-ready{color:#f1d99d;background:#3d3b2b;border-color:#d2b465}.room-leave{color:#6b797b;text-transform:uppercase;background:0 0;border:0;width:100%;margin-top:8px;padding:6px;font-size:7px}.game-screen{color:var(--parchment);-webkit-user-select:none;user-select:none;background:#071116;position:fixed;inset:0;overflow:hidden}.battlefield-host{touch-action:none;position:absolute;inset:0}.game-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.map-vignette{pointer-events:none;background:linear-gradient(#02080b44 0,#0000 18% 78%,#02080b66 100%);position:absolute;inset:0;box-shadow:inset 0 0 110px 24px #020608b8}.hud-top{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#071015f7,#091318e6);border-bottom:1px solid #e0c99447;grid-template-columns:210px 1fr auto;align-items:center;height:66px;display:grid;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 28px #0007}.hud-brand{border:0;border-right:1px solid var(--line);background:#ffffff04;align-items:center;gap:10px;height:100%;padding:0 17px;display:flex}.hud-brand__mark{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,#e4cc8f,#66522e);width:31px;height:35px;position:relative}.hud-brand__mark:after{content:"";clip-path:inherit;background:linear-gradient(145deg,#254048,#0d1b21);position:absolute;inset:3px}.hud-brand strong{font-family:var(--serif);letter-spacing:.1em;font-size:14px;font-weight:500}.hud-brand b{color:var(--gold);font-weight:800}.resource-strip{justify-content:center;height:100%;display:flex}.resource-strip>div{border-right:1px solid #d9c28f1c;grid-template-rows:1fr 1fr;grid-template-columns:29px auto;align-content:center;min-width:145px;padding:8px 19px;display:grid}.resource-strip>div:first-child{border-left:1px solid #d9c28f1c}.resource-strip small{color:#758587;letter-spacing:.13em;text-transform:uppercase;align-self:end;font-size:7px;font-weight:900}.resource-strip strong{color:#f1e7d2;font-family:var(--serif);align-self:start;font-size:17px;line-height:1.1}.resource-strip strong i{color:#718083;font-size:10px;font-style:normal;font-weight:400}.resource-strip em{color:#6ba89f;white-space:nowrap;grid-column:2;align-self:start;margin-top:-13px;margin-left:46px;font-size:7px;font-style:normal}.resource-icon{grid-row:1/3;align-self:center;width:25px;height:28px;position:relative}.resource-icon--supply{clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:#b8924e;box-shadow:inset 0 0 0 4px #715d37}.resource-icon--supply:after{content:"";background:#f0dda0;border-radius:50% 5px;width:7px;height:15px;position:absolute;top:6px;left:9px;rotate:28deg}.resource-icon--troops:before{content:"";background:#c7b78f;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:8px;box-shadow:-5px 11px 0 2px #65827d,5px 11px 0 2px #56736f}.resource-icon--land{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#567d66;box-shadow:inset 0 -5px #344c43}.time-controls{border-left:1px solid var(--line);align-items:center;gap:4px;height:100%;padding:0 14px;display:flex}.time-controls button{color:#849293;background:#14232a;border:1px solid #dbc49138;min-width:34px;height:31px;padding:0 8px;font-size:9px;font-weight:800}.time-controls button:hover,.time-controls button.is-active{color:#ead69e;background:#2d392f;border-color:#b99b58}.time-controls .settings-button{margin-left:5px;font-size:13px}.live-status{color:#8fc3bb;letter-spacing:.12em;align-items:center;gap:6px;margin-right:6px;font-size:7px;font-weight:900;display:flex}.live-status i{background:#63c0b3;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite ribbonPulse;box-shadow:0 0 8px #63c0b3}.victory-ribbon{z-index:9;background:linear-gradient(100deg,#141d1df5,#332919f5,#141d1df5);border:1px solid #d1b267;align-items:center;min-width:355px;height:57px;padding:0 11px 0 8px;animation:1.6s ease-in-out infinite ribbonPulse;display:flex;position:absolute;top:78px;left:50%;translate:-50%;box-shadow:0 8px 28px #0009}.victory-ribbon>span{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:33px;height:38px;margin-right:11px}.victory-ribbon p{flex:1;margin:0}.victory-ribbon strong,.victory-ribbon small{display:block}.victory-ribbon strong{font-family:var(--serif);font-size:13px}.victory-ribbon small{color:#a49e8b;margin-top:2px;font-size:8px}.victory-ribbon>b{width:38px;height:38px;font-family:var(--serif);color:#f2d990;border:1px solid #c9a85e;border-radius:50%;place-items:center;font-size:20px;display:grid}@keyframes ribbonPulse{50%{box-shadow:0 8px 28px #0009,0 0 24px #caa65344}}.scoreboard{z-index:8;width:280px;transition:right .25s;position:absolute;top:79px;right:-244px}.scoreboard.is-open{right:12px}.scoreboard__toggle{border:1px solid var(--line);background:var(--panel);text-align:left;grid-template-columns:1fr auto 21px;align-items:center;width:100%;height:47px;padding:0 8px 0 14px;display:grid;box-shadow:0 8px 25px #0007}.scoreboard__toggle span{letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.scoreboard__toggle b{color:var(--gold);font-family:var(--serif);margin-left:12px;font-size:11px}.scoreboard__toggle i{color:#b7a36f;text-align:right;font-size:23px;font-style:normal}.scoreboard__body{border:1px solid var(--line);background:#070f13f2;border-top:0;max-height:520px;overflow:auto;box-shadow:0 18px 40px #0009}.scoreboard__body header,.scoreboard__body>div{border-bottom:1px solid #d8c08b1a;grid-template-columns:19px 9px 1fr 47px;align-items:center;gap:7px;min-height:36px;padding:0 10px;display:grid}.scoreboard__body header{color:#66777a;letter-spacing:.12em;text-transform:uppercase;grid-template-columns:35px 1fr 47px;min-height:25px;font-size:7px;font-weight:900}.scoreboard__body header span:last-child{text-align:right}.scoreboard__body>div>b{color:#667579;font-family:var(--serif);font-size:9px}.scoreboard__body>div>i{clip-path:polygon(50% 0,100% 18%,100% 75%,50% 100%,0 75%,0 18%);width:8px;height:17px}.scoreboard__body>div>span{color:#b9c1b7;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.scoreboard__body>div>span small{color:#59696c;letter-spacing:.08em;font-size:6px;font-weight:800;display:block}.scoreboard__body>div>strong{text-align:right;color:#dfd4bd;font-family:var(--serif);font-size:11px}.scoreboard__body>div.is-human{background:#c9ac6814}.scoreboard__body>div.is-human>span{color:#f0dfb8}.scoreboard__body>div.is-eliminated{opacity:.38;filter:grayscale()}.scoreboard__body>div.is-eliminated>strong{font-family:var(--sans);letter-spacing:.08em;font-size:6px}.scoreboard__body>div>strong small{color:#68797a;font-family:var(--sans);letter-spacing:.03em;font-size:6px;display:block}.scoreboard__body>div.is-leader>b{color:var(--gold);font-size:13px}.scoreboard__human-pin{border:1px solid var(--gold-dark);color:#d8caa9;letter-spacing:.06em;text-transform:uppercase;background:#141a1c;border-top:0;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:8px;display:grid;box-shadow:0 8px 24px #0008}.scoreboard__human-pin b{color:var(--gold);font-family:var(--serif)}.scoreboard__human-pin strong{color:#f0e1bd;font-size:9px}.event-feed{z-index:6;pointer-events:none;flex-direction:column;gap:5px;width:264px;display:flex;position:absolute;top:84px;left:14px}.event-feed__item{color:#aeb8b3;text-shadow:0 1px 2px #000;background:linear-gradient(90deg,#050d11d1,#050d1147);border-left:1px solid #d8c08b59;grid-template-columns:6px 1fr auto;align-items:center;gap:8px;min-height:30px;padding:6px 9px;font-size:8px;animation:.35s both eventIn;display:grid}.event-feed__item i{background:#6b9992;width:5px;height:5px;rotate:45deg}.event-feed__item--capture i,.event-feed__item--reward i{background:#d5b15d}.event-feed__item--elimination i{background:#d75b59}.event-feed__item small{color:#526367;font-size:7px}@keyframes eventIn{0%{opacity:0;transform:translate(-10px)}}.tile-inspector{z-index:8;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:285px;position:absolute;bottom:100px;left:15px;box-shadow:0 14px 35px #0009}.tile-inspector header{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:60px;padding:0 10px;display:flex}.tile-inspector header>div{flex:1}.tile-inspector header small{color:#6e8d88;letter-spacing:.12em;font-size:7px;font-weight:900;display:block}.tile-inspector h2{font-family:var(--serif);margin:3px 0 0;font-size:16px;font-weight:600}.tile-inspector header button{color:#6d7d80;background:0 0;border:0;align-self:flex-start;margin-top:7px;font-size:17px}.terrain-swatch{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 4px 3px #0007);width:38px;height:43px}.terrain-swatch--meadow{background:linear-gradient(145deg,#9dbd75,#5e814f 67%,#3d5840 68%)}.terrain-swatch--muster{background:linear-gradient(145deg,#c1a47b,#806a50 67%,#55483b 68%)}.terrain-swatch--plains{background:linear-gradient(145deg,#aeb27a,#74784f 67%,#4b513b 68%)}.terrain-swatch--forest{background:linear-gradient(145deg,#557b57,#31523e 67%,#21392f 68%)}.terrain-swatch--hills{background:linear-gradient(145deg,#9c927d,#686459 67%,#44443f 68%)}.terrain-swatch--water{background:linear-gradient(145deg,#54839a,#315f73 67%,#214656 68%)}.tile-stats{grid-template-columns:repeat(3,1fr);padding:10px;display:grid}.tile-stats span{border-right:1px solid #d8c08b1f;padding:3px 7px}.tile-stats span:last-child{border:0}.tile-stats small,.tile-stats strong{display:block}.tile-stats small{color:#66777a;letter-spacing:.1em;text-transform:uppercase;font-size:6px;font-weight:900}.tile-stats strong{color:#dbd1ba;font-family:var(--serif);text-transform:capitalize;margin-top:3px;font-size:11px}.structure-status{background:#0a151a;border:1px solid #d8c08b29;align-items:center;gap:8px;margin:0 10px 10px;padding:7px;display:flex}.structure-status>span{flex:1}.structure-status strong,.structure-status small{text-transform:capitalize;display:block}.structure-status strong{font-family:var(--serif);font-size:10px}.structure-status small{color:#738285;font-size:7px}.structure-status button{color:#a9c6c0;text-transform:uppercase;background:#172a2e;border:1px solid #5d746f;padding:5px 7px;font-size:7px}.structure-progress{background:#29383a;height:3px;margin-top:5px;display:block;overflow:hidden}.structure-progress b{background:linear-gradient(90deg,#7f6b38,#e1c477);height:100%;transition:width .2s linear;display:block}.command-dock{z-index:10;border:1px solid var(--line-bright);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(#132025f7,#081116f7);align-items:center;min-width:730px;height:76px;padding:8px 12px;display:flex;position:absolute;bottom:14px;left:50%;translate:-50%;box-shadow:0 18px 45px #000c,inset 0 1px #fff1}.command-dock:before,.command-dock:after{content:"";background:linear-gradient(transparent, var(--gold), transparent);opacity:.45;width:1px;position:absolute;top:5px;bottom:5px}.command-dock:before{left:5px}.command-dock:after{right:5px}.send-control,.build-control{align-items:center;gap:5px;height:100%;padding-top:13px;display:flex;position:relative}.send-control>span,.build-control>span{color:#708184;letter-spacing:.13em;text-transform:uppercase;font-size:6px;font-weight:900;position:absolute;top:0;left:3px}.send-control button{color:#758588;background:#122128;border:1px solid #d7c08d33;width:43px;height:38px}.send-control button b,.send-control button small{display:block}.send-control button b{font-size:9px}.send-control button small{color:#4f6063;font-size:6px}.send-control button:hover,.send-control button.is-active{color:#f0d992;background:#4a4530;border-color:#d2b66c;box-shadow:inset 0 0 12px #d4af5430}.send-control em{color:#5e706f;white-space:nowrap;font-size:6px;font-style:normal;position:absolute;bottom:-1px;left:3px}.dock-divider{background:linear-gradient(transparent, var(--line-bright), transparent);width:1px;height:48px;margin:0 15px}.build-control button{text-align:left;text-transform:capitalize;background:#122128;border:1px solid #d7c08d33;align-items:center;gap:7px;min-width:118px;height:48px;padding:4px 8px;display:flex}.build-control button>span:last-child,.build-control button b,.build-control button small{display:block}.build-control button b{font-family:var(--serif);font-size:11px}.build-control button small{color:#647477;text-transform:none;margin-top:2px;font-size:6px}.build-control button:hover,.build-control button.is-active{color:#f1dda5;background:#393a2d;border-color:#d2b66c}.build-control button.is-active{box-shadow:inset 0 0 15px #d6b45f20,0 0 10px #d6b45f33}.structure-glyph{filter:drop-shadow(0 4px 3px #0008);flex:none;width:35px;height:37px;display:block;position:relative}.structure-glyph--farm:before{content:"";clip-path:polygon(0 35%,50% 0,100% 35%,100% 100%,0 100%);background:#a75642;border:1px solid #e0ba82;width:24px;height:20px;position:absolute;bottom:3px;left:3px}.structure-glyph--farm:after{content:"";background:#c9bd99;border:1px solid #6b604e;width:7px;height:29px;position:absolute;top:4px;right:2px}.structure-glyph--farm i{z-index:1;background:linear-gradient(90deg,#0000 45%,#e8d5a5 46% 54%,#0000 55%),linear-gradient(#0000 45%,#e8d5a5 46% 54%,#0000 55%);border:2px solid #e8d5a5;border-radius:50%;width:19px;height:19px;animation:5s linear infinite millSpin;position:absolute;top:2px;right:-5px}@keyframes millSpin{to{rotate:360deg}}.structure-glyph--barracks:before{content:"";clip-path:polygon(0 30%,18% 30%,18% 12%,37% 12%,50% 0,63% 12%,82% 12%,82% 30%,100% 30%,100% 100%,0 100%);background:#777771;border:1px solid #d4c3a1;width:29px;height:27px;position:absolute;bottom:2px;left:3px}.structure-glyph--barracks:after{content:"";background:#e1d4b0;width:2px;height:15px;position:absolute;top:-1px;left:17px}.structure-glyph--barracks i{content:"";clip-path:polygon(0 0,100% 30%,0 100%);background:#b85d53;width:13px;height:8px;position:absolute;top:0;left:19px}.structure-glyph--turret:before{content:"";clip-path:polygon(0 15%,18% 15%,18% 0,38% 0,38% 15%,62% 15%,62% 0,82% 0,82% 15%,100% 15%,90% 100%,10% 100%);background:#707776;border:1px solid #d0c5aa;width:24px;height:29px;position:absolute;bottom:2px;left:6px}.structure-glyph--turret:after{content:"";transform-origin:3px;background:#303b3e;border-radius:3px;width:27px;height:5px;position:absolute;top:8px;left:14px;rotate:-8deg}.structure-glyph--turret i{background:#485457;border:2px solid #d2b565;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:10px}.build-tooltip{z-index:11;background:#0f1b1ff7;border:1px solid #c9aa61;align-items:center;gap:9px;min-width:340px;padding:8px 11px;display:flex;position:absolute;bottom:100px;left:50%;translate:-50%;box-shadow:0 10px 30px #0009}.build-tooltip>span:nth-child(2){flex:1}.build-tooltip strong,.build-tooltip small{display:block}.build-tooltip strong{font-family:var(--serif);text-transform:capitalize;font-size:11px}.build-tooltip small{color:#7f908f;margin-top:2px;font-size:7px}.build-tooltip.is-invalid{border-color:#b65754}.build-tooltip.is-invalid small{color:#d5837e}.debug-overlay{z-index:7;color:#69a69e;background:#040d10e0;border:1px solid #4c726d;width:160px;padding:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;position:absolute;top:245px;left:14px}.debug-overlay>b{color:#9bc6bf;letter-spacing:.1em;margin-bottom:6px;display:block}.debug-overlay span{border-top:1px solid #31504b55;justify-content:space-between;padding:2px 0;display:flex}.debug-overlay strong{color:#d1d9c4;font-weight:500}.debug-actions{grid-template-columns:1fr 1fr;gap:3px;margin-top:6px;display:grid}.debug-actions button{color:#88b4ad;text-transform:uppercase;background:#142528;border:1px solid #42645f;padding:4px 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:5px}.debug-actions button:disabled{opacity:.3;cursor:not-allowed}.debug-overlay select{color:#9bc6bf;text-transform:uppercase;background:#0b191c;border:1px solid #42645f;width:100%;height:22px;margin-top:4px;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px}.loading-overlay{z-index:30;background:radial-gradient(circle,#1d3435fa,#040a0efc 54%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-emblem{width:105px;height:120px;margin-bottom:24px;animation:2.2s ease-in-out infinite emblemFloat;position:relative}.loading-emblem span{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 8px 6px #0008);background:linear-gradient(145deg,#dcbd72,#4d4027);width:51px;height:58px;position:absolute}.loading-emblem span:after{content:"";clip-path:inherit;background:#163038;position:absolute;inset:4px}.loading-emblem span:first-child{top:0;left:27px}.loading-emblem span:nth-child(2){top:47px;left:0}.loading-emblem span:nth-child(3){top:47px;right:0}.loading-overlay p{color:#eadfc7;font-family:var(--serif);letter-spacing:.03em;margin:0;font-size:21px}.loading-overlay small{color:#778b8b;letter-spacing:.08em;margin:6px 0 21px;font-size:8px}.loading-overlay>div:last-child{background:#1d3034;width:270px;height:3px;overflow:hidden}.loading-overlay>div:last-child i{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:40%;height:100%;animation:1.2s ease-in-out infinite loadingSweep;display:block}@keyframes loadingSweep{0%{translate:-100%}to{translate:350%}}@keyframes emblemFloat{50%{transform:translateY(-7px)}}.modal-scrim{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02070abd;place-items:center;display:grid;position:absolute;inset:0}.pause-card{border:1px solid var(--line-bright);text-align:center;background:linear-gradient(145deg,#182a30,#09151a);width:min(430px,100% - 30px);padding:30px;box-shadow:0 30px 80px #000d}.pause-card h2{font-family:var(--serif);margin:8px 0 5px;font-size:27px}.pause-card>p{color:#718184;margin:0 0 22px;font-size:8px}.pause-card>p b{color:#a8b2aa}.pause-card>.build-version{color:#59696c;letter-spacing:.06em;text-transform:uppercase;margin-top:-16px}.pause-settings{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.pause-settings>button{color:#9aa7a6;background:#0d1a20;border:1px solid #d7c08d38;font-size:9px}.pause-settings label{text-align:left;background:#0d1a20;border:1px solid #d7c08d38;padding:6px 8px;display:block}.pause-settings label span{color:#6e7e80;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:6px;font-weight:900;display:block}.pause-settings select{color:#c6c8b9;background:0 0;border:0;width:100%;font-size:9px}.pause-actions{gap:7px;display:grid}.pause-actions button,.victory-actions button{color:#e9d7aa;letter-spacing:.1em;text-transform:uppercase;background:#26342f;border:1px solid #937b47;padding:11px;font-size:8px;font-weight:900}.pause-actions .danger{color:#d6958e;background:#2b1d1e;border-color:#774844}.victory-screen>section{border:1px solid var(--line-bright);text-align:center;background:radial-gradient(circle at 50% 0,#2a3d3d,#101d23 55%,#081218);width:min(650px,100% - 30px);padding:35px 45px;box-shadow:0 30px 100px #000}.victory-crown{filter:drop-shadow(0 9px 12px #0009);width:90px;height:75px;margin:0 auto 18px;position:relative}.victory-crown:before{content:"";clip-path:polygon(0 0,20% 38%,50% 0,80% 38%,100% 0,88% 100%,12% 100%);background:linear-gradient(145deg,#eed996,#8d7137);height:32px;position:absolute;bottom:0;left:8px;right:8px}.victory-crown span{clip-path:polygon(50% 0,100% 100%,0 100%);background:#e4c778;width:18px;height:40px;position:absolute;bottom:25px}.victory-crown span:first-child{left:9px;rotate:-20deg}.victory-crown span:nth-child(2){height:52px;left:36px}.victory-crown span:nth-child(3){right:9px;rotate:20deg}.victory-crown.is-defeat{filter:grayscale(.65)drop-shadow(0 9px 12px #0009);rotate:9deg}.victory-screen h1{color:#f2e7ce;font-family:var(--serif);margin:8px 0 10px;font-size:42px;font-weight:500}.victory-screen section>p{color:#9ca7a1;max-width:470px;margin:0 auto 22px;font-size:10px;line-height:1.7}.victory-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:22px 0;padding:14px 0;display:grid}.victory-stats span+span{border-left:1px solid var(--line)}.victory-stats small,.victory-stats strong{display:block}.victory-stats small{color:#697a7d;letter-spacing:.1em;text-transform:uppercase;font-size:6px;font-weight:900}.victory-stats strong{color:#e5d5af;font-family:var(--serif);margin-top:5px;font-size:18px}.victory-actions{justify-content:center;gap:7px;display:flex}.victory-actions button:first-child{color:#fff0bd;background:#796533}.global-toast{z-index:100;color:#e7c4bf;background:#2a1719;border:1px solid #b75b55;align-items:center;gap:10px;min-width:320px;max-width:620px;padding:10px 12px;font-size:9px;animation:.25s toastIn;display:flex;position:fixed;bottom:25px;left:50%;translate:-50%;box-shadow:0 12px 35px #000b}.global-toast>span{border:1px solid #d9827b;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:900;display:grid}.global-toast button{color:#bb7c77;background:0 0;border:0;margin-left:auto;font-size:17px}.global-toast--renderer{bottom:72px}.global-toast--renderer-restored{color:#c8dfd0;background:#14251f;border-color:#668f78}.global-toast--renderer-restored>span{border-color:#7bab8d}.global-toast--renderer-restored button{color:#9bc3a8}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}@media (width<=1080px){.title-screen{padding:18px}.setup-grid{grid-template-columns:1fr 300px}.setup-main{padding:22px 20px}.map-miniature{height:118px}.setup-sidebar{padding:16px}.command-dock{min-width:650px}.build-control button{min-width:100px}.resource-strip>div{min-width:122px;padding-inline:12px}.hud-top{grid-template-columns:180px 1fr auto}.hud-brand{padding-inline:12px}}@media (width<=820px){.title-screen{padding:14px;overflow:auto}.title-brand{margin-bottom:14px}.setup-grid{display:block}.setup-main{border-right:0;border-bottom:1px solid var(--line)}.setup-sidebar{padding:18px}.match-card{max-width:480px;margin:auto}.map-options{grid-template-columns:1fr}.map-option{grid-template-columns:145px 1fr;padding:0;display:grid}.map-miniature{border:0;border-right:1px solid var(--line);height:105px}.map-option small{min-height:0}.opponent-row{grid-template-columns:1fr}.multiplayer-setup{grid-template-columns:1fr;padding:24px}.multiplayer-illustration{height:210px}.title-footer{display:none}.hud-top{grid-template-columns:54px 1fr auto;height:57px}.hud-brand{padding:0 10px}.hud-brand strong{display:none}.resource-strip>div{grid-template-columns:22px auto;min-width:0;padding:5px 8px}.resource-strip>div:nth-child(2){display:none}.resource-icon{scale:.75}.resource-strip em,.time-controls button:nth-child(3),.time-controls button:nth-child(4){display:none}.settings-button{display:block!important}.scoreboard{top:68px}.event-feed{width:210px;top:68px}.tile-inspector{bottom:105px}.command-dock{justify-content:flex-start;min-width:0;height:86px;bottom:8px;left:8px;right:8px;overflow-x:auto;translate:0}.send-control button{width:39px}.build-control button{min-width:92px}.build-control button small{display:none}.dock-divider{margin-inline:8px}.build-tooltip{bottom:103px}.debug-overlay{display:none}}@media (width<=560px){.title-brand__sigil{width:43px;height:49px}.title-brand h1{font-size:26px}.setup-tabs button{flex:1;min-width:0;padding:0 8px;font-size:9px}.map-option{grid-template-columns:105px 1fr}.section-heading p{display:none}.setup-main{padding:17px 12px}.setup-sidebar{padding:12px}.setting-pair{grid-template-columns:1fr}.match-summary,.control-note{display:none}.multiplayer-setup{gap:20px;padding:17px}.multiplayer-copy h2{font-size:25px}.hud-top{grid-template-columns:46px 1fr 75px}.hud-brand__mark{width:27px;height:30px}.resource-strip>div{border:0!important}.resource-strip>div:nth-child(3){display:none}.time-controls{padding:0 5px}.time-controls button{min-width:28px;padding:0 5px}.event-feed{display:none}.tile-inspector{width:auto;left:8px;right:8px}.scoreboard{display:none}.command-dock{height:78px}.build-control>button span:last-child{display:none}.build-control button{min-width:47px;padding:4px 6px}.structure-glyph{scale:.88}.send-control em{display:none}.build-tooltip{min-width:0;left:8px;right:8px;translate:0}.victory-ribbon{min-width:calc(100% - 16px);top:65px}.victory-screen>section{padding:27px 18px}.victory-screen h1{font-size:31px}.victory-stats{grid-template-columns:repeat(2,1fr);gap:10px}.victory-stats span:nth-child(3){border-left:0}.victory-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}