*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#102e39;color:#f5ecd3;font-family:system-ui,sans-serif}canvas{display:block}.loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#32616b,#102e39 70%)}.eyebrow{font-size:12px;letter-spacing:4px;color:#b8cbba}.loading h1{font-family:Georgia,serif;font-size:44px;font-weight:400}.loading p{color:#aac8c9}progress{width:300px;accent-color:#70e6d7;height:8px}.sample-note{position:absolute;bottom:40px;width:100%;text-align:center;color:#c4d4c1;font-size:14px;letter-spacing:1px}.minimap{position:absolute;right:20px;bottom:20px;border:2px solid #b6ad82;border-radius:8px;box-shadow:0 8px 30px #091e39aa;cursor:crosshair;z-index:5}.sample-note{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #70878966;background:#244954;transition:background .15s,transform .15s}button:hover{background:#37606a;border-color:#d9ca8d}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid #a0f6e9;outline-offset:3px}.hud{position:absolute;inset:0;pointer-events:none}.hud button,.command-deck,.topbar{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(#102e39f7,#163b45ee);border-bottom:1px solid #b4ac7166;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 6px 25px #122e3b55}.mission{display:flex;gap:14px;align-items:center}.brand-mark{color:#c3d6a1;font-size:36px}.mission .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:7px;color:#9ec8c7}.mission strong{font:18px Georgia,serif}.resources{display:flex;gap:40px}.resources>div{display:grid;grid-template-columns:28px auto;align-items:center;column-gap:5px}.resources>div>span{grid-row:span 2;font-size:26px;color:#95ebdb}.resources b{font-size:22px;font-weight:600;letter-spacing:1px}.resources small{font-size:9px;letter-spacing:1.5px;color:#9bb9b9}.top-actions{display:flex;gap:12px;align-items:center}.top-actions time{color:#b6ceca;font:15px monospace;margin-right:12px}.top-actions button{width:34px;height:34px;border-radius:50%;font-size:18px}.command-deck{position:absolute;bottom:14px;left:18px;right:18px;height:215px;background:linear-gradient(135deg,#193d47f7,#112e3bf7);border:1px solid #9f9e7077;border-radius:14px;box-shadow:0 8px 35px #0d243c88;display:grid;grid-template-columns:280px 1fr 260px;padding:15px 16px;gap:22px}.selection-panel{border-right:1px solid #90b1ad26;padding-right:20px}.panel-label{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#9bb9b5;display:flex;justify-content:space-between;margin-bottom:12px}.panel-label span{color:#a1e0d1;font-size:9px}.order-buttons{display:flex;gap:8px;margin-bottom:10px}.order-buttons button{position:relative;flex:1;height:62px;border-radius:7px;font-size:21px;background:#204652;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.order-buttons button span{font-size:11px;color:#d4e1d7}.order-buttons kbd{position:absolute;top:4px;right:7px;color:#85a8ad;font:9px monospace}.build-buttons{display:flex;gap:7px}.build-buttons button{flex:1;border-radius:7px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:8px 3px;background:#1b3e49;min-height:64px}.build-buttons i{font-size:21px;font-style:normal;color:#b9d5b2}.build-buttons span{font-size:10px}.build-buttons small{font-size:10px;width:100%;color:#9ed8d3}.map-panel{border-left:1px solid #90b1ad26;padding-left:20px}.minimap{right:35px;bottom:28px;border:1px solid #789b9777;border-radius:5px;box-shadow:none;width:240px;height:168px}.selected-heading{display:flex;gap:12px;align-items:center}.unit-emblem{width:53px;height:53px;border:1px solid #9bb7a077;border-radius:12px;background:radial-gradient(circle,#426b63,#20404c);display:grid;place-items:center;font-size:31px;color:#d5e8bb}.selected-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#95b6b3}.selected-heading h2{font:21px Georgia,serif;margin:7px 0 0}.health-track{height:5px;background:#0b2934;margin-top:13px;border-radius:3px;overflow:hidden}.health-track div{height:100%;background:#8cddab}.health-label{font-size:10px;color:#a1c5ba;margin-top:5px;display:flex;justify-content:space-between}.role-description{font-size:11px;line-height:1.6;color:#a4bebb;margin:10px 0}.upgrade{font-size:11px;width:100%;padding:8px;border-radius:5px;display:flex;justify-content:space-between}.upgrade small{color:#8fe0d5}.empty-selection{text-align:center;color:#afc5be;padding:8px 0}.empty-selection strong{font:19px Georgia,serif}.empty-selection p{font-size:12px;line-height:1.7;color:#88aaa9}.selection-emblem{font-size:37px;color:#90bdb0;margin-bottom:8px}.objective-note{position:absolute;top:109px;left:30px;border-left:2px solid #b3d6b399;padding-left:13px;text-shadow:0 2px 6px #153c3f}.objective-note span{font-size:9px;letter-spacing:2px;color:#c2dfc5}.objective-note p{font-size:12px;line-height:1.7;color:#e0e8d4;margin-top:8px}.toast{position:absolute;top:102px;left:50%;transform:translate(-50%) translateY(-8px);padding:13px 25px;background:#12313def;border:1px solid #a5b49a88;border-radius:8px;font-size:13px;opacity:0;transition:.2s;max-width:550px;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1100px){.command-deck{grid-template-columns:225px 1fr 225px;gap:12px}.minimap{width:205px;height:144px;bottom:42px}.resources{gap:20px}.topbar{padding:0 18px}.mission strong{font-size:15px}}.production-popover{pointer-events:auto;position:absolute;bottom:244px;left:320px;width:440px;padding:16px;border:1px solid #b4ba8988;border-radius:12px;background:#153842f7;box-shadow:0 8px 25px #10283766}.train-buttons{display:flex;gap:10px}.train-buttons button{display:flex;gap:10px;align-items:center;padding:10px;border-radius:7px;flex:1}.train-buttons i{font-style:normal;font-size:27px;color:#c0e8ce}.train-buttons b{font-size:12px;font-weight:500}.train-buttons small{display:block;font-size:10px;color:#a1c9c1;margin-top:6px}.train-buttons button>span{font-size:20px;color:#bce6c6}.queue{display:flex;gap:8px;margin-top:12px;min-height:32px}.queue button{position:relative;border-radius:5px;width:50px;overflow:hidden;font-size:11px;padding:9px 2px}.queue button>div{position:absolute;height:3px;bottom:0;left:0;background:#8ae4ce}.queue small{position:absolute;right:3px;top:0;color:#aac8c6}.queue p{font-size:11px;color:#8eafad;margin:8px 0}#battlefield{position:absolute;inset:0}.screen-layer{position:absolute;inset:0;pointer-events:none}.screen-layer:empty{display:none}.menu-mode .hud,.menu-mode .minimap{display:none}.menu-screen{pointer-events:auto;background:linear-gradient(90deg,#102e3bf7,#102e3beb 34%,#102e3b55 67%,#102e3b11),linear-gradient(0deg,#102e3b,#102e3b00 28%,#102e3b33 75%,#102e3b);overflow:hidden}.menu-top{position:absolute;top:35px;left:45px;right:45px;display:flex;justify-content:space-between;color:#a7c2bb;font-size:10px;letter-spacing:2px}.small-brand{color:#cbd5b5}.menu-copy{position:absolute;left:8%;top:20%;z-index:2}.kicker{font-size:10px;letter-spacing:3px;color:#aacebd;display:flex;align-items:center;gap:10px}.kicker>span{width:27px;height:1px;background:#bfc797}.menu-copy h1{font:normal clamp(48px,5.7vw,83px)/.98 Georgia,serif;letter-spacing:4px;color:#f2edd9;margin:26px 0 22px;text-shadow:0 3px 25px #0a2939}.menu-copy h1 em{font-style:normal;font-size:.72em;letter-spacing:10px;color:#c7d7ad}.title-rule{border-top:1px solid #9dad7555;padding-top:13px;width:370px}.title-rule span{font-size:9px;letter-spacing:4px;color:#a7c3b6}.menu-copy>p{color:#b7c9c2;font-size:15px;line-height:1.8;margin:24px 0 28px}.primary{background:linear-gradient(125deg,#dce2ae,#a9cdad);color:#153c43;border:1px solid #e8e8b9;border-radius:7px;padding:15px 24px;font-weight:600;box-shadow:0 4px 18px #183e4255}.primary:hover{background:#e4ecc0;color:#123541}.play{display:flex;align-items:center;justify-content:space-between;width:360px;padding:18px 24px;font-size:15px}.play b{font-size:23px;font-weight:400}.menu-secondary{display:flex;gap:28px;margin-top:23px}.menu-secondary button{border:0;background:none;padding:4px 0;color:#b9d0c7;font-size:12px}.menu-secondary button:hover{color:#fff0cb}.menu-facts{display:flex;gap:22px;font-size:8px;letter-spacing:1.5px;color:#6e999b;margin-top:30px}.hero-squad{position:absolute;width:560px;height:430px;right:2%;top:22%;pointer-events:none}.hero-squad img{position:absolute;filter:drop-shadow(0 25px 12px #18383766);object-fit:contain;animation:hover-axie 5s ease-in-out infinite}.hero-ring{position:absolute;left:20px;top:165px;width:515px;height:145px;border-radius:50%;background:radial-gradient(ellipse,#a9c684aa,#5c885c88 65%,#1a454800 70%);transform:rotate(-8deg)}.hero-guardian{width:240px;left:38px;top:95px;z-index:2}.hero-mender{width:205px;right:55px;top:160px;z-index:4;animation-delay:-2s!important}.hero-scout{width:190px;left:200px;top:-20px;z-index:1;animation-delay:-1s!important}.hero-striker{width:205px;right:0;top:50px;z-index:3;animation-delay:-3s!important}.hero-caption{position:absolute;top:365px;left:100px;right:15px;text-align:center}.hero-caption span{font-size:10px;letter-spacing:3px;color:#e1e4c0}.hero-caption small{display:block;font:italic 15px Georgia,serif;color:#b1c6b6;margin-top:12px}.menu-bottom{position:absolute;bottom:30px;left:45px;right:45px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#7fa19c}.menu-bottom i{font-style:normal;color:#bfd4b0;margin-left:10px}.desktop-warning{display:none}.modal-layer{background:#0b2737a8;backdrop-filter:blur(7px);display:grid;place-items:center;pointer-events:auto;padding:25px}.modal{width:min(590px,95vw);max-height:94vh;overflow:auto;background:linear-gradient(145deg,#214751,#122f3c);border:1px solid #b5bd8580;border-radius:17px;padding:36px 42px;box-shadow:0 25px 100px #071b3199}.modal>.eyebrow{font-size:9px;letter-spacing:2.6px;color:#b4c79b}.modal h1{font: 34px Georgia,serif;margin:15px 0 22px;color:#f1e9d2}.modal-intro{color:#aac3be;font-size:13px;line-height:1.85}.modal .primary{width:100%;margin-top:12px}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-actions>button{border-radius:7px;padding:12px;font-size:13px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;font-size:12px;color:#b6cfc5;border-bottom:1px solid #8baba644;padding-bottom:20px}.controls-grid kbd{font:11px monospace;color:#d9e2c2;text-align:right}.tutorial-steps{display:flex;flex-direction:column;gap:7px}.tutorial-steps p{display:flex;gap:16px;margin:5px 0 12px}.tutorial-steps b{font:24px Georgia,serif;color:#8fc4b6}.tutorial-steps span{color:#97b7b0;font-size:12px;line-height:1.6}.tutorial-steps strong{display:block;font-size:14px;color:#e1e6cd;margin-bottom:4px;font-weight:500}.result-emblem{font-size:66px;color:#d8d896;text-align:center;text-shadow:0 0 45px #b4deb877}.match-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 28px;margin:26px 0}.match-stats div{text-align:center}.match-stats b{display:block;font:26px Georgia,serif;color:#e2e5bd}.match-stats span{display:block;font-size:8px;letter-spacing:1px;margin-top:9px;color:#96b7b0}.result-buttons{display:flex;gap:10px}.result-buttons>button{margin:0!important;border-radius:7px;padding:14px 20px;white-space:nowrap}.result-buttons .primary{flex:1}.menu-screen~canvas{display:none}@keyframes hover-axie{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.hero-squad img{animation:none}*{scroll-behavior:auto}}@media(max-width:1100px){.menu-copy{left:5%;top:18%}.hero-squad{right:-10%;transform:scale(.82)}.menu-copy h1{font-size:62px}.menu-copy>p{font-size:13px}.play,.title-rule{width:310px}}@media(max-width:900px),(max-height:650px){.desktop-warning{display:block;position:absolute;bottom:60px;left:45px;font-size:11px;color:#d4c991}.menu-copy{top:15%}.menu-copy h1{font-size:48px;margin:18px 0}.menu-copy>p{margin:16px 0}.menu-facts{margin-top:15px}.hero-squad{transform:scale(.72);transform-origin:right center;right:0;top:15%}.menu-bottom{font-size:8px}}.audio-sliders{display:flex;flex-direction:column;gap:25px;margin:28px 0}.audio-sliders label{display:grid;grid-template-columns:1fr auto;gap:14px;font-size:13px;color:#c1d4c7}.audio-sliders output{color:#d4dfae;font:12px monospace}.audio-sliders input{grid-column:span 2;width:100%;accent-color:#b4d7ad;cursor:pointer}.unit-emblem img{max-width:73px;max-height:63px;object-fit:contain}.subgroups{display:flex;gap:7px}.subgroups button{font-size:11px;padding:4px 8px;border-radius:4px}.modal-layer .hud{pointer-events:none}.debug-panel{position:fixed;z-index:100;top:90px;right:20px;padding:12px;background:#0b263aee;border:1px solid #74b5c4;width:210px;font-size:11px}.debug-panel[hidden]{display:none}.debug-panel button{display:block;width:100%;padding:5px;margin:3px 0}.debug-panel pre{color:#a8ddca}.screen-layer{z-index:20}.desktop-recommendation{position:fixed;z-index:30;top:84px;left:50%;transform:translate(-50%);background:#163542e8;padding:8px 15px;border:1px solid #b7ba88;border-radius:7px;font-size:11px;display:none}@media(max-width:960px),(max-height:600px){.desktop-recommendation{display:block}}.menu-mode .desktop-recommendation{display:none}#battlefield>canvas:not(.minimap){position:absolute;inset:0}.structure-layer{pointer-events:none;z-index:2}.hud,.minimap{z-index:5}.creator-credit{margin-top:22px;color:#e3cf8c;font:600 11px Georgia,serif;letter-spacing:1.6px}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.difficulty-grid button{padding:17px 12px;border-radius:8px;text-align:left;min-height:118px}.difficulty-grid button.selected{border-color:#f1d783;background:linear-gradient(145deg,#315f67,#1e4553);box-shadow:inset 0 0 0 1px #e4ca7766}.difficulty-grid b{display:block;color:#f5e5b3;letter-spacing:2px;margin-bottom:10px}.difficulty-grid span{display:block;color:#a9c6c2;font-size:11px;line-height:1.55}.setup-facts{display:flex;justify-content:space-between;color:#89aaa8;font-size:9px;letter-spacing:1.2px;margin:15px 0 22px}.resources small i{font-style:normal;color:#82ddc3}.alert-rail{position:absolute;right:24px;top:100px;width:270px;display:flex;flex-direction:column;gap:7px}.alert-rail div{pointer-events:auto;background:linear-gradient(90deg,#153b4aea,#15313be8);border-left:3px solid #efcf7c;border-top:1px solid #73959655;padding:10px 13px;color:#dce5d4;font-size:11px;box-shadow:0 8px 20px #071b2b55;animation:alert-in .2s ease-out}.ability-button{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;padding:8px 10px;border-radius:6px;background:linear-gradient(135deg,#264f5b,#183c48)}.ability-button b{font-size:11px;color:#f2dda0}.ability-button span{font:10px monospace;color:#91ead7}.ability-button small{grid-column:span 2;color:#99b8b5;font-size:9px;margin-top:4px}.build-buttons button{min-width:0}.build-buttons i{font-size:17px}.build-buttons span{font-size:9px}.topbar{background:linear-gradient(#0a2d42fa,#123d4bea);border-bottom:2px solid #c9ad626b}.command-deck{background:linear-gradient(135deg,#0f3b52f8,#0b2d44f8);border-color:#d1b66b88}.minimap{border:2px solid #b99a55;box-shadow:0 5px 22px #04152499}@keyframes alert-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.debug-panel{max-height:calc(100vh - 120px);overflow:auto}:root{--navy:#082d4b;--navy-deep:#041c32;--panel:#0b3957;--panel-hi:#155378;--gold:#d8aa55;--gold-hi:#ffe083;--cyan:#35d9f4;--ink:#eef7f2}.topbar{height:64px;padding:0 18px 0 14px;background:linear-gradient(180deg,#092f4ff7,#06253ff5);border:0;border-bottom:3px solid #bd8d40;box-shadow:0 4px #3c2a1c,0 8px 22px #021628aa}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:6px;background:linear-gradient(90deg,#6d4726,#e3bb62 15%,#6d4726 35%,#e3bb62,#6d4726 65%,#e3bb62 85%,#6d4726);clip-path:polygon(0 0,25% 0,26% 100%,49% 100%,50% 0,74% 0,75% 100%,100% 100%,100% 0)}.mission{min-width:350px;gap:12px}.brand-mark{color:#ffe27b;font-size:32px;filter:drop-shadow(0 0 7px #44d9fb)}.mission .eyebrow{color:#91c9dc;font-size:9px;letter-spacing:2.5px;margin-bottom:3px}.mission strong{font:700 16px Georgia,serif;color:#fff4d0;text-shadow:0 2px 2px #000}.resources{height:64px;gap:0;background:linear-gradient(180deg,#0d4568,#092f50);border-left:2px solid #956b35;border-right:2px solid #956b35;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 100%,0 100%);padding:0 32px}.resources>div{min-width:175px;grid-template-columns:34px auto}.resources>div+div{border-left:1px solid #49738a;padding-left:25px}.resources>div>span{color:#37e3ff;font-size:30px;text-shadow:0 0 10px #29bfee}.resources b{font:700 20px Georgia,serif;color:#fff4d8}.resources small{color:#9fbfd0}.resources small i{color:#62ef8f}.top-actions{gap:9px}.top-actions>div{display:flex;flex-direction:column;align-items:flex-end;margin-right:6px}.top-actions small{font-size:8px;letter-spacing:2px;color:#94bbca}.top-actions time{font:13px monospace;color:#fff0d4;margin:2px 0 0}.top-actions button{border:2px solid #98713b;background:linear-gradient(#174b68,#092d4a);color:#ffe8aa;box-shadow:inset 0 0 0 2px #061e32;width:36px;height:36px}.objective-note{top:82px;left:15px;padding:9px 14px 10px;border-left:3px solid #39cfe8;background:linear-gradient(90deg,#082d4bd9,#082d4b10);text-shadow:0 2px 4px #001}.objective-note span{font-size:8px;color:#8fe6f5}.objective-note p{margin:5px 0 0;font-size:11px}.alert-rail{top:82px}.command-deck{bottom:0;left:0;right:0;height:224px;padding:10px 10px 9px;gap:0;grid-template-columns:18% 18% 24% 22% 18%;border:0;border-top:5px solid #bd9145;border-radius:0;background:linear-gradient(180deg,#0b3b59fa,#062b48fc 42%,#051f38fc);box-shadow:0 -4px #4c321e,0 -10px 24px #03162988;overflow:hidden}.command-deck:before{content:"◆";position:absolute;left:50%;top:-5px;transform:translate(-50%);width:54px;height:27px;text-align:center;padding-top:2px;color:#34ddff;background:#8d6230;border:3px solid #e2bc65;clip-path:polygon(50% 0,100% 42%,82% 100%,18% 100%,0 42%);text-shadow:0 0 8px #22dfff}.command-deck>section{min-width:0;padding:5px 12px;border-right:2px solid #3f6b7d;box-shadow:inset -2px 0 #031b2f}.command-deck>section:last-child{border-right:0;box-shadow:none}.panel-label{height:17px;margin:0 0 7px;color:#bce6ed;font-size:8px;letter-spacing:1.7px}.panel-label span{color:#58e2f6;font-size:7px}.map-panel{border-left:0;padding-left:8px!important}.minimap{left:13px!important;right:auto!important;bottom:12px!important;width:calc(18% - 25px)!important;height:176px!important;border:3px solid #d1a553!important;border-radius:3px!important;box-shadow:inset 0 0 0 3px #173f57,0 0 0 3px #49341f,0 6px 15px #001a2c!important;background:#092d45;cursor:crosshair}.selection-panel{padding-right:12px}.selected-heading{gap:9px}.unit-emblem{width:64px;height:64px;flex:0 0 64px;border:3px solid #dfb958;border-radius:50%;background:radial-gradient(circle at 50% 35%,#297294,#082b49 72%);box-shadow:inset 0 0 0 3px #09233b,0 3px 8px #001b2f}.unit-emblem img{max-width:82px;max-height:72px}.selected-heading h2{font:700 17px Georgia,serif;color:#fff1ca;margin-top:4px}.selected-heading .eyebrow{color:#71cde2}.health-track{height:8px;border:2px solid #052239;background:#03182a;margin-top:8px}.health-track div{background:linear-gradient(90deg,#36c784,#7af0a7)}.health-label{font-size:9px;color:#bfe0df}.role-description{font-size:10px;line-height:1.35;margin:6px 0;color:#a9cbd2}.empty-selection{padding-top:25px}.empty-selection .selection-emblem{font-size:29px;margin-bottom:4px}.empty-selection strong{font-size:15px}.empty-selection p{font-size:10px;line-height:1.4}.order-buttons{height:70px;gap:5px;margin:0 0 8px}.order-buttons button{height:70px;border:2px solid #3a7894;border-radius:5px;background:linear-gradient(180deg,#15506f,#0b3452);box-shadow:inset 0 0 0 2px #082943;font-size:23px;color:#f4cf75}.order-buttons button:hover{background:linear-gradient(#1b698b,#0d4364);border-color:#f1c85e}.order-buttons button span{font-size:9px;color:#fff5d8}.order-buttons kbd{font-size:8px;color:#86b8c7}.ability-slots>span{display:block;color:#9fd7e1;font-size:8px;letter-spacing:1.5px;margin-bottom:5px}.ability-button{height:62px;display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:6px;padding:5px;border:2px solid #32728f;border-radius:5px;background:linear-gradient(135deg,#0d4569,#092d4c);color:#fff}.ability-button>b{display:grid;place-items:center;height:46px;border:2px solid #60caf0;background:radial-gradient(circle,#249fd0,#06345d);font-size:26px;color:#d9f6ff}.ability-button>span{display:block}.ability-button strong{font-size:10px;color:#fff0b9}.ability-button small{display:block;font-size:8px;line-height:1.25;color:#a9d0d9;margin-top:3px}.ability-button em{font:8px monospace;color:#ffe69b;font-style:normal}.empty-ability{height:55px;border:1px dashed #32607a;display:grid;place-items:center;color:#6f99aa;font-size:9px}.deck-tabs{height:20px;display:flex;margin:-1px 0 5px;background:#062843;border:1px solid #2d6682}.deck-tabs span{flex:1;display:grid;place-items:center;font-size:7px;letter-spacing:1px;color:#8ab9c7}.deck-tabs span:first-child{color:#62e6f7;background:#124c6a}.build-buttons,.train-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.build-buttons button,.train-grid button{height:58px;min-height:0;padding:4px 2px;display:grid;grid-template-columns:1fr;grid-template-rows:24px auto auto;place-items:center;border:1px solid #346e87;border-radius:4px;background:linear-gradient(#104663,#082e4c);box-shadow:inset 0 0 0 1px #061f36}.build-buttons i,.train-grid i{font-size:19px;line-height:20px;color:#f4d26f}.build-buttons span,.train-grid span{font-size:8px;color:#eff6e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.build-buttons small,.train-grid small{font-size:8px;color:#6ee8ec}.train-grid i{height:28px}.train-grid img{width:38px;height:33px;object-fit:contain;filter:drop-shadow(0 2px 1px #001)}.queue-panel .panel-label{white-space:nowrap}.queue{display:flex;flex-direction:column;gap:6px;margin:0;min-height:0}.queue button{width:100%;height:43px;padding:6px 24px 9px 8px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;border:1px solid #426c7f;border-radius:4px;background:#0a2b45;overflow:hidden}.queue button span{font-size:9px;color:#fff0bd}.queue button b{font:8px monospace;color:#a9e9f1}.queue button>div{height:4px;background:#35d7eb}.queue button small{top:11px;right:7px;color:#f08c78}.queue-empty{height:132px;display:grid;place-content:center;text-align:center;gap:8px;border:1px dashed #315b71;color:#6e97a7;font-size:9px;line-height:1.5}.queue-empty i{font-size:25px;color:#44758b;font-style:normal}.subgroups{margin-top:4px;gap:3px}.subgroups button{font-size:8px;padding:3px 5px}.production-popover{display:none}.toast{top:78px;background:#0a3451f2;border:2px solid #c99b4c;color:#fff5da}.topbar,.command-deck{z-index:8}.menu-screen{background:#4bb8ef url(/assets/ui/lunacia-menu-background.png) center center/cover no-repeat;overflow:hidden}.menu-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#15324a22 0,#12324a00,#0a203244),linear-gradient(0deg,#0b223b66 0,transparent 24%);pointer-events:none}.menu-brand{position:absolute;left:12%;top:7%;width:350px;text-align:center;filter:drop-shadow(0 8px 6px #14334e80)}.menu-crystal{position:absolute;left:50%;top:-17px;transform:translate(-50%) rotate(45deg);color:#58eaff;font-size:48px;text-shadow:0 0 4px #fff,0 0 15px #008dff}.menu-brand h1{margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;line-height:.77;transform:rotate(-2deg)}.menu-brand h1 span{display:block;font-size:67px;letter-spacing:1px;background:linear-gradient(#fff27f 3%,#ffc326 33%,#dc701d 73%,#8e3216);-webkit-background-clip:text;color:transparent;-webkit-text-stroke:3px #793814;text-shadow:0 5px 0 #f5e9ba,0 8px 0 #5d2d20,0 11px 12px #0b315c}.menu-brand h1 em{display:inline-block;margin-top:13px;padding:7px 22px 9px;font-size:38px;letter-spacing:4px;font-style:normal;color:#ffe8a5;background:linear-gradient(#194f84,#092d5f);border:4px solid #e0a63d;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);text-shadow:0 3px 0 #061a39}.menu-brand p{margin:18px 0 0;font:700 15px Georgia,serif;color:#fff;letter-spacing:.7px;text-shadow:0 2px 4px #18354f}.menu-board{position:absolute;right:8%;top:12%;width:360px;padding:78px 24px 27px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(90deg,#5e321b,#9a5a2d 9%,#bd7640,#8c4b28 91%,#4c2819);border:8px solid #52321f;border-radius:18px;box-shadow:inset 0 0 0 4px #e0a75b,inset 0 0 24px #4a2315,0 12px 30px #102b4c88}.menu-board:before,.menu-board:after{content:"";position:absolute;top:62px;bottom:16px;width:18px;background:linear-gradient(#315064,#152c3e);border:3px solid #8e754e}.menu-board:before{left:-16px}.menu-board:after{right:-16px}.board-crown{position:absolute;left:50%;top:-38px;transform:translate(-50%);width:210px;height:110px;display:grid;place-items:center;background:linear-gradient(145deg,#8c552e,#54301d);border:7px solid #50301e;border-radius:50% 50% 15px 15px;box-shadow:inset 0 0 0 4px #d7a45b}.board-crown span{font-size:48px;color:#55e6ff;transform:rotate(45deg);text-shadow:0 0 6px white,0 0 18px #007dd4}.menu-board button{position:relative;min-height:70px;padding:12px 16px 10px 66px;text-align:left;border:3px solid #63361e;border-radius:7px;background:linear-gradient(#c98850,#9a572f);box-shadow:inset 0 0 0 2px #e3aa6a,0 4px #4e2b1b;color:#fff7dc;text-shadow:0 2px 2px #3e1d12}.menu-board button:hover{transform:translateY(-1px);background:linear-gradient(#dc9b5e,#aa6035)}.menu-board button i{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:31px;font-style:normal;color:#fff5dc}.menu-board button strong{font:900 22px system-ui,sans-serif;display:block}.menu-board button span{display:block;font-size:12px;margin-top:1px}.menu-board button small{display:block;font-size:8px;letter-spacing:1px;margin-top:4px}.menu-board .menu-play{min-height:105px;padding-top:14px;background:linear-gradient(#20d7ef,#0799c5);border-color:#13495f;box-shadow:inset 0 0 0 3px #65eff7,0 5px #4b2c1c}.menu-board .menu-play:hover{background:linear-gradient(#50e9f5,#0bb1da)}.menu-board .menu-play strong{font-size:34px}.menu-board .menu-play i{font-size:36px}.menu-slogan{position:absolute;right:1.5%;top:4%;transform:rotate(8deg);padding:8px 10px;color:#684a2b;background:#d2b278cc;border:2px solid #75502f;font:800 9px/1.4 system-ui,sans-serif;letter-spacing:1px;text-align:center;box-shadow:0 4px 8px #17324b55}.creator-credit,.menu-top,.menu-copy,.hero-squad,.menu-bottom{display:none!important}@media(max-width:1100px){.command-deck{grid-template-columns:18% 18% 24% 22% 18%;gap:0}.minimap{width:calc(18% - 23px)!important;height:164px!important;bottom:18px!important}.mission{min-width:280px}.resources{padding:0 18px}.resources>div{min-width:140px}.menu-board{right:4%;transform:scale(.88);transform-origin:top right}.menu-brand{left:6%;transform:scale(.88);transform-origin:top left}}@media(max-width:900px),(max-height:650px){.command-deck{height:200px}.minimap{height:150px!important}.order-buttons,.order-buttons button{height:58px}.ability-button{height:50px}.role-description{display:none}.menu-board{top:8%;transform:scale(.74)}.menu-brand{top:5%;transform:scale(.72)}.desktop-warning{z-index:5}}.control-groups{position:absolute;left:20px;bottom:230px;display:flex;align-items:center;gap:7px;padding:6px 8px;background:#082c46e8;border:1px solid #b9914e88;border-radius:5px;pointer-events:auto}.control-groups>span{font-size:7px;letter-spacing:1.3px;color:#9fcad4}.control-groups>div{display:flex;gap:4px}.control-groups button{width:31px;height:27px;padding:2px;border-radius:3px;background:#0a344f;color:#739aaa;display:grid;grid-template-columns:1fr 1fr;place-items:center;font-size:9px}.control-groups button.populated{border-color:#43d6e8;color:#e7fbf7;background:#10506a}.control-groups button.selected{box-shadow:0 0 10px #38e4ff,inset 0 0 0 1px #8ef4ff}.control-groups button b{color:#f4d274}.control-groups button span{font-size:8px}.worker-actions{display:flex;gap:5px;margin-bottom:5px}.worker-actions button,.worker-readout button{padding:6px 8px;border-color:#3b8da0;background:#0c4561;border-radius:4px;font-size:8px}.worker-readout{display:flex;align-items:center;gap:8px;font-size:9px;color:#9fe9df}.worker-readout span{color:#f2d176}.fantasy-difficulties button{transition:border-color .16s,box-shadow .16s,background .16s,transform .16s}.fantasy-difficulties button.selected{transform:scale(1.01);border-color:#44efff;box-shadow:0 0 18px #23d8e099,inset 0 0 0 2px #a4fbff}.structure-layer{image-rendering:auto}.menu-brand{left:7%;top:5%;width:min(43vw,560px);animation:menu-float 7s ease-in-out infinite}.menu-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 10px #10243f88)}.menu-brand p{margin-top:-7%;position:relative;z-index:2}.menu-credit{position:absolute;right:9%;bottom:3.5%;color:#f2d68d;font:700 10px Georgia,serif;letter-spacing:1.5px;text-shadow:0 2px 3px #1b2b3e}.menu-screen:before{content:"";position:absolute;inset:-3%;background:radial-gradient(circle at 48% 30%,#bfeeff26,transparent 32%),linear-gradient(115deg,transparent 40%,#dff7ff17 50%,transparent 61%);animation:sky-breathe 10s ease-in-out infinite;pointer-events:none}.menu-board{top:9%;gap:7px;padding-top:72px}.menu-board button{min-height:57px}.menu-board .menu-play{min-height:91px}.menu-board button strong{font-size:19px}.menu-board .menu-play strong{font-size:31px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.mode-grid button{min-height:125px;border-radius:10px;padding:20px;text-align:left}.mode-grid button b{display:block;font:22px Georgia,serif;margin-bottom:10px}.mode-grid button span{display:block;font-size:11px;line-height:1.6;color:#b9ceca}.seed-field,.lobby-input{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center;margin:18px 0;color:#a7c9c5;font-size:9px;letter-spacing:1.5px}.seed-field span,.lobby-input span{grid-column:1/-1}.seed-field input,.lobby-input input{min-width:0;border:1px solid #789f9b;background:#0d3040;color:#eef2d7;border-radius:7px;padding:13px 14px;font:700 14px monospace;letter-spacing:1px;outline:none}.seed-field input:focus,.lobby-input input:focus{border-color:#f2d071;box-shadow:0 0 0 2px #f2d07122}.seed-field button{border-radius:7px;padding:11px 14px}.seed-chip{margin:18px 0;padding:10px 14px;text-align:center;border:1px solid #d2bd755e;background:#0c2c3a99;border-radius:6px;color:#f1dda0;font:700 12px monospace;letter-spacing:1.2px}.lobby-input{grid-template-columns:1fr}.room-code{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:14px 16px;border:1px solid #c2b26d77;border-radius:9px;background:#0c2f3e}.room-code span{font-size:8px;letter-spacing:2px;color:#98bbb7}.room-code b{font:700 19px monospace;letter-spacing:2px;color:#f4dfa1}.room-code button{grid-row:1/3;grid-column:2;padding:9px 14px;border-radius:6px}.lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.lobby-players article{display:grid;grid-template-columns:22px 1fr;gap:3px 9px;align-items:center;padding:14px;border:1px solid #6a9493;border-radius:8px;background:#143b48}.lobby-players i{grid-row:1/3;width:13px;height:13px;border-radius:50%;background:#6ceaf0;box-shadow:0 0 10px #6ceaf0}.lobby-players i.red{background:#ee6c76;box-shadow:0 0 10px #ee6c76}.lobby-players b{font-size:12px}.lobby-players span{font-size:8px;letter-spacing:1px;color:#b9d69f}.lobby-players .waiting{opacity:.65}.network-status{min-height:18px;color:#f1d994;font-size:11px;text-align:center}.result-buttons{flex-wrap:wrap}.fantasy-panel .network-status{color:#674124;font-size:13px;line-height:1.5}.fantasy-panel .lobby-players b{color:#fff2c9}.network-status.is-connecting{display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px}.network-status.is-connecting:before{content:"";width:22px;height:22px;border:3px solid #93613355;border-top-color:#00aec8;border-radius:50%;animation:network-loading .8s linear infinite}.modal[aria-busy=true] button{opacity:.6;cursor:wait}@keyframes network-loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.network-status.is-connecting:before{animation:none}}@keyframes menu-float{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}@keyframes sky-breathe{0%,to{opacity:.5;transform:translate(-1%)}50%{opacity:1;transform:translate(1%)}}@media(prefers-reduced-motion:reduce){.menu-brand,.menu-screen:before{animation:none}}@media(max-width:1100px){.menu-brand{left:3%;width:48vw}.menu-board{right:3%}}@media(max-width:900px),(max-height:650px){.menu-brand{transform:scale(.72);animation:none}.menu-board{top:4%;transform:scale(.7)}.network-hud{padding-inline:12px;gap:8px}.network-orders{padding-inline:12px}}.battle-select-screen{display:grid;place-items:center;background-position:center;isolation:isolate}.battle-select-screen:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 42%,transparent 15%,#09284455 78%),linear-gradient(#9ce2ff12,#09254238)}.menu-particles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#d9fbff 0 2px,transparent 3px),radial-gradient(circle,#65e9ff 0 1px,transparent 2px);background-size:190px 170px,130px 115px;animation:crystal-drift 12s linear infinite;opacity:.42}.battle-board{position:relative;width:min(1040px,88vw);padding-top:106px;animation:board-arrive .28s cubic-bezier(.2,.8,.2,1) both}.battle-logo{position:absolute;z-index:3;left:50%;top:-62px;transform:translate(-50%);width:min(310px,35vw);filter:drop-shadow(0 10px 8px #183a55aa)}.fantasy-frame{position:relative;min-height:510px;padding:70px 74px 52px;border:72px solid transparent;border-image-source:url(/assets/ui/lunacia-menu-frame.png);border-image-slice:145 170 145 170;border-image-width:72px;border-image-repeat:stretch;background:linear-gradient(135deg,#fff0c9,#f3d99f 54%,#e7c882);background-clip:padding-box;box-shadow:0 24px 55px #071d35aa,inset 0 0 55px #a56d2b2e;color:#57361d}.fantasy-frame:before{content:"";position:absolute;inset:15px;pointer-events:none;background:radial-gradient(circle at 15% 12%,#fff8da99,transparent 30%),linear-gradient(100deg,transparent,#fff4ca3d 48%,transparent 70%);mix-blend-mode:screen}.fantasy-frame h1{position:relative;z-index:1;width:min(620px,76%);margin:-102px auto 18px;padding:15px 34px 19px;border:5px solid #5e321c;border-radius:11px;background:linear-gradient(#c98648,#8f4e2b);box-shadow:inset 0 0 0 3px #e4a665,0 7px #4c291a,0 12px 18px #43211055;color:#fff2d0;text-align:center;font:900 38px/1.05 Georgia,serif;text-shadow:0 3px 0 #633018}.battle-lead{position:relative;z-index:1;max-width:700px;margin:0 auto 22px;text-align:center;color:#68472c;font:600 16px/1.4 system-ui,sans-serif}.battle-mode-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.battle-mode{position:relative;min-width:0;padding:0;overflow:visible;border:6px solid #6d4325;border-radius:25px;background:#164f6a;box-shadow:inset 0 0 0 3px #e2b468,0 8px #4a2d1d,0 13px 22px #50301855;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.battle-mode:hover,.battle-mode:focus-visible{transform:translateY(-5px);filter:brightness(1.08);outline:none}.battle-mode:active{transform:translateY(2px);box-shadow:inset 0 0 0 3px #e2b468,0 3px #4a2d1d}.battle-mode.selected{border-color:#36e6fb;box-shadow:inset 0 0 0 3px #e9c46d,0 0 0 5px #18bad0,0 0 28px #36e8ff,0 8px #4a2d1d}.mode-icon{position:absolute;z-index:4;left:30px;top:-27px;width:68px;height:52px;display:grid;place-items:center;transform:rotate(-7deg);border:4px solid #5c321f;border-radius:9px;background:linear-gradient(#b87845,#774025);box-shadow:inset 0 0 0 2px #e7ae6b,0 5px #41251a;color:#fff0bf;font-size:28px;text-shadow:0 2px #4c271a}.mode-art{height:205px;display:flex;align-items:end;justify-content:center;gap:-8px;overflow:hidden;border-radius:17px 17px 0 0;background:url(/assets/ui/lunacia-menu-background.png) center 55%/cover;box-shadow:inset 0 -35px 34px #092b3c38}.mode-art:after{content:"";position:absolute;left:6px;right:6px;top:6px;height:205px;border-radius:16px 16px 0 0;background:linear-gradient(180deg,#ddf8ff11,#062d3c2b);pointer-events:none}.mode-art img{position:relative;z-index:2;width:31%;max-height:145px;object-fit:contain;filter:drop-shadow(0 7px 2px #183c4599);margin:0 -8px 12px}.mode-art img:nth-child(2){width:37%;max-height:166px;z-index:3}.mode-art.versus{align-items:center;background-position:75% 45%;filter:saturate(.78)}.mode-art.versus img{width:42%;margin:18px -14px 0}.mode-art.versus img:last-child{filter:sepia(.15) hue-rotate(300deg) saturate(1.3) drop-shadow(0 7px 2px #311e3099)}.mode-art.versus>span{z-index:4;width:48px;height:48px;display:grid;place-items:center;border:3px solid #f5d37b;border-radius:50%;background:#173c59;color:#ffe09a;font:900 15px system-ui;box-shadow:0 0 15px #5ce8ff}.mode-copy{position:relative;display:block;min-height:105px;padding:14px 65px 16px 20px;border-radius:0 0 18px 18px;background:linear-gradient(#177c95,#07516f);text-align:left;color:#fff}.mode-copy b{display:block;font:900 25px Georgia,serif;text-shadow:0 2px #073047}.mode-copy small{display:block;margin-top:8px;color:#dbf4ef;font:600 12px/1.35 system-ui}.mode-copy i{position:absolute;right:16px;top:22px;width:48px;height:48px;display:grid;place-items:center;border:3px solid #bdf7ff;border-radius:50%;background:#28bcd4;color:#fff;font:900 46px/36px Georgia;box-shadow:inset 0 0 0 2px #0d7898,0 3px 6px #092e3b77}.wood-back,.crystal-start{position:relative;z-index:2;margin-top:24px;min-width:145px;padding:11px 25px;border:4px solid #63391f;border-radius:10px;background:linear-gradient(#d18d50,#99522c);box-shadow:inset 0 0 0 2px #efbd79,0 5px #4b2919;color:#fff3d4;font:900 18px Georgia,serif;text-shadow:0 2px #552818}.wood-back:hover,.crystal-start:hover{transform:translateY(-2px);filter:brightness(1.08)}.wood-back:active,.crystal-start:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #efbd79,0 2px #4b2919}.wood-back span{font-size:30px;line-height:0;vertical-align:-2px;margin-right:6px}.setup-board{width:min(980px,88vw)}.setup-board .fantasy-frame{padding-inline:68px}.screen-kicker{position:relative;z-index:2;margin:-18px 0 7px;text-align:center;color:#1b7890;font:900 11px system-ui;letter-spacing:3px}.setup-label{position:relative;z-index:1;margin:10px 0 8px;color:#68421f;font:900 17px Georgia,serif}.fantasy-difficulties{position:relative;z-index:2;margin:0 0 16px}.fantasy-difficulties button{min-height:124px;padding:15px;border:4px solid #81532d;border-radius:15px;background:linear-gradient(#e5b971,#b9783f);box-shadow:inset 0 0 0 2px #ffe1a5,0 5px #5a321f;color:#fff8dc}.fantasy-difficulties button:hover{transform:translateY(-3px)}.fantasy-difficulties button.selected{border-color:#2be0f2;background:linear-gradient(#37c6df,#087b9f);box-shadow:inset 0 0 0 2px #c6fbff,0 0 20px #1bd9ed,0 5px #4e331f}.fantasy-difficulties i{display:block;font-size:30px;font-style:normal}.fantasy-difficulties b{margin:5px 0;color:#fff6d5;font-size:16px}.fantasy-difficulties span{color:#fff5dc;font-size:10px;line-height:1.35}.fantasy-seed{position:relative;z-index:2;margin:10px 0}.fantasy-seed span{color:#6a4728;font-weight:900}.fantasy-seed input{border:3px solid #795130;background:#fff4d1;color:#5c361f;box-shadow:inset 0 2px 8px #8c5d2f33}.fantasy-seed button{border:3px solid #704322;background:linear-gradient(#d69655,#965029);color:#fff2ce;box-shadow:inset 0 0 0 2px #f1bd78}.setup-actions{display:flex;align-items:end;justify-content:space-between}.crystal-start{margin-left:auto;padding:14px 30px;border-color:#104e69;background:linear-gradient(#31d8eb,#078aaf);box-shadow:inset 0 0 0 3px #a8f7ff,0 5px #55331f;font-size:21px}.fantasy-modal-layer{background:#05263fb8;backdrop-filter:blur(8px) saturate(.72)}.fantasy-modal-layer .fantasy-panel{position:relative;width:min(650px,82vw);max-height:82vh;overflow:auto;padding:66px 72px 54px;border:62px solid transparent;border-image-source:url(/assets/ui/lunacia-menu-frame.png);border-image-slice:145 170 145 170;border-image-width:62px;background:linear-gradient(145deg,#fff0c7,#e7c788);background-clip:padding-box;color:#57371f;box-shadow:0 22px 60px #001526cc,inset 0 0 45px #a6692f2c;animation:board-arrive .24s ease-out both}.fantasy-modal-layer .panel-crystal{position:absolute;z-index:3;left:50%;top:7px;transform:translate(-50%) rotate(45deg);color:#4ee7ff;font-size:28px;text-shadow:0 0 10px #00a4e5}.fantasy-modal-layer .eyebrow{color:#14758d;font-weight:900}.fantasy-modal-layer h1{color:#633b20;font:900 34px Georgia,serif;text-shadow:0 2px #fff2c4}.fantasy-modal-layer .modal-intro{color:#6e4b31}.fantasy-modal-layer button{border:3px solid #704122;background:linear-gradient(#cf8b50,#914b29);color:#fff2d0;box-shadow:inset 0 0 0 2px #edb36d,0 4px #4f2b1b}.fantasy-modal-layer button:hover{transform:translateY(-2px);filter:brightness(1.08)}.fantasy-modal-layer button.primary{border-color:#0c5670;background:linear-gradient(#35d9e9,#0789ae);box-shadow:inset 0 0 0 2px #b6fbff,0 4px #4f2b1b}.fantasy-modal-layer .seed-chip{border:3px solid #93622f;background:#fff3cb;color:#64401f}.fantasy-modal-layer .controls-grid,.fantasy-modal-layer .match-stats{color:#604027}.fantasy-modal-layer .controls-grid kbd{background:#81502e;color:#fff3d0}.fantasy-modal-layer .audio-sliders label{color:#604027}@keyframes board-arrive{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}@keyframes crystal-drift{to{background-position:190px -170px,-130px -115px}}@media(max-width:900px),(max-height:700px){.battle-board{width:min(950px,96vw);padding-top:74px;transform:scale(.86)}.battle-logo{top:-58px;width:270px}.fantasy-frame{min-height:470px;padding:62px 58px 40px;border-width:58px;border-image-width:58px}.fantasy-frame h1{font-size:31px;margin-top:-91px}.mode-art{height:170px}.mode-art:after{height:170px}.mode-copy b{font-size:21px}.fantasy-modal-layer .fantasy-panel{max-height:88vh}}@media(max-width:720px){.battle-select-screen{overflow:auto;display:block}.battle-board{margin:25px auto;transform:none}.battle-mode-grid{grid-template-columns:1fr}.fantasy-frame{padding-inline:42px}.mode-art{height:150px}.fantasy-difficulties{grid-template-columns:1fr}.fantasy-difficulties button{min-height:90px}.setup-actions{gap:12px}.wood-back,.crystal-start{min-width:0}.fantasy-modal-layer .fantasy-panel{padding-inline:45px}}@media(prefers-reduced-motion:reduce){.battle-board,.menu-particles{animation:none}.battle-mode,.wood-back,.crystal-start,.fantasy-modal-layer button{transition:none}}.extractor-readout{flex-wrap:wrap}.extractor-readout label{display:grid;grid-template-columns:1fr auto;gap:4px;width:100%;color:#b5d4cb}.extractor-readout label strong{color:#f5deb0;font-weight:700}.extractor-readout label i{grid-column:1/-1;height:5px;background:#082d3e;border-radius:5px;overflow:hidden}.extractor-readout label em{display:block;height:100%;background:linear-gradient(90deg,#39d9ef,#a7f2e5);border-radius:inherit}.sell-structure{margin-top:10px;width:100%;padding:7px 9px;border-radius:4px;border-color:#c97858;background:#59342c;color:#ffe1c5;font-size:9px}.hud-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.hud .topbar{height:88px;padding:18px 48px 12px;background:linear-gradient(180deg,#062b46,#032238);border:0;box-shadow:none;isolation:isolate}.hud .topbar:after,.hud .command-deck:before{display:none}.topbar .hud-art{z-index:0}.topbar>.mission,.topbar>.resources,.topbar>.top-actions{position:relative;z-index:1}.hud .resources{background:none;border:0;clip-path:none;box-shadow:none}.hud .command-deck{height:252px;padding:0 5px 5px;gap:1px;overflow:visible;background:none;border:0;box-shadow:none;grid-template-columns:18% 20% 23% 21% 18%}.hud .command-deck>section{position:relative;isolation:isolate;border:0;box-shadow:none;padding:62px 28px 20px;background:linear-gradient(#052c48,#04263d) center 28px/ calc(100% - 30px) calc(100% - 46px) no-repeat}.hud .command-deck>section>:not(.hud-art){position:relative;z-index:1}.hud .command-deck .map-panel{padding:50px 30px 25px!important}.hud .command-deck .map-panel .panel-label{justify-content:center;font-size:8px}.hud .panel-label{font-size:8px;letter-spacing:1.1px;margin-bottom:7px;white-space:nowrap}.hud .command-deck .empty-selection{padding-top:28px}.hud .order-buttons{gap:4px}.hud .order-buttons button,.hud .ability-button{height:56px}.hud .queue-empty{height:132px}.hud .train-grid button{height:65px}.hud .build-buttons button{min-height:52px}.hud .selected-heading h2{font-size:15px}.hud .unit-emblem{width:46px;height:46px;flex-basis:46px}.hud .unit-emblem img{max-width:64px;max-height:58px}.hud .worker-readout{flex-wrap:wrap;gap:4px}.hud .worker-readout label{font-size:8px}.hud .role-description{font-size:9px}.minimap{left:calc(1.9% + 6px)!important;bottom:33px!important;width:calc(14.2% - 7px)!important;height:156px!important;z-index:9;border:1px solid #26788d!important;box-shadow:none!important;border-radius:0!important}.hud .control-groups{bottom:258px;padding:5px 7px;background:#032940df;border:1px solid #45859a}.control-groups button{position:relative;isolation:isolate;width:34px;height:32px;border:0!important;background:#062f48!important}.control-groups button b,.control-groups button span{position:relative;z-index:1}.hud .objective-note{top:102px}.hud .toast{top:98px}.hud .alert-rail{top:104px}@media(max-width:1200px){.hud .command-deck{grid-template-columns:17% 20% 23% 22% 18%}.hud .command-deck>section{padding-left:14px;padding-right:14px}.hud .selected-heading h2{font-size:13px}.hud .panel-label{font-size:7px;letter-spacing:.6px}.hud .topbar{padding-left:35px;padding-right:32px}.hud .mission{min-width:0}.hud .mission strong{font-size:13px}.hud .resources{gap:12px;padding:0 10px}.hud .resources>div{min-width:110px}.hud .role-description{display:none}.minimap{width:calc(13.2% - 7px)!important}}@media(max-width:900px),(max-height:650px){.hud .command-deck{height:214px}.hud .command-deck>section{padding-top:49px;padding-bottom:13px}.hud .control-groups{bottom:220px}.minimap{height:126px!important;bottom:28px!important}.hud .order-buttons button{height:46px}.hud .ability-button{height:42px}.hud .queue-empty{height:108px}.hud .topbar{height:76px}.hud .objective-note{top:87px}.hud .panel-label span{display:none}.hud .train-grid button{height:52px}.hud .unit-emblem{display:none}.hud .empty-selection strong{font-size:12px}.hud .build-buttons button{min-height:43px}.hud .build-buttons span{font-size:8px}}.hud .command-deck .selection-panel{padding-top:61px}.hud .topbar .resources b{font-size:20px}.hud .topbar .resources{padding-top:10px}.hud .command-deck .empty-selection{padding-top:12px}.hud .panel-label{height:13px}.hud .ability-slots>span{margin-bottom:4px}.hud .queue-empty{height:110px}.hud .topbar .mission,.hud .topbar .top-actions{padding-top:8px}@media(max-height:650px){.hud .command-deck .selection-panel{padding-top:49px}.hud .queue-empty{height:86px}}.structure-label-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.structure-label{position:absolute;text-align:center;transform-origin:center bottom;min-width:90px;color:#e9fff8;font:700 12px/1.35 system-ui;white-space:pre;text-shadow:0 1px 3px #001927,1px 0 2px #001927,-1px 0 2px #001927}.structure-label[hidden]{display:none}.structure-label span{display:block;background:#072c405e;padding:2px 5px;border-radius:4px}.structure-label i{display:block;width:80px;height:6px;margin:6px auto 0;border:1px solid #173641;background:#173641;border-radius:2px;overflow:hidden}.structure-label b{display:block;height:100%;background:#9aecb4}.structure-label.hostile{color:#ffd9cf}.structure-label.hostile b{background:#f58a92}.structure-label em{display:block;height:3px;background:#68dce8;max-width:80px;margin:2px auto}.structure-label em[hidden]{display:none}.fantasy-modal-layer .tutorial-steps b{color:#0c7890;text-shadow:none}.fantasy-modal-layer .tutorial-steps span{color:#5b3b28}.fantasy-modal-layer .tutorial-steps strong{color:#4b2b1b;font-weight:800}@media(max-width:720px),(pointer:coarse)and (max-width:900px){html,body,#app{overscroll-behavior:none}#battlefield canvas,#battlefield .structure-layer{touch-action:none}.desktop-recommendation{display:none!important}.menu-screen{overflow:hidden}.menu-brand{left:50%;top:3vh;width:min(74vw,310px);transform:translate(-50%) scale(.84)!important;transform-origin:top center;animation:none}.menu-brand p{font-size:11px;line-height:1.3;margin-top:4px}.menu-board{top:20vh;right:50%;width:min(78vw,340px);min-width:0;transform:translate(50%)!important;padding:55px 15px 18px;gap:6px}.menu-board button{min-height:48px;padding:8px 12px 8px 56px}.menu-board .menu-play{min-height:78px}.menu-board button strong{font-size:15px;line-height:1.08}.menu-board .menu-play strong{font-size:24px}.menu-board button i{left:15px;font-size:19px}.menu-board button span{font-size:9px}.menu-board button small{font-size:8px}.board-crown{width:48px;height:48px;top:1px}.menu-credit{right:50%;bottom:2vh;transform:translate(50%);width:90vw;text-align:center;font-size:8px;letter-spacing:.6px}.menu-slogan{display:none}.battle-select-screen{overflow:auto;display:block}.battle-board,.setup-board{width:100%;margin:14px auto 22px;padding-top:60px;transform:none!important}.battle-logo{top:-45px;width:210px}.fantasy-frame,.setup-board .fantasy-frame{min-height:0;margin:0 7px;padding:48px 28px 31px;border-width:42px;border-image-width:42px}.fantasy-frame h1{width:calc(100% + 10px);margin:-70px -5px 16px;padding:11px 16px 14px;border-width:3px;font-size:28px}.setup-board .screen-kicker{display:none}.setup-board .fantasy-frame h1{font-size:24px}.battle-lead{font-size:14px;line-height:1.45;margin-bottom:18px}.battle-mode-grid{gap:17px}.battle-mode{border-width:4px;border-radius:18px}.mode-icon{left:18px;top:-20px;width:54px;height:42px;border-width:3px;font-size:21px}.mode-art,.mode-art:after{height:132px}.mode-art img{max-height:110px}.mode-art img:nth-child(2){max-height:126px}.mode-copy{min-height:89px;padding:12px 54px 13px 14px}.mode-copy b{font-size:21px}.mode-copy small{font-size:11px;margin-top:5px}.mode-copy i{right:12px;top:19px;width:39px;height:39px;font-size:37px}.wood-back,.crystal-start{margin-top:18px;padding:10px 15px;border-width:3px;font-size:16px}.screen-kicker{margin:-4px 0 7px;font-size:9px}.setup-label{font-size:18px}.fantasy-difficulties{gap:8px}.fantasy-difficulties button{min-height:82px;padding:12px;border-width:3px}.fantasy-difficulties i{font-size:25px}.fantasy-difficulties b{font-size:14px}.fantasy-difficulties span{font-size:9px}.fantasy-seed{grid-template-columns:1fr auto}.fantasy-seed input{font-size:12px;padding:11px}.fantasy-seed button{padding:9px;font-size:10px}.setup-actions{align-items:center}.modal-layer{padding:10px}.fantasy-modal-layer .fantasy-panel{width:calc(100vw - 14px);max-height:94dvh;padding:44px 30px 34px;border-width:38px;border-image-width:38px}.fantasy-modal-layer h1{font-size:29px;line-height:1.1;margin:12px 0 17px}.fantasy-modal-layer .modal-intro{font-size:14px;line-height:1.55}.tutorial-steps{gap:8px}.tutorial-steps p{gap:11px;margin:2px 0 9px}.tutorial-steps b{font-size:22px}.tutorial-steps span{font-size:13px;line-height:1.45}.tutorial-steps strong{font-size:15px}.seed-chip{font-size:10px;padding:9px}.controls-grid{grid-template-columns:1fr;font-size:12px;gap:8px}.controls-grid kbd{text-align:left}.hud .topbar{height:58px;padding:7px 10px 5px}.hud .mission{display:none}.hud .resources{margin:0 auto;gap:0;padding:0}.hud .resources>div{min-width:108px;grid-template-columns:23px auto}.hud .resources>div+div{padding-left:10px}.hud .resources>div>span{font-size:22px}.hud .resources b{font-size:16px}.hud .resources small{font-size:7px;letter-spacing:.6px}.hud .top-actions>div{display:none}.hud .top-actions{gap:4px;padding:0}.hud .top-actions button{width:30px;height:30px;font-size:15px}.hud .objective-note{top:69px;left:8px;max-width:calc(100vw - 16px);padding:6px 9px;background:#082d4bdc}.hud .objective-note span{font-size:7px}.hud .objective-note p{font-size:10px;line-height:1.35;margin:3px 0}.hud .objective-note p small{font-size:8px}.hud .toast{top:125px;max-width:calc(100vw - 24px);padding:9px 12px;font-size:11px}.hud .alert-rail{top:134px;right:8px;width:min(240px,75vw)}.hud .alert-rail div{padding:7px 9px;font-size:10px}.hud .control-groups{display:none}.hud .command-deck{height:176px;display:flex;left:0;right:0;bottom:0;padding:0 8px 7px;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;background:linear-gradient(#073551f7,#041e36fb)}.hud .command-deck>section{flex:0 0 calc(100vw - 16px);min-width:0;height:166px;padding:40px 18px 12px;background:#052d49}.hud .command-deck .map-panel,.hud .command-deck .selection-panel{display:none}.hud .command-deck .command-panel,.hud .command-deck .build-panel,.hud .command-deck .queue-panel{scroll-snap-align:start}.hud .panel-label{font-size:9px;letter-spacing:1.1px}.hud .order-buttons{gap:6px;margin-bottom:8px}.hud .order-buttons button{height:54px;min-width:0;font-size:18px}.hud .order-buttons button span{font-size:10px}.hud .ability-button{height:49px;font-size:10px}.hud .ability-button small{font-size:9px}.hud .build-buttons,.hud .train-grid{max-height:108px;overflow:auto}.hud .build-buttons button{min-height:48px}.hud .queue-empty{height:100px}.minimap{width:112px!important;height:82px!important;left:8px!important;bottom:185px!important;z-index:10;border:1px solid #26788d!important;box-shadow:none!important;border-radius:0!important}.structure-label{font-size:9px;min-width:70px}.structure-label i{width:58px;height:4px;margin-top:3px}.structure-label em{max-width:58px}}