:root{font-family:Arial,Helvetica,sans-serif;color:#e6e8dc;background:#182922;font-synthesis:none;--bg:#182922;--panel:#20342b;--border:#b4c69b22;--gold:#ddbe7e;--muted:#91a493;--cream:#f2eedc;--green:#88b99b;--danger:#d5846a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{color:inherit;border:0}button,.icon-button{touch-action:manipulation}button{transition:background .16s,transform .16s,border-color .16s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.47}button:hover:not(:disabled){filter:brightness(1.09)}.hidden{display:none!important}.icon{width:22px;height:22px;flex:none;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}#app{max-width:1920px;margin:auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:82px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#182922;z-index:5;gap:22px}.brand{display:flex;align-items:center;gap:12px;background:none;text-align:left;font:600 30px Georgia,serif;letter-spacing:3px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2px;color:#a7b29c;margin-top:4px}.brand-mark{width:42px;height:45px;display:grid;place-items:center;background:var(--gold);color:#263b2d;clip-path:polygon(50% 0,100% 22%,90% 78%,50% 100%,10% 78%,0 22%)}.brand-mark .icon{width:27px;height:27px}.nav{display:flex;gap:30px;height:100%;align-items:center;margin-left:80px}.nav button{font-size:12px;font-weight:600;background:none;color:#a5b3a1;height:100%;padding:0 3px;display:flex;align-items:center;gap:9px;position:relative}.nav button.selected{color:var(--cream)}.nav button.selected:after{content:"";height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.nav .icon{width:17px;height:17px}.tiny-dot{width:5px;height:5px;border-radius:100%;background:var(--gold);display:inline-block}.utilities{display:flex;align-items:center;gap:8px}.icon-button{background:transparent;color:#b0bca7;width:38px;height:40px;border-radius:6px;display:inline-grid;place-items:center}.icon-button:hover{background:#ffffff0a}.icon-button .icon{width:19px;height:19px}#arena{position:relative;isolation:isolate;flex:1;min-height:350px;height:calc(100dvh - 365px);max-height:780px;overflow:hidden;background:#becab0}#arena.home-mode{min-height:560px;height:calc(100dvh - 238px);max-height:900px}#world{position:absolute;inset:0;z-index:0}#world canvas{display:block!important}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#18292228,transparent 18%)}.home-mode .vignette{background:linear-gradient(90deg,#d4ddc9e8,#d7dfcaa9 31%,#d7dfca00 63%),linear-gradient(0deg,#152e251a,transparent 30%)}.home-content{position:relative;padding:55px 0 76px 7%;pointer-events:none;width:620px}.home-content button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#56694e;display:flex;align-items:center;gap:10px}.eyebrow>span{width:23px;height:1px;background:#697c56}.home-content h1{font:500 clamp(46px,4.4vw,74px)/1.07 Georgia,"Times New Roman",serif;letter-spacing:-2.5px;color:#233e31;margin:25px 0 20px}.home-content h1 em{color:#62744a;font-weight:400}.intro{font-size:13px;line-height:1.85;color:#4b6049;margin-bottom:27px}.primary,.secondary{min-height:46px;padding:13px 21px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:600;font-size:12px}.primary{background:var(--gold);color:#25382a;border:1px solid #e5c886;box-shadow:0 4px #0d20161a}.primary.large{font-size:13px;min-width:222px;min-height:51px;background:#263e2e;border-color:#263e2e;color:#ecdfb7;justify-content:space-between}.primary .icon{width:19px;height:19px}.secondary{background:#ffffff06;border:1px solid var(--border);color:#e2e4d5}.home-actions{display:flex;gap:20px;align-items:center;margin-top:19px}.home-actions button{background:none;color:#354e39;padding:3px 0;font-size:11px;display:flex;gap:7px;align-items:center}.home-actions .icon{height:16px;width:16px}.home-actions>span{height:14px;width:1px;background:#7d8c704a}.home-note{font-size:8px;letter-spacing:1.65px;color:#657659;margin-top:29px}.home-note b{padding:0 9px;font-size:8px}.landmark{position:absolute;right:6%;top:40px;text-align:right;color:#52664c;display:flex;flex-direction:column;gap:8px}.landmark span{font-size:9px;letter-spacing:3px}.landmark b{font:19px Georgia,serif}.landmark small{font-size:10px;opacity:.8}.home-bottom{padding:25px 4.2%;display:flex;align-items:center;gap:26px;background:#20352b;border-top:1px solid #d0d7a91a;min-height:104px}.section-caption{min-width:165px}.section-caption>span{display:block;font-size:8px;letter-spacing:1.6px;color:#b0bd9c}.section-caption small{display:block;font:italic 13px Georgia,serif;color:#d1d6bd;margin-top:8px}.era-timeline{display:flex;justify-content:space-between;flex:1;gap:16px}.era-stop{display:flex;align-items:center;gap:12px;position:relative;color:#83987f;flex:1}.era-stop:not(:last-child):after{content:"";position:absolute;right:11px;top:50%;height:1px;width:13%;background:#8da07d30}.era-icon{width:38px;height:40px;display:grid;place-items:center;background:#15291f66;border:1px solid #a1b08827;border-radius:7px}.era-icon .icon{width:21px;height:21px}.era-stop span>small{display:block;font-size:7px;letter-spacing:1.8px;margin-bottom:6px}.era-stop span>b{display:block;font-size:10px;font-weight:500;white-space:nowrap}.era-stop.active{color:#e3c58b}.era-stop.active .era-icon{border-color:#ddbe7e5a;background:#ddbe7e0b}.site-footer{height:41px;display:flex;align-items:center;padding:0 4.2%;gap:25px;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#85967d;background:#16281f}.site-footer b{padding:0 8px}.site-footer>span:nth-child(2){margin-left:auto}.site-footer button{background:none;color:var(--gold);font-size:10px;letter-spacing:0}.site-footer .icon{width:14px;height:14px}.build-label{padding-left:20px;border-left:1px solid #8d9d792a}.game-hud{position:absolute;inset:24px 4.5% auto;display:flex;justify-content:space-between;gap:35px;align-items:flex-start;color:#2c4635}.base-status{width:28%;max-width:310px}.base-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1px;gap:8px}.base-label .icon{width:14px;height:14px}.base-label b{font-size:10px;font-weight:600;letter-spacing:0}.health-track{height:8px;border-radius:2px;background:#26372a2b;padding:1px;margin-top:10px;overflow:hidden}.health-track i{display:block;height:100%;background:#47705a;border-radius:1px;transition:width .3s}.enemy .health-track i{background:#b1644e}.base-era{display:block;font-size:10px;margin-top:8px;color:#56654d}.enemy .base-era{text-align:right}.battle-center{text-align:center}.battle-center>span{display:block;font-size:8px;letter-spacing:1.8px;font-weight:700}.battle-center>b{display:block;font:26px Georgia,serif;margin:6px 0}.battle-center>small{display:block;font-size:10px;color:#5e6d52}.battle-tip{position:absolute;left:50%;transform:translate(-50%);top:125px;font-size:10px;color:#455e43;display:flex;align-items:center;gap:8px;white-space:nowrap;background:#f4edcb5e;padding:8px 13px;border-radius:30px}.battle-tip .icon{width:15px;height:15px}.era-notice{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);background:#1d372eee;color:#e8ce95;border:1px solid #e8ce9566;padding:18px 27px;box-shadow:0 10px 40px #18372f30;font:20px Georgia,serif;text-align:center;border-radius:6px}.commands{padding:19px 4.2% 10px;background:#20342b;border-top:1px solid #9cac7833}.command-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px}.era-current{display:flex;align-items:center;gap:12px;min-width:240px}.era-current>span{width:38px;height:38px;display:grid;place-items:center;background:#0e231c45;border:1px solid #a8b78933;border-radius:7px;color:var(--gold)}.era-current small{display:block;font-size:7px;letter-spacing:1.7px;color:#899e87;margin-bottom:5px}.era-current b{font:19px Georgia,serif;font-weight:400;color:#e6e3c9}.resources{display:flex;gap:37px;flex:1;justify-content:center}.resource{display:grid;grid-template-columns:26px auto;gap:1px 9px;align-items:center}.resource>.icon{grid-row:span 2;width:23px;height:23px}.resource b{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.15}.resource small{font-size:6px;letter-spacing:1.5px;color:#9daa8c}.gold{color:#e2c185}.experience{color:#a9c7ae}.army-count{min-width:150px;text-align:right;font-size:10px;color:#8fa38c}.army-count .icon{width:15px;height:15px;margin-right:5px}.command-grid{display:grid;grid-template-columns:minmax(420px,1.95fr) minmax(128px,.55fr) minmax(160px,.67fr) minmax(150px,.63fr);gap:18px}.command-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:1.8px;color:#9cac8c;margin-bottom:9px}.command-label small{font-size:8px;letter-spacing:0;color:#71876f}.unit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.unit-card{height:82px;border:1px solid #9bac8539;border-radius:6px;background:#172d24;display:flex;align-items:center;position:relative;text-align:left;padding:6px 7px;overflow:hidden}.unit-card:disabled{opacity:.6}.portrait{width:54px;height:64px;flex-shrink:0;align-self:flex-end;position:relative}.portrait:before{content:"";position:absolute;inset:7px -4px 4px 0;background:radial-gradient(ellipse,#9da37728,transparent 70%)}.portrait img{width:66px;height:70px;object-fit:contain;position:relative;margin-left:-5px}.unit-info{position:relative;z-index:1;align-self:center;padding-left:4px}.unit-info>b{display:block;font-size:10px;color:#e0e2ce;margin-bottom:5px;line-height:1.2}.unit-info>small{display:block;font-size:8px;color:#879b81;margin-bottom:8px}.unit-price{display:flex;align-items:center;gap:5px;color:#e0bd7d;font-size:11px}.unit-price .icon{width:12px;height:12px}kbd{font:9px Arial,sans-serif;color:#8b9c80;border:1px solid #9bab782c;border-radius:3px;min-width:16px;height:17px;display:inline-grid;place-items:center;padding:0 3px}.unit-card>kbd{position:absolute;right:5px;top:5px;font-size:7px;min-width:13px;height:13px;background:#1c3128}.action-card{height:82px;width:100%;border-radius:6px;border:1px solid #9bab7833;background:#182e25;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;position:relative;overflow:hidden}.action-card>.icon{color:#b4c1a0;width:28px;height:28px}.action-card b{font-size:10px;font-weight:500;display:block;margin-bottom:9px;color:#e5e4cc}.action-card small{font-size:10px;color:#b3bb95;white-space:nowrap;display:flex;align-items:center;gap:5px}.action-card small .icon{width:12px;height:12px}.action-card>kbd{position:absolute;top:5px;right:5px;font-size:7px;height:13px;min-width:13px}.evolve-card{background:#a8b5800a;border-color:#b8c99347}.evolve-card>.icon{color:#c9d49b}.evolve-card small{font-size:9px}.evolve-card>i{position:absolute;bottom:0;left:0;height:3px;background:#c6d49366;transition:width .2s}.special-card{background:#a67c4212;border-color:#b58a4640}.special-card>.icon{color:#d4b677}.special-card small{color:#baab83;font-size:9px}.command-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:8px;color:#829577;height:16px}.command-footer>span:first-child{min-width:230px}.command-footer>span:nth-child(2){font-style:italic;opacity:.65}.command-footer button{background:none;color:#a6b294;font-size:9px;display:flex;align-items:center;gap:5px}.command-footer .icon{width:12px;height:12px}dialog{background:#20372d;color:#e5e5d4;border:1px solid #bccd983b;max-width:min(680px,92vw);width:680px;padding:27px 32px 32px;border-radius:12px;box-shadow:0 25px 100px #06180eb3;max-height:90dvh;overflow:auto}dialog::backdrop{background:#0e231b99;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head .eyebrow{color:#b9c59b;font-size:8px}.dialog-head .icon-button{width:30px;height:30px}dialog h2{font:32px/1.2 Georgia,serif;color:#eee6c9;margin:10px 0 15px;letter-spacing:-.6px}dialog p{font-size:12px;line-height:1.75;color:#b0c1a8;margin:0 0 23px}dialog h3{font-size:13px;font-weight:500;color:#e0e3cd}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:22px 0}.mission{padding:15px;background:#172e24;border:1px solid #aabc8633;border-radius:7px;display:flex;gap:12px;text-align:left;align-items:center;min-height:112px}.mission-number{font:22px Georgia,serif;color:#a6b68160;align-self:flex-start}.mission>span:nth-child(2){flex:1}.mission .icon{color:var(--gold);width:20px;height:20px;margin-bottom:6px}.mission b{display:block;font-size:12px;line-height:1.3;color:#dfdfc9}.mission small{display:block;font-size:9px;line-height:1.6;color:#9caf91;margin-top:6px}.mission>i{color:var(--gold);font-style:normal;font-size:20px}.muted{color:#7b957c}.small{font-size:10px!important}input,select{background:#132a20;border:1px solid #8eaa763e;border-radius:5px;color:#e0e7d4;padding:12px;width:100%;min-height:44px;font-size:12px}input::placeholder{color:#7c947b;font-size:10px}label{font-size:11px;color:#c1cdb2;display:block}label>input{margin-top:8px}.network-form>label{margin-bottom:16px}.network-form label>span{color:#789175;font-size:9px;margin-left:7px}.multiplayer-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0 18px}.multiplayer-columns>div+div{border-left:1px solid var(--border);padding-left:24px}.multiplayer-columns .primary,.multiplayer-columns .secondary{width:100%;margin-top:10px}.multiplayer-columns p{margin-bottom:31px}.connection-status{font-size:10px!important;color:#c1c99f!important;padding:11px 12px;background:#afbf8508;border-radius:4px}details{border-top:1px solid var(--border);padding-top:15px}summary{font-size:10px;color:#9bb08d;cursor:pointer}details p{margin-top:12px;margin-bottom:0}.room-code{display:flex;flex-direction:column;align-items:center;border:1px dashed #d8bd7d66;background:#a9b77c0d;padding:20px;border-radius:6px;gap:10px}.room-code small{font-size:8px;letter-spacing:3px;color:#a4b88f}.room-code b{font-size:34px;letter-spacing:9px;color:var(--gold)}.room-code .secondary{font-size:10px;min-height:34px;padding:8px 12px}.waiting{text-align:center;margin-top:18px!important}.waiting .tiny-dot{margin-right:10px}.settings-list{margin:25px 0}.settings-list label{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border)}.settings-list b{display:block;font-size:12px;font-weight:500}.settings-list small{display:block;font-size:10px;color:#8ca282;margin-top:7px}.settings-list input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:#ddbe7e}.settings-list select{width:160px}.pause-actions{display:flex;gap:12px}.guide{margin:23px 0}.guide>div{display:flex;gap:18px;margin:20px 0}.guide>div>.icon{color:var(--gold);width:27px;height:27px;margin-top:4px}.guide b{font-size:13px;font-weight:500;color:#e6e4cc}.guide p{font-size:11px;margin:6px 0 0;color:#99b08f}.keyboard-guide{font-size:9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.result-medal{color:var(--gold);width:68px;height:68px;border:1px solid #ddbe7e66;border-radius:50%;display:grid;place-items:center;margin-bottom:20px;background:#ddbe7e0b}.result-medal .icon{width:35px;height:35px}.result-medal.lost{color:#c8957d;border-color:#c8957d66}.result-stats{display:flex;gap:20px;margin:25px 0;background:#142d2366;padding:23px;border-radius:7px}.result-stats>div{flex:1;text-align:center}.result-stats b{display:block;font:26px Georgia,serif;color:#ddc98f}.result-stats small{display:block;font-size:7px;letter-spacing:1.2px;color:#93aa83;margin-top:8px}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,15px);max-width:90vw;padding:13px 23px;background:#10271fee;color:#efdcac;border:1px solid #b8bf8c66;box-shadow:0 7px 30px #00150e40;font-size:12px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1500px){.home-content{padding-top:75px}.command-grid{gap:24px}.unit-card,.action-card{height:92px}.portrait{width:68px;height:75px}.portrait img{width:80px;height:82px}.unit-info>b{font-size:12px}.unit-info>small{font-size:9px}}@media(max-width:1100px){.topbar{padding:0 3%;height:68px}.nav{margin-left:0;gap:22px}.home-content{padding-left:6%;padding-top:45px}.home-content h1{font-size:58px}.home-bottom{padding:21px 3%;gap:15px}.section-caption{display:none}.era-stop:not(:last-child):after{display:none}.commands{padding:15px 2.5% 8px}.command-grid{grid-template-columns:minmax(365px,1.9fr) minmax(110px,.55fr) minmax(120px,.65fr) minmax(110px,.55fr);gap:10px}.unit-card{padding:5px;height:78px}.unit-info>b{font-size:9px}.unit-info>small span{display:none}.portrait{width:41px}.portrait img{width:56px}.action-card{padding:9px;gap:8px;height:78px}.action-card>.icon{width:23px;height:23px}.action-card b{font-size:9px}.action-card small{font-size:8px}.command-label{font-size:6px;letter-spacing:1.2px}.command-label small{font-size:7px}.era-current{min-width:220px}.game-hud{inset:20px 3% auto}.base-status{width:29%}.base-label{font-size:8px;letter-spacing:.4px}.site-footer{height:35px}.home-mode .vignette{background:linear-gradient(90deg,#d4ddc9ec,#d7dfcaaa 36%,#d7dfca00 75%)}#arena.home-mode{height:calc(100dvh - 199px);min-height:560px}}@media(max-width:760px){.topbar{height:60px;padding:0 18px;gap:10px}.brand{font-size:24px;gap:8px}.brand-mark{width:29px;height:33px}.brand-mark .icon{width:20px}.brand small{font-size:6px;letter-spacing:1.3px}.nav{gap:13px;margin-left:auto}.nav button{font-size:10px}.nav button:nth-child(2){display:none}.nav button .icon{display:none}.utilities{gap:0}.icon-button{width:32px;height:38px}.hide-small{display:none!important}.home-content{padding-top:48px;width:95%}.home-content h1{font-size:58px}.landmark{top:auto;bottom:34px;right:6%;color:#dfd8b6;text-shadow:0 1px 3px #183822}.landmark span{font-size:8px}.landmark b{font-size:17px}.landmark small{display:none}.home-bottom{padding:17px 16px}.era-timeline{gap:8px}.era-stop{flex-direction:column;gap:7px;text-align:center}.era-stop span>small{font-size:6px;margin-bottom:4px}.era-stop span>b{font-size:8px}.era-icon{width:31px;height:32px}.era-icon .icon{width:18px}.home-bottom>.icon-button{display:none}.site-footer{font-size:6px;padding:0 17px;gap:10px;letter-spacing:1px}.site-footer #save-status{display:none}.site-footer .build-label{margin-left:auto;border:0}.nav.in-game{display:none}.utilities{margin-left:auto}#arena{height:calc(100dvh - 358px);min-height:260px;max-height:650px}.commands{padding:14px 15px 8px}.command-top{margin-bottom:16px;gap:12px}.era-current{min-width:0;gap:8px}.era-current>span{width:30px;height:34px}.era-current small{font-size:6px;letter-spacing:.9px}.era-current b{font-size:16px}.resources{gap:20px;justify-content:flex-end}.resource{grid-template-columns:20px auto;gap:2px 6px}.resource>.icon{width:18px;height:18px}.resource b{font-size:19px}.resource small{font-size:5px;letter-spacing:1px}.army-count{display:none}.command-grid{grid-template-columns:1fr 1fr 1fr;gap:12px 8px}.recruit-section{grid-column:1 / -1}.unit-card{height:64px;padding:3px 7px}.portrait{height:59px;width:42px}.portrait img{height:65px;width:57px}.unit-info>b{font-size:10px;margin-bottom:3px}.unit-info>small{font-size:8px;margin-bottom:5px}.unit-price{font-size:10px}.action-card{height:51px;padding:7px 9px;gap:9px}.action-card>.icon{width:22px;height:22px}.action-card b{font-size:9px;margin-bottom:5px}.action-card small{font-size:8px}.command-label{margin-bottom:6px;font-size:6px}.command-footer{font-size:7px;margin-top:10px}.command-footer>span:first-child{min-width:0}.command-footer>span:nth-child(2){display:none}.command-top .icon{width:20px}.game-hud{inset:16px 4% auto;gap:15px}.base-status{width:33%}.base-label>span{font-size:7px;letter-spacing:0}.base-label .icon{display:none}.base-label{flex-wrap:wrap;gap:5px}.base-label b{font-size:8px}.enemy .base-label{justify-content:flex-end}.base-era{font-size:8px}.health-track{height:6px;margin-top:6px}.battle-center>span{font-size:6px;letter-spacing:1px}.battle-center>b{font-size:21px;margin-top:9px}.battle-center>small{display:none}.battle-tip{top:94px;font-size:8px;white-space:normal;width:max-content;max-width:88%;padding:6px 10px}.era-notice{font-size:15px;width:80%;padding:14px}dialog{padding:20px 23px 25px;width:92vw}dialog h2{font-size:27px}.campaign-grid{gap:8px}.mission{gap:8px;padding:11px;min-height:105px}.mission-number{font-size:16px}.mission b{font-size:10px}.mission small{font-size:8px}.mission>i{display:none}}@media(max-width:430px){.nav button{font-size:9px}.nav button:first-child{display:none}.home-content{padding-top:38px}.home-content h1{font-size:52px}.home-content .eyebrow{font-size:7px;letter-spacing:1.8px}.intro{font-size:12px}.home-note{font-size:6px}.home-actions{gap:14px}.home-actions button{font-size:10px}#arena.home-mode{min-height:590px;height:calc(100dvh - 191px)}.landmark{bottom:20px}.era-stop span>b{font-size:7px}.era-stop span>small{font-size:5px}.era-timeline{gap:5px}.home-bottom{padding:15px 10px}.unit-card{padding:2px 4px}.portrait{width:32px}.portrait img{margin-left:-10px}.unit-info{padding-left:3px}.unit-info>b{font-size:8px}.unit-info>small{font-size:7px}.action-card{gap:5px;padding:5px 7px}.action-card>.icon{width:18px}.action-card b{font-size:8px}.action-card small{font-size:7px}.command-label small{font-size:6px}.resources{gap:13px}.resource b{font-size:18px}.era-current b{font-size:14px}.era-current small{font-size:5px}.multiplayer-columns{gap:14px}.multiplayer-columns>div+div{padding-left:14px}.multiplayer-columns h3{font-size:11px}.multiplayer-columns .primary,.multiplayer-columns .secondary{font-size:10px;padding:10px;gap:8px}.network-form label>span{font-size:8px}.settings-list select{width:130px}.settings-list small{font-size:9px}}@media(orientation:landscape)and (max-height:600px){.topbar{height:48px;padding:0 20px}.brand{font-size:21px}.brand small{font-size:6px}.brand-mark{width:28px;height:30px}.nav{gap:20px}.nav button{font-size:10px}.site-footer{display:none}#arena.home-mode{height:calc(100dvh - 48px);min-height:310px;max-height:none}.home-content{padding:24px 0 30px 6%;width:66%}.home-content h1{font-size:42px;line-height:1;letter-spacing:-1.5px;margin:15px 0}.eyebrow{font-size:7px}.intro{font-size:10px;line-height:1.5;margin-bottom:17px}.primary.large{min-height:39px;min-width:190px;padding:10px 15px;font-size:11px}.home-actions{margin-top:12px}.home-note,.home-bottom{display:none}.landmark{top:24px;bottom:auto}.home-content h1 br:nth-child(2){display:none}.home-content h1 em{display:block}.home-mode .vignette{background:linear-gradient(90deg,#d4ddc9ed,#d7dfcaa1 36%,#d7dfca00 72%)}#arena{height:calc(100dvh - 181px);min-height:175px;max-height:none}.commands{padding:8px 18px 5px}.command-top{margin-bottom:7px;gap:15px}.era-current{min-width:180px;gap:8px}.era-current>span{width:26px;height:28px}.era-current small{font-size:5px;letter-spacing:1px;margin-bottom:3px}.era-current b{font-size:13px}.resources{gap:30px;justify-content:center}.resource b{font-size:17px}.resource>.icon{width:18px;height:18px}.resource small{font-size:5px}.army-count{display:block;min-width:100px;font-size:8px}.command-grid{grid-template-columns:minmax(295px,1.95fr) minmax(90px,.58fr) minmax(106px,.65fr) minmax(98px,.62fr);gap:9px}.recruit-section{grid-column:auto}.command-label{font-size:5px;margin-bottom:5px;letter-spacing:1px}.command-label small{font-size:6px}.unit-card{height:51px;padding:3px 4px}.portrait{width:30px;height:47px}.portrait img{width:45px;height:51px;margin-left:-7px}.unit-info{padding-left:1px}.unit-info>b{font-size:8px;margin-bottom:3px}.unit-info>small{font-size:6px;margin-bottom:3px}.unit-price{font-size:8px;gap:3px}.unit-price .icon{width:10px;height:10px}.unit-card>kbd,.action-card>kbd{display:none}.action-card{height:51px;padding:6px;gap:7px}.action-card>.icon{width:19px;height:19px}.action-card b{font-size:8px;margin-bottom:4px}.action-card small{font-size:7px}.command-footer{margin-top:5px;height:12px;font-size:6px}.command-footer>span:nth-child(2){display:block}.command-footer button{font-size:7px}.game-hud{inset:12px 3% auto;gap:25px}.base-status{width:29%}.base-label{font-size:7px;flex-wrap:nowrap}.base-label b{font-size:8px}.base-label .icon{display:none}.health-track{margin-top:5px;height:5px}.base-era{font-size:7px;margin-top:4px}.battle-center>span{font-size:6px}.battle-center>b{font-size:19px;margin:3px}.battle-center>small{display:none}.battle-tip{top:70px;font-size:7px;padding:5px 10px}.landmark b{font-size:14px}.landmark small{display:block;font-size:8px}.era-notice{font-size:16px;padding:12px 22px}dialog{max-height:92dvh;padding:17px 25px}.dialog-head{margin-bottom:5px}dialog h2{font-size:25px;margin-top:5px}dialog p{font-size:11px;margin-bottom:15px}.campaign-grid{margin:15px 0}.mission{min-height:86px}.result-medal{display:none}.result-stats{padding:14px;margin:18px 0}.guide>div{margin:13px 0}.guide p{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}:root{--action:#dfc486;--boon:#aedcaf;--bane:#eeaa8f}.game-hud{color:#f0e6c6;top:17px;align-items:flex-start;gap:22px}.base-status,.battle-center{background:#17392edf;border:1px solid #e5d39b40;border-radius:6px;padding:10px 12px;box-shadow:0 3px 10px #0d251e13}.base-label{font-size:10px}.base-label b{font-size:11px;color:#f1e8cf}.base-era,.battle-center>small{color:#b8cda6}.health-track{background:#0c251f;margin-top:8px}.health-track i{background:#8aba86}.enemy .health-track i{background:#d68467}.battle-center>span{font-size:8px}.battle-center>b{font-size:25px;margin:5px 0}.battle-center>small{font-size:9px;max-width:230px;line-height:1.4}.battle-tip{top:132px;background:#ebdfbaeb;color:#314a32}.nav{margin-left:12px;gap:24px}.nav button{font-size:12px}.nav button:last-child .icon{width:16px;height:16px}.brand{flex-shrink:0}.home-bottom{min-height:98px}.command-label{font-size:9px;letter-spacing:1.2px}.command-label small{font-size:10px}.unit-info>b{font-size:12px;line-height:1.2}.unit-info>small{font-size:10px}.unit-price{font-size:13px}.action-card b{font-size:12px}.action-card small{font-size:11px;white-space:normal;flex-wrap:wrap}.action-card small>span{display:flex;align-items:center;gap:5px}.resource b{font-size:25px}.resource small{font-size:8px}.army-count{font-size:12px}.command-grid{grid-template-columns:minmax(410px,1.85fr) minmax(126px,.58fr) minmax(175px,.75fr) minmax(140px,.63fr);gap:14px}.unit-card:disabled{opacity:.58}.unit-card:focus-visible{outline-offset:1px}.command-footer{height:30px;margin-top:7px;font-size:10px}.command-footer>span:first-child{display:flex;align-items:center;gap:6px;min-width:240px}.command-footer>span:nth-child(2){font-size:10px}.command-footer button{font-size:11px}.queue-caption{font-size:8px;letter-spacing:1px;margin-right:4px}.queue-unit{position:relative;width:28px;height:31px;display:inline-flex;align-items:center;border:1px solid #b8c99b44;border-radius:3px;overflow:hidden;background:#14291f}.queue-unit img{width:27px;height:29px;object-fit:contain}.queue-unit i{height:3px;position:absolute;bottom:0;background:var(--gold)}.queue-unit b{position:absolute;bottom:4px;right:0;font-size:8px;color:#fff;text-shadow:0 1px 4px black}.power-bar{display:flex;align-items:center;gap:8px;margin-top:12px;min-height:30px;overflow-x:auto;scrollbar-width:thin}.power-caption{font-size:8px;letter-spacing:1.6px;color:#9bad8e;margin-right:5px}.power-empty{font-size:11px;color:#97ac91}.power-slot{min-height:42px;flex:none;display:flex;align-items:center;gap:9px;border:1px solid #d5bf8040;background:#102b2366;border-radius:5px;padding:8px 12px;text-align:left}.power-slot>.icon{color:var(--gold);width:22px;height:22px}.power-slot b{font-size:11px;font-weight:500}.power-slot small{font-size:8px;color:var(--gold);min-width:30px;text-align:right}.power-slot.selected{border-color:var(--gold);background:#d2b77720}.power-slot:disabled{opacity:.55}.active-doctrines{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:7px}.active-doctrines>span{font-size:7px;letter-spacing:1.2px;color:#7f9879}.active-doctrines button{background:#99b18112;color:#becba7;font-size:9px;border:1px solid #abc09325;border-radius:15px;padding:5px 9px}.camera-controls{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;padding:3px;border-radius:20px;background:#112b25c9;border:1px solid #dddfaf44;gap:3px}.camera-controls button{min-height:28px;background:transparent;border-radius:14px;font-size:10px;color:#d8debb;padding:5px 12px}.camera-controls button.active{background:#dfc486;color:#273c2c}.target-hint{position:absolute;left:50%;top:100px;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:12px;max-width:95%;padding:8px 11px 8px 17px;background:#132e27f0;border:1px solid #e1c889;border-radius:30px;color:#f0deac;font-size:12px;box-shadow:0 3px 20px #10271e30}.target-hint>span{white-space:nowrap}.target-hint button{border-radius:20px;background:#f1e0aa15;border:1px solid #f1e0aa44;font-size:11px;min-height:32px;padding:6px 12px}.connection-banner{position:absolute;top:110px;left:50%;transform:translate(-50%);z-index:15;border:1px solid #e2be79;background:#372e1cef;color:#efdbad;font-size:12px;padding:13px 20px;border-radius:6px;max-width:90%;text-align:center}.doctrine-panel{position:fixed;z-index:30;width:min(860px,94vw);left:50%;bottom:300px;transform:translate(-50%);padding:15px;border:1px solid #e0c78988;border-radius:10px;background:#173229f5;box-shadow:0 18px 65px #0b201d88}.doctrine-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-size:9px;letter-spacing:1.3px;color:#d9c793}.doctrine-heading>b{font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--gold)}.doctrine-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.doctrine-card{display:flex;flex-direction:column;gap:9px;text-align:left;background:#284537;border:1px solid #b0c29455;padding:15px;border-radius:6px}.doctrine-card>b{font:19px Georgia,serif;color:#f0e4ba}.doctrine-card>span{font-size:12px;line-height:1.4}.boon{color:var(--boon)}.bane{color:var(--bane)}.doctrine-card>small{display:flex;align-items:center;gap:8px;border-top:1px solid #b0c29433;margin-top:5px;padding-top:9px;font-size:9px;color:#c5d1ae}.doctrine-card>small .icon{height:13px;width:13px}.arsenal-list{display:flex;flex-direction:column;gap:10px;margin:22px 0}.power-shop{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #a8bb8a38;border-radius:7px;background:#162e23}.power-shop.locked{opacity:.48}.power-shop-icon{width:43px;height:45px;display:grid;place-items:center;flex:none;border-radius:9px;background:#e0c58410;color:var(--gold)}.power-shop-icon .icon{width:28px;height:28px}.power-shop>div{flex:1}.power-shop small{font-size:7px;letter-spacing:1px;color:#9baf8d}.power-shop b{display:block;font:18px Georgia,serif;color:#e7dec3;margin:6px 0}.power-shop p{font-size:10px;line-height:1.5;margin:0;color:#a5b998}.power-shop>button{min-width:110px;font-size:11px;padding:10px;flex:none;gap:6px}.power-shop>button .icon{width:15px;height:15px}.defense-choices{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.defense-choice{display:flex;flex-direction:column;align-items:center;gap:15px;padding:23px;background:#152e23;border:1px solid #adc19144;border-radius:8px}.defense-choice>.icon{width:46px;height:46px;color:#d5c391}.defense-choice>b{font:23px Georgia,serif}.defense-choice>span{font-size:11px;line-height:1.6;color:#a1b590}.defense-choice>strong{display:flex;align-items:center;gap:9px;font-size:17px;color:var(--gold)}.unit-detail{display:flex;gap:15px;align-items:center}.unit-detail>img{width:115px;height:120px;object-fit:contain}.unit-detail small{font-size:9px;letter-spacing:2px;color:#a6b890}.unit-detail p{margin-bottom:0}.settings-list input[type=range]{width:150px;padding:0;accent-color:var(--gold)}.mission-medals{display:block;color:#dcc27b;font-size:17px;letter-spacing:4px;margin-top:8px}.earned-medals{display:flex;flex-direction:column;font-size:34px;color:var(--gold);letter-spacing:10px;margin:20px 0}.earned-medals small{font-size:11px;letter-spacing:0;color:#aabd96;margin-top:10px}.network-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.connect-row{display:flex;align-items:center;gap:14px;margin:14px 0}.connect-row>span{font-size:10px;color:#a6b997;line-height:1.5}.connect-row>button{min-height:37px;font-size:10px;padding:7px 12px;white-space:nowrap}.online-profile{display:flex;align-items:center;gap:13px;padding:16px;background:#152e2380;border:1px solid #c0c7912b;border-radius:7px;margin:20px 0;font-size:11px;color:#adc299}.rank-emblem{width:45px;height:48px;display:grid;place-items:center;border:1px solid #cbae6455;border-radius:7px;color:var(--gold)}.rank-emblem .icon{width:28px;height:28px}.online-profile>div:nth-child(2){flex:1}.online-profile b{display:block;color:#e3dfc5;font-size:16px;font-weight:500;margin:4px 0}.online-profile small{font-size:9px;color:#8fa981}.online-profile span{font-size:11px}.online-profile strong{color:var(--gold)}.online-tabs{display:flex;gap:20px;border-bottom:1px solid #9eae802b;margin:19px 0}.online-tabs>button{padding:12px 2px;background:transparent;border-bottom:2px solid transparent;font-size:12px;color:#93ac88}.online-tabs>button.active{border-color:var(--gold);color:#e4dab5}.online-tabs .icon{width:17px;height:17px;margin-right:5px}.ranked-card{display:flex;gap:18px;align-items:center;border:1px solid #e2bb6655;background:linear-gradient(100deg,#65563835,#8ba97206);padding:20px;border-radius:8px}.ranked-card>div{flex:1}.ranked-card>div>.icon{color:var(--gold);width:23px;height:23px;margin-right:9px}.ranked-card b{font:21px Georgia,serif;color:#eee1b9}.ranked-card p{margin:10px 0 0;font-size:10px;line-height:1.6;color:#abbb97}.ranked-card>button{max-width:175px;min-height:48px;font-size:11px}.queue-panel{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:13px 0;font-size:12px;color:var(--gold)}.queue-panel button{padding:7px 12px;font-size:10px;min-height:34px}.room-copy{display:flex;gap:9px}.ready-players{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.ready-players>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border:1px solid #9bae7833;border-radius:6px;background:#193025}.ready-players .icon{color:var(--gold);width:25px;height:25px}.ready-players b{font-size:13px;font-weight:500}.ready-players span{font-size:10px;color:#b9cd9f}.ready-room{width:100%;margin-bottom:20px}.match-countdown{text-align:center;font:28px Georgia,serif;color:var(--gold);padding:20px;margin-bottom:20px}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#bdcea8;margin:20px 0}.leaderboard-heading button{min-height:32px;padding:7px 12px;font-size:10px}.leaderboard{border-collapse:collapse;width:100%;margin:12px 0 20px}.leaderboard th{font-size:9px;color:#90a780;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:10px;border-bottom:1px solid #a3b78440}.leaderboard th:nth-child(3),.leaderboard th:nth-child(4){text-align:right}.leaderboard td{padding:13px 10px;font-size:12px;border-bottom:1px solid #a3b78422}.leaderboard td:first-child{color:#9daf84}.leaderboard td:nth-child(3),.leaderboard td:nth-child(4){text-align:right}.leaderboard td strong{font-size:17px;color:var(--gold)}.leaderboard td b{font-size:12px;font-weight:500}.leaderboard td small{display:block;font-size:9px;color:#8ca67d;margin-top:4px}.leaderboard tr.you{background:#dfbd7420}.empty-ranking{text-align:center;border:1px dashed #b7c18c40;border-radius:7px;padding:30px 20px;margin:15px 0}.empty-ranking>.icon{width:33px;height:33px;color:#c6b278;display:block;margin:0 auto 14px}.empty-ranking b{display:block;font:20px Georgia,serif;color:#ddd7b7}.empty-ranking p{font-size:11px;margin:13px 0 0}.elo-result{text-align:center;border:1px solid #cebc7f44;border-radius:8px;padding:18px;background:#adbd8210}.elo-result>span,.elo-result>small{display:block;font-size:10px;color:#aec299}.elo-result>b{display:flex;align-items:center;justify-content:center;gap:15px;font:42px Georgia,serif;color:var(--gold);margin:9px 0}.elo-result em{font:18px Arial,sans-serif}.positive{color:var(--boon)}.negative{color:var(--bane)}[data-banner=bronze]{--gold:#e0ae79}[data-banner=imperial]{--gold:#d5b7ef}[data-banner=bronze] .brand-mark{background:#cf9d62}[data-banner=imperial] .brand-mark{background:#d4b6e8}.doctrine-panel{top:172px;bottom:auto}@media(max-width:1100px){.nav{gap:14px;margin-left:0}.nav button{font-size:10px}.command-grid{grid-template-columns:minmax(330px,1.8fr) 110px minmax(150px,.75fr) 120px;gap:9px}.unit-info>b{font-size:10px}.unit-info>small{font-size:9px}.unit-price{font-size:12px}.action-card b{font-size:10px}.action-card small{font-size:9px}.command-label{font-size:7px}.command-label small{font-size:8px}.power-slot{min-height:39px;padding:7px 10px;gap:6px}.power-slot b{font-size:10px}.doctrine-panel{bottom:310px}}@media(max-width:760px){.nav{gap:10px}.nav button{font-size:9px}.nav button:last-child .icon{display:none}.topbar{padding:0 12px}.utilities .icon-button{width:29px}.nav button:nth-child(3){display:none}#arena{height:calc(100dvh - 400px);min-height:280px}.command-top{margin-bottom:12px}.commands{padding:12px 13px 8px}.resource b{font-size:22px}.resource small{font-size:6px}.command-grid{grid-template-columns:1fr 1.2fr 1fr;gap:11px 8px}.unit-card{height:69px}.unit-info>b{font-size:10px}.unit-info>small{font-size:8px}.unit-price{font-size:12px}.action-card{height:60px}.action-card b{font-size:10px}.action-card small{font-size:8px}.command-label,.command-label small{font-size:7px}.power-bar{gap:6px;margin-top:9px}.power-caption{display:none}.power-slot{min-height:39px;padding:6px 9px;gap:5px}.power-slot>.icon{width:18px;height:18px}.power-slot b{font-size:9px}.power-slot small{font-size:7px;min-width:25px}.power-empty{font-size:10px}.active-doctrines{flex-wrap:nowrap;overflow-x:auto}.active-doctrines button{font-size:8px;padding:4px 7px;white-space:nowrap}.active-doctrines>span{display:none}.command-footer{height:29px;font-size:9px}.command-footer>span:first-child{min-width:0}.command-footer button{font-size:9px}.command-footer>span:nth-child(2){display:none}.queue-caption{font-size:6px}.queue-unit{width:25px;height:27px}.queue-unit img{width:24px;height:26px}.camera-controls{bottom:7px}.camera-controls button{font-size:10px;padding:5px 13px;min-height:30px}.target-hint{top:80px;font-size:10px;gap:5px;padding:7px 8px 7px 12px;width:max-content;max-width:94%}.target-hint>span{white-space:normal}.target-hint button{font-size:9px;padding:5px 10px;min-height:30px}.doctrine-panel{bottom:310px;width:93vw;padding:11px}.doctrine-heading{font-size:7px;letter-spacing:.5px;gap:12px}.doctrine-heading>b{font-size:14px}.doctrine-options{grid-template-columns:1fr;gap:7px}.doctrine-card{display:grid;grid-template-columns:1fr 1.25fr;gap:5px 12px;padding:10px 12px}.doctrine-card>b{font-size:16px;grid-row:span 2;align-self:center}.doctrine-card>span{font-size:10px}.doctrine-card>small{display:none}.power-shop{gap:10px;padding:12px}.power-shop-icon{width:30px;height:38px}.power-shop-icon .icon{width:25px;height:25px}.power-shop b{font-size:17px}.power-shop>button{min-width:82px;font-size:10px;padding:8px}.power-shop small{font-size:6px}.power-shop p{font-size:9px}.defense-choice{padding:20px 14px}.defense-choice>b{font-size:19px}.network-fields{grid-template-columns:1fr}.ranked-card{padding:16px;gap:12px}.ranked-card b{font-size:19px}.ranked-card>button{font-size:10px;padding:10px;max-width:135px}.online-profile{padding:13px;gap:10px}.online-profile b{font-size:14px}.online-profile>small{display:none}.rank-emblem{width:36px;height:42px}.online-profile span{font-size:10px}.online-tabs>button{font-size:11px}.room-copy .secondary{font-size:9px}.dialog-actions{flex-wrap:wrap}.dialog-actions>button{flex:1;white-space:nowrap}.connection-banner{top:80px;font-size:10px;padding:10px 14px}}@media(max-width:430px){.nav button:last-child{font-size:8px}.nav{margin-left:auto}.brand{font-size:22px}.brand small{font-size:5px}.utilities{margin-left:0}.unit-info>b{font-size:9px}.unit-info>small{font-size:7px}.unit-price{font-size:11px}.action-card{padding:6px;gap:5px}.action-card b{font-size:9px}.action-card small{font-size:8px}.power-shop{padding:10px;gap:8px}.power-shop b{font-size:15px}.power-shop p{font-size:9px}.power-shop-icon{display:none}.leaderboard td{padding:12px 7px}.doctrine-card>b{font-size:15px}.doctrine-card>span{font-size:9px}.connection-banner{max-width:94%;width:max-content}}@media(orientation:landscape)and (max-height:600px){.nav{gap:15px}.nav button{font-size:10px}.nav button:nth-child(3){display:flex}.topbar{height:46px}.commands{padding:7px 17px 4px}.command-grid{grid-template-columns:minmax(285px,1.8fr) minmax(95px,.6fr) minmax(130px,.75fr) minmax(100px,.62fr);gap:8px}.command-top{margin-bottom:7px}.resource b{font-size:18px}.resource small{font-size:5px}.unit-card{height:53px}.unit-info>b{font-size:9px}.unit-info>small{font-size:7px}.unit-price{font-size:9px}.action-card{height:53px;padding:6px;gap:6px}.action-card b{font-size:9px}.action-card small{font-size:8px}.command-label,.command-label small{font-size:6px}.power-bar{margin-top:6px;min-height:24px;gap:6px}.power-caption{display:block;font-size:6px}.power-empty{font-size:8px}.power-slot{min-height:28px;padding:4px 8px;gap:5px}.power-slot>.icon{width:16px;height:16px}.power-slot b{font-size:8px}.power-slot small{font-size:6px;min-width:24px}.active-doctrines{margin-top:4px;gap:4px}.active-doctrines button{font-size:7px;padding:3px 6px}.command-footer{height:21px;margin-top:3px;font-size:7px}.command-footer>span:nth-child(2){display:block;font-size:7px}.queue-caption{font-size:5px}.queue-unit,.queue-unit img{width:19px;height:20px}.queue-unit b{font-size:6px}.command-footer button{font-size:8px}#arena{height:calc(100dvh - 241px);min-height:140px}.camera-controls{left:auto;right:12px;bottom:5px;transform:none;padding:2px}.camera-controls button{min-height:23px;font-size:8px;padding:3px 9px}.target-hint{top:58px;font-size:9px;padding:5px 7px 5px 12px}.target-hint button{min-height:23px;font-size:8px;padding:4px 9px}.doctrine-panel{bottom:204px;padding:9px;width:min(810px,96vw)}.doctrine-options{grid-template-columns:repeat(3,1fr);gap:7px}.doctrine-heading{font-size:7px;margin-bottom:6px}.doctrine-card{display:flex;gap:5px;padding:10px}.doctrine-card>b{font-size:15px;align-self:auto}.doctrine-card>span{font-size:9px}.doctrine-card>small{display:none}.connection-banner{top:55px;font-size:9px;padding:8px 12px}.network-fields{grid-template-columns:1fr 1.4fr}.power-shop b{font-size:16px}.power-shop p{font-size:9px}.power-shop{padding:10px}.power-shop-icon{display:grid}.dialog-actions{margin-top:18px}}@media(max-width:760px){.doctrine-panel{top:154px;bottom:auto;max-height:38dvh;overflow:auto}}@media(orientation:landscape)and (max-height:600px){.doctrine-panel{top:auto;bottom:7px;max-height:165px;overflow:auto}}.boot-status{position:absolute;z-index:20;bottom:20px;left:50%;transform:translate(-50%);border:1px solid #dfc48666;border-radius:30px;padding:10px 18px;background:#18382ded;color:#ead7a6;font-size:11px;white-space:nowrap;pointer-events:none}:root{--ysko-accent: #d5ff68}.ysko-portrait{display:block;object-fit:contain;pointer-events:none;user-select:none;flex:none}.ysko-home{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-top:19px;padding:4px 14px 4px 0;text-align:left;background:transparent;border-radius:8px;color:#2a4432;-webkit-tap-highlight-color:transparent}.ysko-home:hover:not(:disabled){background:#f2eedc45;filter:none}.ysko-home-portrait{width:64px;height:70px}.ysko-home>span{display:block;min-width:0}.ysko-home small{display:block;margin-bottom:6px;font-size:7px;font-weight:700;letter-spacing:1.5px;color:#536647}.ysko-home strong{display:block;font:15px/1.3 Georgia,serif;font-weight:400}.ysko-guide-link{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:10px}.ysko-guide-link .icon{width:13px;height:13px}.ysko-guide-intro{display:flex;align-items:center;gap:20px;margin:4px 0 20px}.ysko-guide-portrait{width:100px;height:118px}.ysko-guide-intro>div{min-width:0}dialog .ysko-signature{margin:0 0 8px;color:#bdc8a9;font-size:8px;line-height:1.6;letter-spacing:1.15px}dialog .ysko-guide-intro h2{margin:0 0 9px}dialog .ysko-tip{margin:0;color:var(--cream);font-size:12px}@media(max-width:760px){.ysko-home{margin-top:17px;gap:10px}.ysko-home-portrait{width:58px;height:65px}.ysko-home strong{font-size:14px}.ysko-guide-intro{gap:13px;margin-bottom:16px}.ysko-guide-portrait{width:72px;height:91px}dialog .ysko-signature{font-size:7px;letter-spacing:.6px}dialog .ysko-guide-intro h2{font-size:25px}dialog .ysko-tip{font-size:10px}}@media(orientation:landscape)and (max-height:600px){.home-content{padding-bottom:20px}.ysko-home{position:absolute;left:calc(100% + 2px);bottom:30px;margin:0;width:min(232px,28vw);padding:8px;gap:8px;background:#e0e5cfeb;border:1px solid #53664726}.ysko-home:hover:not(:disabled){background:#e8ecd9}.ysko-home-portrait{width:47px;height:58px}.ysko-home small{font-size:6px;letter-spacing:.6px;margin-bottom:4px}.ysko-home strong{font-size:12px}.ysko-guide-link{font-size:9px;margin-top:5px;gap:4px}.ysko-guide-intro{gap:14px;margin:0 0 12px}.ysko-guide-portrait{width:63px;height:77px}dialog .ysko-guide-intro h2{font-size:25px}dialog .ysko-guide-intro h2 br{display:none}}@media(min-width:1101px)and (min-height:601px)and (max-height:950px){#arena.home-mode{min-height:0;height:calc(100dvh - 221px);flex:0 0 auto}.home-content{padding-top:30px;padding-bottom:9px}.home-content h1{margin-top:20px;margin-bottom:16px}.ysko-home{margin-top:12px}}.turret-slots{position:absolute;inset:0;z-index:24;pointer-events:none}.turret-slot{position:absolute;width:48px;height:48px;padding:0;transform:translate(-50%,-50%);border:2px dashed #f0d795;border-radius:50%;background:#20372de8;color:#fff2ca;pointer-events:auto;font-size:19px;font-weight:700;box-shadow:0 3px 12px #10251b60;touch-action:manipulation}.turret-slot:active:not(:disabled){transform:translate(-50%,-50%)}.turret-slot.selected{background:#ddbe7e;color:#243b2b;border-style:solid;box-shadow:0 0 0 4px #f0d79540}.turret-slot:disabled{opacity:.7;border-style:solid;border-color:#829681;background:#24362e;color:#bbcab0}.placement-panel{position:absolute;z-index:25;left:50%;top:97px;transform:translate(-50%);display:flex;gap:10px;align-items:center;max-width:94%;width:max-content;background:#19352df5;border:1px solid #ddbe7e77;border-radius:8px;padding:10px 12px;color:#efe6c7;box-shadow:0 4px 18px #0e251945}.placement-panel b{display:block;font-size:12px}.placement-panel small{display:block;font-size:10px;color:#b7c5a6;margin-top:4px}.placement-panel button{min-height:40px;padding:9px 14px;border-radius:5px;background:#ddbe7e;color:#253b2d;font-size:11px;font-weight:700}.placement-panel #placement-cancel{background:#ffffff0a;border:1px solid #c6d0ad33;color:#dfdfc7}#arena.placing-turret .battle-tip,#arena.placing-turret .camera-controls{visibility:hidden}@media(max-width:760px){.placement-panel{top:88px;gap:6px;padding:8px;width:94%}.placement-panel>div{flex:1;min-width:0}.placement-panel b{font-size:11px}.placement-panel small{font-size:9px}.placement-panel button{padding:8px;min-height:40px;font-size:10px}.turret-slot{width:44px;height:44px;font-size:17px}}@media(orientation:landscape)and (max-height:600px){.placement-panel{top:5px;gap:7px;padding:7px 9px;width:max-content;max-width:94%}.placement-panel b{font-size:10px}.placement-panel small{font-size:8px}.placement-panel button{min-height:32px;padding:6px 10px;font-size:10px}.turret-slot{width:44px;height:44px}#arena.placing-turret .game-hud{visibility:hidden}}@media(orientation:landscape)and (max-height:600px){.game-hud{inset:6px clamp(120px,17vw,170px) auto;gap:9px}.base-status{width:35%}}:root{--bg:#13252a;--panel:#1b3338;--border:#bad2c32b;--gold:#e4b56a;--muted:#a7beb4;--cream:#fff1d3;--green:#71c3a0;--danger:#ef8776;color:#ecf2e8;background:#102126}#app{height:100dvh;min-height:640px;max-width:1920px}.topbar{height:62px;min-height:62px;flex:none;padding:0 30px;background:linear-gradient(#21383d,#152a30);border-bottom:2px solid #bea06b73;box-shadow:0 4px 18px #07161b40;gap:20px}.brand{font-size:29px;letter-spacing:2px;color:#fff0c9;gap:10px}.brand small{color:#b5c9bb;font-size:7px;letter-spacing:2px}.brand-mark{width:34px;height:38px;background:linear-gradient(130deg,#ffe4a3,#c38b40);filter:drop-shadow(0 2px 2px #030c0e55)}.brand-mark .icon{width:23px}.nav{margin-left:auto;gap:24px}.nav button{font-size:12px;color:#c3d1c2}.nav button.selected{color:#ffe4a9}.nav.in-game{display:none}.utilities{margin-left:auto;gap:6px}.utilities .icon-button{width:40px;height:40px;color:#d6dfcb;border:1px solid #bfcfa321;background:#081d2130}#arena,#arena.home-mode{height:auto;min-height:260px;max-height:none;flex:1 1 0}.vignette{background:linear-gradient(0deg,#152b352b,transparent 24%);pointer-events:none}.game-hud{inset:14px clamp(120px,15vw,200px) auto;gap:15px;align-items:start;color:#f3edcf}.base-status{width:36%;max-width:330px;padding:12px 15px 10px;background:linear-gradient(135deg,#132d33ed,#234544e8);border:1px solid #bdc39777;border-radius:9px;box-shadow:0 5px 16px #071b294d}.base-status.enemy{background:linear-gradient(135deg,#412d34ed,#352c35e8);border-color:#ce9b8277}.base-label{font-size:10px;letter-spacing:.55px;gap:9px}.base-label b{font-size:13px;color:#fff4d5;white-space:nowrap}.base-label .icon{width:15px;height:15px;color:#e5c27d}.health-track{height:11px;padding:2px;margin-top:8px;border:1px solid #071e26;background:#071e26a6;border-radius:6px}.health-track i{background:linear-gradient(#a7e4bd,#43967d);border-radius:4px;box-shadow:inset 0 1px #eaffdc88}.enemy .health-track i{background:linear-gradient(#ffc1a0,#c85d5d);box-shadow:inset 0 1px #fff1d588}.base-era{font-size:10px;margin-top:6px;color:#b6ccc0}.enemy .base-era{color:#d4b9ae}.battle-center{padding:10px 15px 8px;min-width:134px;background:#173036e8;border:1px solid #bca57473;border-radius:0 0 12px 12px;box-shadow:0 4px 13px #071b2940}.battle-center>span{font-size:8px;letter-spacing:1.4px;color:#e4c994}.battle-center>b{font:600 30px Georgia,serif;margin:5px 0;color:#fff2d5}.battle-center>small{font-size:9px;color:#bccdc0;line-height:1.3}.battle-tip{top:116px;background:#152e38df;border:1px solid #dfc78966;color:#f0e5c4;font-size:11px;padding:8px 15px;box-shadow:0 3px 12px #11253635}.camera-controls{background:#152d32df;border:1px solid #d8c08466;border-radius:8px;padding:3px}.camera-controls button{font-size:10px;min-height:30px;padding:6px 14px;color:#d6e5d0;border-radius:5px}.camera-controls button.active{background:#e4b56a;color:#1f3838}.commands{flex:none;padding:14px 30px 10px;background:linear-gradient(#254047,#192e34);border-top:3px solid #b69c6f;box-shadow:0 -6px 25px #071b2955;position:relative}.command-top{min-height:38px;margin-bottom:12px;gap:24px}.era-current{min-width:250px;gap:11px}.era-current>span{width:40px;height:40px;border-color:#dfbd7799;background:#12292f;border-radius:8px;color:#f0ce87}.era-current small{font-size:7px;letter-spacing:1.5px;color:#b4c9bd}.era-current b{font:20px Georgia,serif;color:#ffedc8}.resources{gap:35px}.resource{grid-template-columns:28px auto;gap:2px 9px}.resource b{font-size:29px;font-weight:700;color:#f9cf78}.resource>.icon{width:25px;height:25px}.resource small{font-size:7px;color:#c0cec1;letter-spacing:1px}.experience b{color:#c1e5dc}.army-count{color:#d0d8c5;font-size:12px;min-width:110px}.command-grid{grid-template-columns:minmax(570px,2.3fr) minmax(120px,.5fr) minmax(158px,.62fr) minmax(125px,.52fr);gap:12px}.command-label{font-size:9px;color:#ecdbb4;margin-bottom:7px;letter-spacing:1.3px;font-weight:700}.command-label small{font-size:9px;color:#acbfb0;font-weight:400;letter-spacing:0}.unit-cards{gap:10px}.unit-entry{position:relative;min-width:0;--role-color:#aa6c31}.unit-entry.role-1{--role-color:#417d84}.unit-entry.role-2{--role-color:#81516b}.unit-card{width:100%;height:161px;padding:10px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:18px 79px 29px;gap:5px 7px;overflow:hidden;position:relative;border:2px solid #c9ae75;border-radius:10px;background:linear-gradient(145deg,#ffefd0,#dac7a0);box-shadow:inset 0 0 0 2px #fff4d155,0 4px #081b2580;text-align:left;color:#25383b}.unit-card:disabled{opacity:1;filter:saturate(.22);border-color:#82958b;background:linear-gradient(145deg,#e3dfcf,#b9bfae)}.unit-card:hover:not(:disabled){filter:none;background:linear-gradient(145deg,#fff8e3,#efdcaf);border-color:#ffe3a1;box-shadow:inset 0 0 0 2px #fff4,0 4px #071b22,0 0 15px #e8bb5b25}.unit-card:focus-visible{outline:3px solid #fff3bb;outline-offset:3px}.unit-rank{grid-column:1/-1;padding-left:23px;color:var(--role-color);font-size:8px;letter-spacing:1px;font-weight:800;line-height:18px}.unit-card>.portrait{grid-column:1;grid-row:2;align-self:center;justify-self:center;width:80px;height:90px;position:relative;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#a8bfa267,#f9e9c229 65%)}.unit-card>.portrait:before{display:none}.unit-card>.portrait img{position:absolute;left:50%;top:0;transform:translate(-50%);width:108px;height:96px;margin:0;object-fit:contain}.unit-info{grid-column:2;grid-row:2;padding:3px 0 0;align-self:start;min-width:0}.unit-info>b{color:#22343a;font-size:14px;font-weight:800;line-height:1.15;margin:0 0 5px;padding-right:9px}.unit-info>small{font-size:9px;color:#64705f;line-height:1.3;margin:0 0 7px}.unit-price{font-size:20px;gap:4px;color:#6a451c;font-weight:800;line-height:1.1}.unit-price strong{font:inherit}.unit-price .icon{width:16px;height:16px;fill:#e6b35050;stroke:#966023}.unit-card>kbd{left:9px;top:9px;right:auto;min-width:17px;height:17px;font-size:10px;color:#72542c;border-color:#8c713b66;background:#fcf0d4}.unit-metrics{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border-top:1px solid #a7977080;padding-top:6px;align-self:stretch}.unit-metrics>span{display:grid;grid-template-columns:13px auto;grid-template-rows:13px 9px;gap:1px 3px;align-items:center;justify-content:center}.unit-metrics .icon{width:12px;height:12px;grid-row:1;color:#68796b}.unit-metrics b{font-size:10px;line-height:1;white-space:nowrap;color:#24393a}.unit-metrics small{grid-column:1/-1;font-size:5.5px;letter-spacing:.55px;line-height:1;text-align:center;color:#7b775e}.unit-inspect{position:absolute;right:0;top:0;width:40px;height:35px;padding:0;border:0;background:transparent;display:grid;place-items:center;color:#536b68;z-index:2;font:italic 700 12px Georgia,serif}.unit-inspect>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #8e9a80;border-radius:50%;background:#fff5da}.unit-inspect:hover{filter:none;color:#102c32}.unit-inspect:hover>span{background:#fffdf0}.action-card{height:161px;border:1px solid #b7bea565;border-radius:10px;background:linear-gradient(145deg,#324e50,#1b3339);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;text-align:center;padding:15px 9px;box-shadow:inset 0 1px #e8f4d323,0 4px #0b202866}.action-card:disabled{opacity:.7}.action-card>.icon{width:36px;height:36px;color:#bcd6bb;filter:drop-shadow(0 2px 1px #071c2388)}.action-card b{font-size:15px;color:#f6e8c7;font-weight:700;line-height:1.2;margin:0 0 8px}.action-card small{font-size:11px;line-height:1.4;color:#bfd0b5;justify-content:center;white-space:normal;flex-wrap:wrap}.action-card>kbd{color:#b2c7b5;border-color:#b4cca13a}.evolve-card{background:linear-gradient(150deg,#455b41,#273b35);border-color:#c7d49b80}.evolve-card>.icon{color:#d5e3a8}.evolve-card>i{height:4px;background:linear-gradient(90deg,#7eaa7f,#e3d294)}.special-card{background:linear-gradient(150deg,#725334,#3e3835);border-color:#d2aa6388}.special-card>.icon{color:#ffd084}.special-card small{color:#e5c697}.power-bar{margin-top:12px;gap:8px;min-height:32px}.power-bar:has(.power-empty){display:none}.power-slot{min-height:34px;border:1px solid #e0b87a69;background:#102b31;border-radius:7px;padding:7px 12px;gap:8px}.power-slot b{font-size:11px;color:#f5e1b8}.power-slot small{font-size:9px;color:#b3c8b8}.power-slot>.icon{width:20px;height:20px;color:#edc378}.power-caption{font-size:8px;color:#bfccb6}.active-doctrines:empty{display:none}.active-doctrines button{font-size:9px;color:#decca7;border-color:#c5b18055;background:#162c30}.command-footer{margin-top:9px;height:22px;color:#a8c0b3;font-size:10px}.command-footer>span:nth-child(2){display:none}.command-footer button{font-size:10px;color:#d5dbc4;min-height:24px}.queue-caption{font-size:8px}.queue-unit{background:#11292f;border-color:#d0b47478;width:27px;height:27px}.site-footer{height:24px;min-height:24px;padding:0 30px;background:#10252b;border-top:1px solid #bdcb9b1a;color:#8fa89d;font-size:6px;letter-spacing:1px}.build-label{font-size:6px}.home-mode .vignette{background:linear-gradient(90deg,#0f2a30ef 0%,#163632d4 27%,#173b3255 54%,transparent 79%),linear-gradient(0deg,#122a3340,transparent 30%)}.home-content{width:650px;padding:40px 0 18px 6%;pointer-events:none}.home-content .eyebrow{color:#e7c282;font-size:9px;letter-spacing:2.4px}.home-content .eyebrow>span{background:#f1c981;width:30px}.home-content h1{font:600 clamp(48px,4.8vw,77px)/1.02 Georgia,serif;color:#fff2d6;text-shadow:0 3px 18px #061c2266;letter-spacing:-2px;margin:24px 0}.home-content h1 em{color:#e8bd74;font-weight:400}.home-content .intro{font-size:14px;line-height:1.65;color:#dae5cf;margin:0 0 24px}.primary{background:linear-gradient(#f3d18d,#d6a458);border-color:#ffe5ae;color:#21383a;border-radius:7px;box-shadow:0 4px #0b20274d;font-size:13px;min-height:46px}.secondary{border-color:#b7c4a956;background:#243f43;border-radius:7px;color:#e8eedb;min-height:46px}.primary.large{background:linear-gradient(135deg,#f4d495,#d7a158);border:1px solid #ffe5ad;color:#21393b;min-width:256px;min-height:55px;font-size:14px;box-shadow:0 4px #061d2566}.home-actions{gap:23px;margin-top:19px}.home-actions button{color:#e1e9d0;font-size:12px;min-height:26px}.home-actions>span{background:#c8d2ad50}.ysko-home{margin-top:18px;color:#faeccd;border:1px solid #d6c79533;background:#18383c85;padding:6px 15px 6px 3px;border-radius:10px}.ysko-home:hover:not(:disabled){background:#244a4c}.ysko-home small{color:#d4c394;font-size:8px}.ysko-home strong{font-size:15px}.ysko-guide-link{color:#c6dec6;font-size:10px}.ysko-home-portrait{height:62px;width:59px}.landmark{right:4%;top:32px;color:#fff2d3;text-shadow:0 2px 9px #23382b99;gap:7px}.landmark>span{font-size:10px;letter-spacing:4px;color:#ffe4a5}.landmark>b{font:21px Georgia,serif}.landmark>small{font-size:11px;color:#f3eacd}.home-bottom{min-height:84px;flex:none;padding:17px 30px;background:linear-gradient(#254047,#1b343a);border-top:2px solid #c6aa7169;gap:23px}.section-caption>span{font-size:8px;color:#e2ce9f}.section-caption small{font-size:13px;color:#e8e4c6}.era-stop span>small{color:#a8bfae;font-size:7px}.era-stop span>b{font-size:10px;color:#bdcdb5}.era-stop.active span>b{color:#ffe3a3}.era-icon{border-color:#adcdb941;background:#102d343b}.era-stop.active .era-icon{background:#d8ac5928;border-color:#e5c47b99}dialog{background:linear-gradient(145deg,#27464c,#142e35);border:1px solid #cab57b91;border-radius:14px;color:#f1edd6;padding:26px 30px 30px;max-width:min(760px,94vw);width:760px;box-shadow:0 20px 90px #051a22bf,inset 0 1px #f7e4b221}dialog::backdrop{background:#071b239c;backdrop-filter:blur(5px)}.dialog-head .eyebrow{font-size:9px;color:#e7c78d}.dialog-head{margin-bottom:16px}dialog h2{font:32px/1.15 Georgia,serif;color:#fff0cd;margin-bottom:16px}dialog p{font-size:13px;line-height:1.65;color:#c0d0c1}.guide b{font-size:15px;color:#ffefd0}.guide p{font-size:12px;line-height:1.65;color:#bcd0c3}.guide>div{gap:18px;margin:22px 0}.guide>div>.icon{color:#e5be75;width:28px;height:28px}.keyboard-guide{font-size:10px;color:#bacdbb}.keyboard-guide kbd{color:#dfd6b5;border-color:#bdcbad44;background:#163139}.ysko-guide-intro{margin-bottom:22px}.ysko-guide-portrait{width:104px;height:124px}dialog .ysko-signature{font-size:9px;color:#dfc88c}dialog .ysko-tip{font-size:13px;color:#d1ddc4}.unit-detail{gap:20px;align-items:center}.unit-detail>img{width:160px;height:155px;object-fit:contain;background:radial-gradient(ellipse,#afc59c35,transparent 69%)}.unit-detail small{font-size:10px;color:#e5c083}.unit-detail h2{font-size:32px;margin:10px 0}.unit-detail p{font-size:13px}.result-stats{background:#10283199;border:1px solid #c2c89c27;border-radius:8px;padding:17px}.result-stats b{font-size:31px;color:#f6d695}.result-stats small{font-size:8px;color:#bcccb5;letter-spacing:1px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.detail-metrics>span{display:flex;align-items:center;flex-direction:column;gap:6px;padding:12px 7px;background:#28474a;border:1px solid #c7c69435;border-radius:7px;color:#b7cabb;font-size:10px;text-align:center}.detail-metrics .icon{width:21px;color:#e2c382}.detail-metrics b{font-size:17px;color:#f4e9c4}.power-shop,.mission,.defense-choice{background:linear-gradient(145deg,#2c494b,#19373d);border-color:#c6bf8b53;border-radius:9px}.power-shop b{font-size:20px;color:#ffedc9}.power-shop p{font-size:12px;color:#bbcebe}.power-shop small{font-size:8px;color:#c5cba6}.defense-choice>b{font-size:25px;color:#fff0ca}.defense-choice>span{font-size:13px;color:#c5d3bd}.defense-choice>strong{font-size:19px;color:#f0c779}.mission b{font-size:14px;color:#f6e8c7}.mission small{font-size:11px;color:#bed0be}.mission-number{color:#e0c79780}.mission-medals{color:#f1c877}.doctrine-panel{background:linear-gradient(#213e44,#173039);border-color:#d5ba74;border-radius:12px;box-shadow:0 10px 40px #071a23aa}.doctrine-card{background:linear-gradient(#f3e6c7,#d8c29a);border-color:#e8cb84;color:#293f3b}.doctrine-card>b{color:#223b3d}.doctrine-card .boon{color:#397551}.doctrine-card .bane{color:#9a5348}.doctrine-card>small{color:#6e694c}.target-hint,.placement-panel,.connection-banner,.era-notice{background:#122f38f5;border-color:#e2bf7899;color:#f9eac7;box-shadow:0 5px 20px #0a20284d}.placement-panel small{color:#c6d4bb}.placement-panel button{background:#e5bb74}.turret-slot{background:#153942ed;border-color:#ffe0a0}.turret-slot.selected{background:#e9c17d;color:#233b3c}.toast{background:#102d35f5;border-color:#d0b079aa;color:#f8e6be;font-size:13px}@media(max-width:1250px)and (min-width:761px){.topbar{padding:0 22px}.commands{padding:12px 20px 9px}.command-grid{grid-template-columns:minmax(490px,2.1fr) 110px minmax(142px,.62fr) 114px;gap:9px}.unit-card{grid-template-columns:61px minmax(0,1fr);gap:5px;height:156px}.unit-card>.portrait{width:65px}.unit-card>.portrait img{width:92px}.unit-info>b{font-size:12px}.unit-info>small{font-size:8px}.unit-price{font-size:19px}.action-card{height:156px}.action-card b{font-size:13px}.action-card small{font-size:10px}.home-content{width:600px;padding-top:30px}.home-content h1{font-size:60px}.home-bottom{padding:17px 22px}}@media(max-width:760px){#app{min-height:600px}.topbar{height:56px;min-height:56px;padding:0 13px;gap:8px}.brand{font-size:25px;gap:8px}.brand-mark{width:29px;height:33px}.brand small{font-size:5px;letter-spacing:1.4px}.utilities{gap:3px}.utilities .icon-button{width:33px;height:38px}.nav{gap:12px;margin-left:auto}.nav button{font-size:10px}.nav button:nth-child(3),.nav button:nth-child(2){display:none}.nav.in-game{display:none}.nav button:last-child{font-size:9px}#arena,#arena.home-mode{min-height:280px;height:auto;max-height:none;flex:1 1 0}.game-hud{inset:12px 12px auto;gap:8px}.base-status{width:35%;padding:9px 8px;max-width:none;border-radius:7px}.base-label{font-size:7px;letter-spacing:0;display:block}.base-label>span{display:block;font-size:7px}.base-label b{display:block;font-size:11px;margin-top:4px}.health-track{height:9px;margin-top:6px}.base-era{font-size:8px;margin-top:5px}.battle-center{min-width:82px;padding:8px 6px}.battle-center>span{font-size:6px;letter-spacing:.6px}.battle-center>b{font-size:24px;margin:6px 0}.battle-center>small{display:none}.battle-tip{top:108px;font-size:9px;max-width:92%;white-space:normal;text-align:center;padding:6px 10px}.commands{padding:11px 12px 8px;border-top-width:2px}.command-top{margin-bottom:10px;min-height:34px;gap:10px}.era-current{min-width:0;gap:7px}.era-current>span{width:29px;height:32px}.era-current small{font-size:5px;letter-spacing:1px}.era-current b{font-size:15px}.resources{gap:14px;justify-content:flex-end}.resource{grid-template-columns:19px auto;gap:1px 5px}.resource b{font-size:24px}.resource>.icon{width:20px;height:20px}.resource small{font-size:5px;letter-spacing:.3px}.army-count{display:none}.command-grid{grid-template-columns:1fr 1.25fr 1fr;gap:10px 8px}.recruit-section{grid-column:1/-1}.command-label{font-size:8px;letter-spacing:1px;margin-bottom:5px}.command-label small{font-size:8px}.unit-cards{gap:7px}.unit-card{height:151px;display:block;padding:7px 6px}.unit-rank{display:block;font-size:6px;padding-left:20px;line-height:15px;letter-spacing:.6px;text-align:left}.unit-card>kbd{top:7px;left:6px;font-size:8px;min-width:14px;height:14px}.unit-card>.portrait{position:absolute;top:22px;left:0;width:49px;height:86px;border-radius:0;background:none}.unit-card>.portrait img{width:83px;height:92px;top:0}.unit-info{position:relative;margin-left:43px;min-width:0;padding-top:9px}.unit-info>b{font-size:10px;line-height:1.15;min-height:23px;padding-right:0;margin-bottom:3px}.unit-info>small{font-size:7px;line-height:1.2;min-height:24px;margin-bottom:3px}.unit-price{font-size:17px;gap:1px}.unit-price .icon{width:12px;height:12px}.unit-inspect{width:34px;height:30px;right:-2px;top:-2px}.unit-inspect>span{width:17px;height:17px;font-size:11px}.unit-metrics{position:absolute;left:6px;right:6px;bottom:8px;grid-template-columns:repeat(2,1fr);gap:4px 3px;padding-top:5px}.unit-metrics>span{display:flex;gap:3px;justify-content:start}.unit-metrics small{display:none}.unit-metrics b{font-size:9px}.unit-metrics .icon{width:11px;height:11px}.action-card{height:73px;padding:7px 5px;gap:4px}.action-card>.icon{width:23px;height:23px}.action-card b{font-size:10px;margin-bottom:3px}.action-card small{font-size:8px;line-height:1.25}.action-card>kbd{display:none}.power-bar{margin-top:8px;gap:6px;min-height:26px}.power-slot{padding:5px 8px;min-height:31px;gap:5px}.power-slot b{font-size:9px}.power-slot small{font-size:8px}.power-slot>.icon{width:17px;height:17px}.active-doctrines{margin-top:6px}.command-footer{height:20px;margin-top:7px;font-size:8px}.command-footer button{font-size:9px}.queue-unit{width:23px;height:23px}.queue-unit img{width:22px;height:22px}.site-footer{height:23px;min-height:23px;padding:0 13px;font-size:5px}.site-footer .build-label{font-size:5px}.home-content{padding:35px 22px 15px;width:100%}.home-content h1{font-size:52px;line-height:1.04;margin:20px 0}.home-content .eyebrow{font-size:7px;letter-spacing:1.6px}.home-content .intro{font-size:12px;line-height:1.7;margin-bottom:23px}.primary.large{min-width:234px;min-height:50px;font-size:13px}.home-actions{gap:18px;margin-top:17px}.home-actions button{font-size:11px}.ysko-home{margin-top:17px;padding:5px 11px 5px 0}.ysko-home strong{font-size:13px}.ysko-home small{font-size:7px}.ysko-home-portrait{width:51px;height:57px}.landmark{right:19px;bottom:16px;top:auto}.landmark>b{font-size:15px}.landmark>span{font-size:8px}.landmark small{display:none}.home-bottom{padding:14px 11px;min-height:77px}.era-stop span>b{font-size:7px}.era-stop span>small{font-size:5px}.era-icon{width:30px;height:32px}.era-timeline{gap:5px}dialog{padding:20px 20px 22px;max-width:94vw;border-radius:12px}dialog h2{font-size:26px}dialog p{font-size:12px}.dialog-head{margin-bottom:14px}.guide b{font-size:13px}.guide p{font-size:11px}.guide>div{gap:13px;margin:18px 0}.guide>div>.icon{width:23px;height:23px}.ysko-guide-portrait{width:74px;height:95px}dialog .ysko-guide-intro h2{font-size:25px}dialog .ysko-tip{font-size:11px}.unit-detail{gap:10px}.unit-detail>img{width:100px;height:125px}.unit-detail h2{font-size:25px}.unit-detail p{font-size:11px}.unit-detail small{font-size:8px}.result-stats{gap:8px;padding:13px}.result-stats b{font-size:25px}.result-stats small{font-size:6px}.detail-metrics{grid-template-columns:1fr 1fr;gap:8px}.detail-metrics>span{font-size:10px;padding:9px}.detail-metrics b{font-size:16px}.defense-choice{padding:18px 12px;gap:12px}.defense-choice>b{font-size:20px}.defense-choice>span{font-size:11px}.power-shop p{font-size:10px}.power-shop b{font-size:17px}.mission b{font-size:12px}.mission small{font-size:9px}.doctrine-panel{bottom:auto;top:145px;max-height:42dvh}.placement-panel{top:101px;padding:8px;gap:6px}.placement-panel b{font-size:11px}.placement-panel small{font-size:8px}}@media(orientation:landscape)and (max-height:600px){#app{height:100dvh;min-height:360px}.topbar{height:44px;min-height:44px;padding:0 17px}.brand{font-size:23px}.brand-mark{width:27px;height:30px}.brand small{font-size:5px}.utilities .icon-button{width:34px;height:34px}.nav button{font-size:10px}.nav{gap:18px}.nav button:nth-child(3){display:flex}.nav.in-game,.site-footer{display:none}#arena,#arena.home-mode{height:auto;min-height:154px;max-height:none;flex:1 1 0}.game-hud{inset:6px clamp(120px,17vw,170px) auto;gap:9px}.base-status{width:35%;padding:7px 10px}.base-label{display:flex;flex-wrap:nowrap;font-size:7px}.base-label>span{font-size:7px}.base-label b{font-size:9px;display:inline;margin:0}.base-era{font-size:7px;margin-top:4px}.health-track{height:7px;margin-top:5px}.battle-center{min-width:102px;padding:6px 8px}.battle-center>span{font-size:6px}.battle-center>b{font-size:21px;margin:3px 0}.battle-center>small{display:none}.battle-tip{top:70px;font-size:8px;padding:5px 9px}.camera-controls{right:9px;bottom:5px;left:auto;transform:none;padding:2px}.camera-controls button{min-height:24px;font-size:8px;padding:4px 10px}.commands{padding:7px 15px 6px}.command-top{min-height:29px;margin-bottom:6px;gap:16px}.era-current{min-width:188px;gap:7px}.era-current>span{width:26px;height:27px}.era-current b{font-size:14px}.era-current small{font-size:5px;margin-bottom:3px}.resources{gap:30px;justify-content:center}.resource b{font-size:22px}.resource>.icon{width:20px;height:20px}.resource small{font-size:5px}.army-count{display:block;min-width:75px;font-size:10px}.command-grid{grid-template-columns:minmax(340px,2.1fr) minmax(95px,.56fr) minmax(119px,.7fr) minmax(100px,.6fr);gap:8px}.recruit-section{grid-column:auto}.command-label{font-size:6px;margin-bottom:4px;letter-spacing:1px}.command-label small{font-size:7px}.unit-cards{gap:6px}.unit-card{height:79px;display:block;padding:5px;border-radius:7px}.unit-rank{display:block;padding-left:0;font-size:5px;line-height:10px;letter-spacing:.6px}.unit-card>kbd{display:none}.unit-card>.portrait{position:absolute;left:0;top:14px;width:43px;height:60px;background:none}.unit-card>.portrait img{width:62px;height:60px;top:0}.unit-info{margin-left:39px;padding:1px 0 0}.unit-info>b{font-size:10px;line-height:1.1;min-height:0;padding-right:6px;margin:0 0 3px}.unit-info>small{font-size:6px;line-height:1.1;min-height:0;margin:0 0 4px;max-width:70px}.unit-price{font-size:14px;gap:1px}.unit-price .icon{width:11px;height:11px}.unit-metrics{position:absolute;left:42px;right:5px;bottom:5px;padding-top:3px;display:flex;gap:7px}.unit-metrics>span{display:flex;gap:2px}.unit-metrics>span:nth-child(n+3){display:none}.unit-metrics .icon{width:9px;height:9px}.unit-metrics b{font-size:7px}.unit-metrics small{display:none}.unit-inspect{width:30px;height:24px;top:-3px;right:-3px}.unit-inspect>span{width:14px;height:14px;font-size:9px}.action-card{height:79px;padding:6px;gap:5px;border-radius:7px}.action-card>.icon{width:24px;height:24px}.action-card b{font-size:10px;margin-bottom:4px}.action-card small{font-size:8px;line-height:1.2}.action-card>kbd{display:none}.power-bar{margin-top:6px;min-height:24px;gap:5px}.power-slot{min-height:25px;padding:4px 7px;gap:4px}.power-slot b{font-size:8px}.power-slot small{font-size:6px;min-width:20px}.power-slot>.icon{width:15px;height:15px}.power-caption{font-size:6px}.active-doctrines{margin-top:4px}.active-doctrines button{font-size:7px;padding:3px 6px}.command-footer{height:18px;margin-top:4px;font-size:7px}.command-footer button{font-size:8px;min-height:18px}.queue-unit,.queue-unit img{width:19px;height:19px}.home-content{width:66%;padding:21px 0 18px 6%}.home-content h1{font-size:42px;line-height:1;margin:14px 0}.home-content h1 br:nth-child(2){display:none}.home-content h1 em{display:block}.home-content .eyebrow{font-size:7px}.home-content .intro{font-size:10px;line-height:1.5;margin-bottom:16px}.primary.large{min-width:212px;min-height:40px;font-size:11px;padding:10px 15px}.home-actions{margin-top:11px;gap:19px}.home-actions button{font-size:10px;min-height:20px}.home-bottom{display:none}.ysko-home{left:calc(100% + 2px);bottom:21px;width:min(220px,28vw);padding:7px;background:#17353eed}.ysko-home small{font-size:6px}.ysko-home strong{font-size:12px}.ysko-home-portrait{width:45px;height:55px}.landmark{top:22px;bottom:auto}.landmark>b{font-size:14px}.landmark small{display:block;font-size:8px}dialog{max-height:92dvh;padding:16px 23px 20px}dialog h2{font-size:26px}dialog p{font-size:11px}.dialog-head{margin-bottom:8px}.guide>div{margin:15px 0}.guide b{font-size:13px}.guide p{font-size:11px}.ysko-guide-intro{margin:0 0 15px}.ysko-guide-portrait{width:65px;height:80px}dialog .ysko-guide-intro h2{font-size:25px}.unit-detail>img{width:105px;height:115px}.unit-detail h2{font-size:27px}.unit-detail p{font-size:11px}.result-stats{margin:15px 0;padding:12px}.detail-metrics{grid-template-columns:repeat(4,1fr);margin-bottom:15px}.detail-metrics>span{padding:8px;font-size:9px}.detail-metrics b{font-size:15px}.defense-choice{gap:10px;padding:17px}.defense-choice>.icon{width:35px;height:35px}.defense-choice>b{font-size:21px}.defense-choice>span{font-size:11px}.defense-choice>strong{font-size:17px}.placement-panel{top:5px;max-width:94%;padding:7px 9px;gap:7px}.placement-panel b{font-size:10px}.placement-panel small{font-size:8px}.placement-panel button{font-size:10px;min-height:32px}.target-hint{top:60px;font-size:9px}.doctrine-panel{top:auto;bottom:7px;max-height:165px}}.unit-inspect{width:44px;height:44px;right:-5px;top:-8px}.unit-info{display:block}#world canvas{touch-action:none}.battle-tools{display:flex;gap:12px;align-items:center;margin-top:9px;min-width:0}.battle-tools .power-bar{margin-top:0;flex:1;min-width:0}.recon-control{display:flex;align-items:center;gap:10px;flex:none;min-height:44px;padding:7px 13px;border:1px solid #d4b97970;border-radius:7px;background:#26423c;color:#efe1b7;text-align:left}.recon-control>.icon{width:26px;height:26px;color:#e6bf79}.recon-control span{display:grid;gap:4px}.recon-control b{font-size:11px}.recon-control small{font-size:9px;color:#b2cbbf}.recon-control kbd{font-size:8px;opacity:.55}.recon-control:hover{background:#33524a;border-color:#e4c17d}.recon-shop-head{display:flex;align-items:center;gap:20px}.recon-shop-head img{width:112px;height:88px;object-fit:contain;background:#d6d7bb;border:1px solid #cfba88;border-radius:10px}.recon-shop-head h2{margin-top:0}.recon-shop-head p{margin:7px 0}.recon-ages{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.recon-ages span{padding:7px 10px;background:#18352e;border:1px solid #d4b87930;border-radius:5px;color:#a9b7a0;font-size:10px}.recon-ages .current{border-color:#dab976;color:#f1dca9}.recon-shop .detail-metrics{margin:16px 0}.tactical-map{position:absolute;z-index:6;left:16px;bottom:11px;width:180px;padding:7px 10px 8px;background:#132d32e8;border:1px solid #bfbe9566;border-radius:7px;box-shadow:0 3px 14px #061b2550}.tactical-map>span{display:block;color:#c5d8cf;font-size:7px;letter-spacing:1px;margin-bottom:6px;white-space:nowrap}.map-track{height:17px;position:relative;background:#0c232b;border:1px solid #809c8766;border-radius:2px}#map-viewport{position:absolute;top:-1px;height:17px;border:1px solid #f0d698;box-shadow:0 0 0 1px #09252460;pointer-events:none;z-index:2}#camera-range{position:absolute;inset:-7px 0;width:100%;height:30px;margin:0;opacity:.01;cursor:ew-resize;z-index:3;touch-action:pan-x}.tactical-map:focus-within{outline:2px solid #ecd299;outline-offset:3px}.base-status.enemy.unexplored{background:#1b3139db;border-color:#80979275}.base-status.enemy.unexplored .health-track{opacity:.35}.base-status.enemy.remembered{border-style:dashed}.base-status.enemy.remembered .health-track{opacity:.55}#enemy-age{display:block}.detail-metrics .vision-stat{color:#c2e5d4}#arena.placing-turret .tactical-map{visibility:hidden}@media(max-width:760px){.unit-card .unit-info{position:static}.unit-card .unit-price{position:absolute;left:49px;top:89px;font-size:17px}.unit-card .unit-metrics{bottom:7px}.unit-card .unit-info>small{max-height:20px;overflow:hidden}}@media(max-width:760px){.battle-tools{gap:7px;margin-top:6px}.recon-control{min-height:39px;padding:6px 8px;gap:6px}.recon-control>.icon{width:19px;height:19px}.recon-control b{font-size:9px}.recon-control small{font-size:8px}.recon-control kbd{display:none}.power-empty{font-size:8px}.tactical-map{left:8px;bottom:7px;width:130px;padding:6px 7px}.tactical-map>span{font-size:6px;letter-spacing:.5px}.camera-controls{left:auto;right:8px;transform:none}.camera-controls button{padding:5px 9px;font-size:9px}.recon-shop-head{gap:11px}.recon-shop-head img{width:74px;height:65px}.recon-shop-head h2{font-size:23px}.recon-ages span{font-size:8px;padding:6px}.recon-control span{gap:3px}}@media(orientation:landscape)and (max-height:600px){.battle-tools{margin-top:4px;gap:8px}.recon-control{min-height:29px;padding:4px 8px;gap:7px}.recon-control b{font-size:8px}.recon-control small{font-size:7px}.recon-control>.icon{width:18px;height:18px}.recon-control span{display:flex;gap:8px}.tactical-map{left:8px;bottom:5px;width:147px;padding:4px 7px}.tactical-map>span{display:none}.map-track,#map-viewport{height:12px}#camera-range{height:27px}.recon-shop-head img{width:65px;height:50px}.recon-ages{margin:9px 0}.recon-shop .detail-metrics{margin:8px 0}}@media(orientation:landscape)and (max-height:600px){.recon-shop .dialog-actions{margin-top:10px}.recon-shop p{margin-bottom:9px}.unit-card .unit-price{position:static;font-size:14px}}