:root{--panel:#1b2233;--panel-edge:#0c1019;--panel-light:#3a4763;--accent:#f0a030;--text:#e8ecf4;--muted:#8f9bb3}*{box-sizing:border-box}html,body{background:#10160f;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-user-select:none;user-select:none;font-family:Chakra Petch,system-ui,-apple-system,Segoe UI,sans-serif}#game,#game canvas{image-rendering:pixelated;display:block;position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}.panel{pointer-events:auto;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-light)}#topbar{align-items:center;gap:22px;padding:8px 16px;font-size:20px;display:flex;position:absolute;top:8px;left:8px}.res{color:var(--muted);align-items:center;gap:8px;display:flex}.res b{color:var(--text);min-width:2ch;font-weight:600}.res img{width:26px;height:26px;image-rendering:pixelated;object-fit:contain}#sidebar{width:246px;max-height:calc(100% - 16px);padding:6px 8px 8px;position:absolute;top:8px;right:8px;overflow-y:auto}#sidebar h2{color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin:4px 0 6px;font-size:16px;font-weight:600}.grid{grid-template-columns:1fr 1fr 1fr;gap:5px;margin-bottom:6px;display:grid}.card{border:2px solid var(--panel-light);color:var(--text);font:inherit;cursor:pointer;background:#121826;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 2px 5px;font-size:12.5px;font-weight:500;line-height:1.15;display:flex;position:relative}.card:hover{border-color:var(--accent);background:#1a2338}.card.active{border-color:#7dff6a}.card.locked{opacity:.45}.card .name{text-align:center}.card .glyph{height:40px;color:var(--accent);font-size:28px;line-height:40px}.card img{object-fit:contain;width:56px;height:40px;image-rendering:pixelated}.card .cost{color:#7fd4ff}.card .badge{color:var(--accent);font-size:15px;position:absolute;top:2px;right:4px}.card .bar{background:#7dff6a;height:3px;position:absolute;bottom:0;left:0}.help{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}#bottom{align-items:stretch;gap:10px;padding:8px;display:flex;position:absolute;bottom:8px;left:8px}#minimap{width:216px;height:162px;image-rendering:pixelated;border:2px solid var(--panel-edge);cursor:pointer}#selection{min-width:190px;color:var(--muted);font-size:15px;line-height:1.5}#selection b{color:var(--text);font-size:17px}#selection .hp{background:#0c1019;height:6px;margin:4px 0}#selection .hp i{background:#6be35a;height:100%;display:block}#toast{border:2px solid var(--accent);opacity:0;background:#0c1019d9;padding:6px 14px;font-size:18px;transition:opacity .25s;position:absolute;top:64px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#overlay{pointer-events:auto;background:#080c08b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay[hidden]{display:none}.box{text-align:center;padding:22px 40px 26px}.box h1{color:var(--accent);margin:0 0 14px;font-size:34px;font-weight:600}#overlay-choices{justify-content:center;gap:16px;display:flex}#overlay-choices[hidden]{display:none}.box button{font:inherit;background:var(--accent);border:3px solid var(--panel-edge);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:10px 18px;font-size:18px;display:flex}.box button:hover{filter:brightness(1.12)}.box button img{width:72px;height:72px;image-rendering:pixelated;object-fit:contain}#selection .sell{font:inherit;color:var(--text);cursor:pointer;background:#3a2230;border:2px solid #c2506a;margin-top:6px;padding:2px 12px;font-size:13px}#selection .sell:hover{background:#5a2c40}#groups{gap:4px;display:flex;position:absolute;bottom:196px;left:8px}#groups span{color:var(--muted);background:var(--panel);border:2px solid var(--panel-edge);box-shadow:inset 0 0 0 1px var(--panel-light);align-items:center;gap:5px;padding:1px 7px 2px 3px;font-size:13px;display:flex}#groups b{text-align:center;color:#3b1d05;background:var(--accent);min-width:16px;font-weight:600;display:inline-block}#selbar,#actions,#rotate,body.touch #cmdbar,body.touch #tip{display:none}body.touch{--t:clamp(10px, 2.7vh, 16px);touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}body.touch #hud{font-size:var(--t);left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom)}body.touch #bottom{padding:.25em;top:.5em;bottom:auto;left:.5em}body.touch #selection,body.touch #groups,body.touch .help{display:none}body.touch #minimap{border-width:1px;width:10.5em;height:7.9em}body.touch #topbar{gap:1em;padding:.35em .8em;font-size:1.15em;top:.5em;left:12.2em}body.touch .res img{width:1.3em;height:1.3em}body.touch #toast{font-size:1.1em;top:4em}body.touch #sidebar{z-index:3;width:17.5em;max-height:calc(100% - 17em);padding:.4em;display:none;top:.5em;right:.5em}body.touch.panel-open #sidebar{display:block}body.touch #side-tabs{grid-template-columns:repeat(3,1fr);gap:.3em;margin-bottom:.4em;display:grid}body.touch #side-tabs button{font:inherit;text-transform:uppercase;color:var(--muted);border:2px solid var(--panel-light);background:#121826;padding:.45em 0;font-size:.95em;font-weight:600}body.touch #sidebar[data-tab=build] #side-tabs [data-tab=build],body.touch #sidebar[data-tab=train] #side-tabs [data-tab=train],body.touch #sidebar[data-tab=research] #side-tabs [data-tab=research]{color:#3b1d05;background:var(--accent);border-color:var(--accent)}body.touch #sidebar h2,body.touch #sidebar .grid{display:none}body.touch #sidebar[data-tab=build] #build-buttons,body.touch #sidebar[data-tab=train] #train-buttons,body.touch #sidebar[data-tab=research] #research-buttons{margin:0;display:grid}body.touch .card{min-height:5.6em;padding:.3em .1em .4em;font-size:.72em}body.touch .card .glyph{height:1.5em;font-size:2em;line-height:1.5em}body.touch #selbar{align-items:center;gap:.3em;max-width:calc(100% - 22em);padding:.3em;display:flex;position:absolute;bottom:.5em;left:50%;transform:translate(-50%)}body.touch #selbar[hidden]{display:none}#selbar .sel{font-size:inherit;border:2px solid var(--panel-light);background:#121826;width:3em;height:3.3em;padding:0;position:relative}#selbar .sel img{object-fit:contain;width:100%;height:2.6em;image-rendering:pixelated}#selbar .sel i{background:#6be35a;height:.35em;position:absolute;bottom:0;left:0}#selbar .sel-more{color:var(--muted);padding:0 .4em}#selbar .sel-info{color:var(--muted);flex-direction:column;padding:0 .5em;line-height:1.3;display:flex}#selbar .sel-info b{color:var(--text);font-size:1.1em}#selbar .sell{font:inherit;color:var(--text);background:#3a2230;border:2px solid #c2506a;padding:.4em 1em}body.touch #actions{pointer-events:none;z-index:4;width:15em;height:13em;font-size:1.25em;display:block;position:absolute;bottom:0;right:0}#actions button{font-size:inherit;pointer-events:auto;touch-action:manipulation;border:2px solid var(--panel-edge);background:radial-gradient(circle at 35% 30%,#46536f,#1b2233 72%);border-radius:50%;width:3.6em;height:3.6em;padding:0;position:absolute;box-shadow:inset 0 0 0 2px #5b6a8c,0 .2em #00000073}#actions button:active{filter:brightness(1.25);transform:translateY(.12em)}#actions svg{fill:none;width:58%;height:58%;stroke:var(--text);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}#actions .act-stop svg rect{fill:var(--text)}#actions .act-build,#actions .act-confirm{background:radial-gradient(circle at 35% 30%,#ffd04a,#e2861c 75%);width:5.4em;height:5.4em;bottom:3.6em;right:1em;box-shadow:inset 0 0 0 2px #ffe58f,0 .25em #8a4a0c}#actions .act-build svg,#actions .act-confirm svg{stroke:#3b1d05}#actions .act-confirm{background:radial-gradient(circle at 35% 30%,#8dff7a,#2f9e3c 75%);display:none;box-shadow:inset 0 0 0 2px #c9ffbf,0 .25em #1c6a26}body.placing #actions .act-confirm{display:block}body.placing #actions .act-build{display:none}#actions .act-cancel{bottom:.3em;right:2.4em}#actions .act-cancel svg{stroke:#ff5a4a}#actions .act-stop{bottom:.9em;right:6.6em}#actions .act-attack{bottom:3.6em;right:9.6em}body.attack-armed #actions .act-attack{background:radial-gradient(circle at 35% 30%,#ff8a6a,#b3261e 75%);box-shadow:inset 0 0 0 2px #ffc2b0,0 0 .8em #ff5a4a}#actions .act-army{bottom:6.6em;right:7.2em}#actions .act-worker{bottom:9.3em;right:4.2em}#actions .act-home{bottom:9.6em;right:.5em}#actions .act-full{width:2.8em;height:2.8em;top:calc(13.5em - 100vh);bottom:auto;right:.5em}@supports (height:100dvh){#actions .act-full{top:calc(-100dvh + 13em + .5em + env(safe-area-inset-bottom) + env(safe-area-inset-top))}}body.touch input,body.touch textarea{-webkit-user-select:text;user-select:text}body.touch.panel-open #actions .act-full{display:none}@media (orientation:portrait){body.touch #rotate{z-index:60;color:var(--text);text-align:center;pointer-events:auto;background:#0b0e17;place-items:center;font-size:1.4em;display:grid;position:fixed;inset:0}}#overlay-lobby{margin:0 auto}#overlay-lobby[hidden]{display:none}#clock.rush{color:#ff6a5a}body:not(.touch) #sidebar{width:268px;max-height:calc(100% - 150px);top:56px}body:not(.touch) #side-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px;display:grid}body:not(.touch) #side-tabs button{font:inherit;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);border:2px solid var(--panel-light);cursor:pointer;background:#121826;padding:7px 0;font-size:13px;font-weight:700}body:not(.touch) #side-tabs button:hover{color:var(--text)}body:not(.touch) #sidebar[data-tab=build] #side-tabs [data-tab=build],body:not(.touch) #sidebar[data-tab=train] #side-tabs [data-tab=train],body:not(.touch) #sidebar[data-tab=research] #side-tabs [data-tab=research]{color:#3b1d05;background:var(--accent);border-color:var(--accent)}body:not(.touch) #sidebar h2,body:not(.touch) #sidebar .grid{display:none}body:not(.touch) #sidebar[data-tab=build] #build-buttons,body:not(.touch) #sidebar[data-tab=train] #train-buttons,body:not(.touch) #sidebar[data-tab=research] #research-buttons{margin:0;display:grid}body:not(.touch) .card{padding:6px 2px 7px}body:not(.touch) .card img{width:64px;height:48px}#topbar{font-weight:600}#sysbar{pointer-events:auto;gap:6px;display:flex;position:absolute;top:8px;right:8px}#sysbar button,#cmdbar button{width:44px;height:40px;font:inherit;color:var(--text);cursor:pointer;border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-light);background:linear-gradient(#2b3550,#1b2233);padding:0;font-size:17px;font-weight:700;position:relative}#sysbar button:hover,#cmdbar button:hover{filter:brightness(1.25)}#sysbar button.on{color:#3b1d05;background:var(--accent)}#sysbar button:disabled{opacity:.35;cursor:default;filter:none}#cmdbar{gap:6px;padding:8px;display:flex;position:absolute;bottom:8px;right:8px}#cmdbar button{width:52px;height:52px}#cmdbar svg{fill:none;width:60%;height:60%;stroke:var(--text);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}#cmdbar [data-action=stop] svg{stroke:#ff5a4a}#cmdbar [data-action=stop] svg rect{fill:#ff5a4a}#cmdbar kbd{font:inherit;color:var(--muted);font-size:10px;font-weight:600;position:absolute;bottom:1px;right:3px}body.attack-armed #cmdbar [data-action=attack]{background:#b3261e;box-shadow:inset 0 0 0 2px #ffc2b0}body.following #cmdbar [data-action=follow]{background:#2f6f3a;box-shadow:inset 0 0 0 2px #b6f08a}body:not(.touch) #groups{pointer-events:auto;gap:6px;bottom:8px;left:50%;transform:translate(-50%)}body:not(.touch) #groups span{width:46px;height:52px;color:var(--text);cursor:pointer;border-width:3px;flex-direction:column-reverse;justify-content:space-between;gap:0;padding:0;font-size:17px;font-weight:700}body:not(.touch) #groups span:hover{filter:brightness(1.25)}body:not(.touch) #groups b{width:100%;font-size:12px}body:not(.touch) #groups span i{flex:1;place-items:center;font-style:normal;display:grid}#tip{z-index:20;max-width:300px;color:var(--text);border:2px solid var(--accent);pointer-events:none;background:#0c1019f5;padding:9px 12px;font-size:14px;line-height:1.45;position:absolute}#tip[hidden]{display:none}#tip b{color:var(--accent);font-size:16px;display:block}#tip em{color:#7fd4ff;margin-bottom:4px;font-style:normal;display:block}#tip .warn{color:#ff8a7a;margin-top:4px;display:block}#settings-modal{z-index:80;pointer-events:auto;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(11px,min(2.1vh,1.15vw),17px);position:fixed}.settings-panel{flex-direction:column;gap:.7em;width:56em;max-width:96vw;max-height:94vh;padding:.1em .7em .4em;display:flex;position:relative}.settings-panel .ui-close{top:0;right:0}.set-title{text-transform:uppercase;letter-spacing:.05em;color:#ffd23c;align-items:center;gap:.4em;margin:0;font-size:1.9em;display:flex}.set-title img{height:1.3em}.settings-panel h3{text-transform:uppercase;letter-spacing:.05em;color:#ffd23c;margin:0 0 .2em;font-size:1.2em}.settings-panel small{color:var(--muted);font-size:.72em;font-weight:400}.set-body{grid-template-columns:13em minmax(0,1fr);gap:1em;min-height:0;display:grid}.set-nav{flex-direction:column;gap:.5em;display:flex}.set-nav button{cursor:pointer;opacity:.55;background:0 0;border:0;padding:0;transition:opacity .12s,filter .12s}.set-nav button img{width:100%;display:block}.set-nav button.on{opacity:1;filter:drop-shadow(0 0 .35em #ffd23c)}.set-nav button:hover{opacity:1}.set-page{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;flex-direction:column;gap:.6em;min-height:21em;max-height:60vh;padding-right:.3em;display:flex;overflow-y:auto}.set-page[hidden]{display:none}.set-page .create-row{grid-template-columns:minmax(0,1fr) 15em}.set-page .create-row small{display:block}.set-slider{align-items:center;gap:.7em;display:flex}.set-slider input{accent-color:#f6a821;flex:1;height:1.4em}.set-slider b{text-align:right;color:#ffd23c;min-width:3.2em}.set-foot{justify-content:space-between;align-items:center;gap:1em;display:flex}#fps[hidden]{display:none}#fps{font-size:.8em}.set-keys{grid-template-columns:auto 1fr;gap:.3em 1.2em;margin:0;font-size:.95em;display:grid}.set-keys dt{color:#7fd4ff;font-weight:600}.set-keys dd{color:var(--text);margin:0}body:not(.touch) .panel{box-shadow:none;background:0 0;border:14px solid #0000;border-image:url(/hud/panel.webp) 96 fill/34px}body:not(.touch) #topbar{border-width:10px 22px;border-image:url(/hud/bar.webp) 70 fill/28px;gap:20px;padding:2px 6px}body:not(.touch) .res img{image-rendering:auto;width:30px;height:30px}body:not(.touch) #sidebar{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;padding:2px 2px 4px}body:not(.touch) #side-tabs button{letter-spacing:0;color:#c9d3e6;background:url(/hud/tab.webp) 50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;gap:2px;padding:7px 0;font-size:10.5px;display:flex}body:not(.touch) #side-tabs button img{width:18px;height:18px}body:not(.touch) #sidebar[data-tab=build] #side-tabs [data-tab=build],body:not(.touch) #sidebar[data-tab=train] #side-tabs [data-tab=train],body:not(.touch) #sidebar[data-tab=research] #side-tabs [data-tab=research]{color:#3b1d05;background:url(/hud/tab-on.webp) 50%/100% 100% no-repeat}body:not(.touch) .card{background:0 0;border:6px solid #0000;border-image:url(/hud/card.webp) 40 fill/14px;padding:2px 0 3px}body:not(.touch) .card:hover{filter:brightness(1.25);background:0 0}body:not(.touch) .card.active{border-image-source:url(/hud/card-on.webp)}body:not(.touch) #cmdbar{gap:4px;padding:0}#cmdbar button,#sysbar button{box-shadow:none;background:0 0;border:0}#cmdbar button img,#sysbar button img{width:100%;height:100%;position:absolute;inset:0}#sysbar button{width:44px;height:44px}#sysbar button.plain{background:url(/hud/btn.webp) 50%/100% 100% no-repeat;font-size:15px}#sysbar button.plain.on{color:var(--accent)}#cmdbar kbd{color:#c9d3e6;text-shadow:0 1px #000;bottom:5px;right:7px}body.attack-armed #cmdbar [data-action=attack]{box-shadow:none;filter:drop-shadow(0 0 6px #ff5a4a)brightness(1.3);background:0 0}body:not(.touch) #groups span{box-shadow:none;background:url(/hud/slot.webp) 50%/100% 100% no-repeat;border:0;width:52px;height:52px;padding:7px}body:not(.touch) #groups b{color:var(--accent);background:0 0}body:not(.touch) #minimap{border:0}#arrange-bar{z-index:30;color:var(--text);border:2px solid var(--accent);pointer-events:auto;background:#0c1019f2;align-items:center;gap:12px;padding:10px 16px;font-size:16px;font-weight:600;display:none;position:absolute;top:70px;left:50%;transform:translate(-50%)}#arrange-bar button{font:inherit;color:#3b1d05;background:var(--accent);border:2px solid var(--panel-edge);cursor:pointer;padding:4px 16px;font-weight:600}#set-arrange{white-space:nowrap}body.arranging #arrange-bar{display:flex}body.arranging #topbar,body.arranging #sidebar,body.arranging #bottom,body.arranging #selection,body.arranging #groups,body.arranging #cmdbar,body.arranging #sysbar{cursor:move;outline-offset:3px;outline:2px dashed #ffd23c;min-width:60px;min-height:40px}body.arranging #tip,body.touch .desktop-only{display:none}.set-row+.set-row{margin-top:14px}#selection .sell.act{background:#22324a;border-color:#5a8fd0;margin-right:6px}#selection .sell.act:hover{background:#2c4466}#selection{min-width:200px;max-width:300px;position:absolute;bottom:214px;left:8px}#selection[hidden]{display:none}body.arranging #selection[hidden]{display:block}body.arranging #selection[hidden]:before{content:"Selection info";color:var(--muted)}body:not(.touch) #selection{padding:2px 8px 4px}body:not(.touch) #bottom{padding:0}#ping[hidden]{display:none}#ping{gap:5px;font-size:.8em}#ping img{width:auto;height:20px}#selection .sell.up{color:#ffe9a8;background:#3d3212;border-color:#ffd23c}#selection .sell.up:hover{background:#57471a}#selection small{color:#ffb4a8}#objectives{width:300px;padding:2px 8px 6px;font-size:14px;position:absolute;top:64px;left:8px}#objectives[hidden]{display:none}#objectives h3{letter-spacing:1px;color:#ffd23c;margin:0 0 4px;font-size:14px}#obj-list{flex-direction:column;gap:5px;margin:0;padding:0;line-height:1.35;list-style:none;display:flex}#obj-list li{color:var(--text);grid-template-columns:16px 1fr;gap:6px;display:grid}#obj-list li.side{color:#c9d3e6}#obj-list li img{width:15px;height:15px;image-rendering:pixelated;margin-top:2px}#obj-list li.completed{color:#6be35a;-webkit-text-decoration:line-through #6be35a80;text-decoration:line-through #6be35a80}.obj-actions{gap:6px;margin-top:8px;display:flex}.obj-actions .ui-btn{padding:2px 1px 3px;font-size:11px}body.touch #objectives{width:15em;font-size:.8em;top:9.5em;left:.5em}#speech{aspect-ratio:648/208;pointer-events:none;background:url(/ui/speech.webp) 50%/100% 100% no-repeat;width:min(560px,60vw);position:absolute;top:64px;left:50%;transform:translate(-50%)}#speech[hidden]{display:none}#speech img{aspect-ratio:1;object-fit:cover;width:17.2%;position:absolute;top:30%;left:4.2%}#speech p{color:var(--text);align-items:center;margin:0;font-size:15px;line-height:1.4;display:flex;position:absolute;inset:37% 6.5% 14% 26.5%}body.touch #speech{width:60vw;top:4em}body.touch #speech p{font-size:.9em}.set-foot{align-items:flex-end}.set-foot #set-leave{align-self:center}.set-foot #set-leave[hidden]{display:none}#selbar .sell.up{background:#1f3a26;border-color:#5fbf5a}#selbar .sell.up:disabled{opacity:.5}@media (height<=480px){.settings-panel{overscroll-behavior:contain;max-height:calc(100dvh - 6px);overflow-y:auto}.set-body{flex:none;grid-template-columns:9em minmax(0,1fr);gap:.7em;min-height:auto}.set-title,.set-foot{flex:none}.set-page{min-height:0;max-height:none;overflow:visible}.set-page .create-row{grid-template-columns:minmax(0,1fr) 12.5em}}body.touch #sysbar{gap:.35em;font-size:1.25em;top:.45em;right:4.1em}body.touch #sidebar{overscroll-behavior:contain;width:18.5em;max-height:calc(100% - 5.2em);top:4.7em;right:19.5em;overflow-y:auto}body.touch #side-tabs button{justify-content:center;align-items:center;gap:.3em;display:flex}body.touch #side-tabs button img{object-fit:contain;flex:none;width:1.5em;height:1.5em}body.touch #objectives{width:21em;font-size:.85em}body.touch #speech{width:min(420px,50vw);top:4.6em;left:59%}body.touch #speech p{font-size:clamp(11px,1.15em,14px);line-height:1.3}body.touch #sidebar{overscroll-behavior:contain;scrollbar-width:none;width:25.5em;max-height:calc(100% - 17em);box-shadow:none;background:0 0;border:.8em solid #0000;border-image:url(/hud/panel.webp) 96 fill/2em;padding:.1em;top:.4em;right:.4em;overflow-y:auto}body.touch #side-tabs{z-index:1;gap:.25em;margin-bottom:.35em;position:sticky;top:0}body.touch #side-tabs button{letter-spacing:.04em;color:#c9d3e6;background:url(/hud/tab.webp) 50%/100% 100% no-repeat;border:0;flex-direction:column;gap:.1em;padding:.3em 0 .35em;font-size:.85em}body.touch #side-tabs button img{width:1.9em;height:1.9em}body.touch #sidebar[data-tab=build] #side-tabs [data-tab=build],body.touch #sidebar[data-tab=train] #side-tabs [data-tab=train],body.touch #sidebar[data-tab=research] #side-tabs [data-tab=research]{color:#3b1d05;background:url(/hud/tab-on.webp) 50%/100% 100% no-repeat}body.touch #sidebar .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3em}body.touch .card{background:0 0;border:.5em solid #0000;border-image:url(/hud/card.webp) 40 fill/1.1em;min-height:0;padding:.15em 0 .25em;font-size:.74em}body.touch .card.active{border-image-source:url(/hud/card-on.webp)}body.touch .card img{width:100%;height:3.3em}body.touch .card .name{justify-content:center;align-items:center;min-height:2.2em;line-height:1.1;display:flex}body.touch .card .cost{font-weight:700}body.touch #sysbar{gap:.3em;font-size:1em;top:3.7em;left:12.2em;right:auto}body.touch #sysbar button{width:3.1em;height:3.1em}body.touch #sysbar button.plain{width:3.25em;height:3.25em;font-size:.95em}body.touch #speech{top:7.4em;left:61%}body.touch #sysbar button,body.touch #sysbar button.plain{width:3.2em;height:3.2em;font-size:1.3em}#title,#home{--gold:#f6a821;--gold-hi:#ffd04a;--gold-lo:#b8610f;--ink:#0b0e17;--navy:#1b2233;--navy-hi:#2a3552;--stone:#6f7686;--stone-hi:#a4abba;--cream:#f6f0df;--teal:#18a79a;--red:#d8362f;color:var(--cream);font-family:Chakra Petch,system-ui,-apple-system,Segoe UI,sans-serif}#title{z-index:50;background:#0b1420;font-size:clamp(12px,1.75vh,16px);position:fixed;inset:0;overflow:hidden}#title[hidden]{display:none}.title-stage{aspect-ratio:16/9;width:max(100vw,177.778vh);position:absolute;top:0;left:50%;transform:translate(-50%)}.title-stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.title-bg{transform-origin:50% 40%;width:100%;height:100%;animation:40s ease-in-out infinite alternate title-drift;inset:0}.title-logo{filter:drop-shadow(0 .5vh #00000059);width:46.8%;animation:.8s cubic-bezier(.2,1.4,.4,1) both title-drop;top:8.6%;left:26.6%}.title-clash{filter:drop-shadow(0 1.2vh 1vh #00000073);width:54%;animation:3.2s ease-in-out infinite title-float;top:27.5%;left:23%}.title-shade{pointer-events:none;background:linear-gradient(#0000 45%,#080c168c 78%,#080c16db 100%),radial-gradient(at 50% 40%,#0000 55%,#080c1673 100%);position:absolute;inset:0}.title-panel{background:linear-gradient(to bottom, var(--navy-hi), var(--navy) 22%, #141a29);border:.25em solid var(--ink);width:min(47em,94vw);box-shadow:inset 0 0 0 .19em #4d5b80, inset 0 .5em 0 -.19em #ffffff0f, 0 .45em 0 var(--ink), 0 1.2em 2.4em #0000008c;padding:1.1em 1.4em 1.3em;animation:.5s ease-out .25s both title-rise;position:absolute;bottom:clamp(2.6em,5.5vh,4em);left:50%;transform:translate(-50%)}.title-panel[hidden]{display:none}.title-panel:before,.title-panel:after{content:"";background:var(--gold);width:.45em;height:.45em;box-shadow:0 .12em 0 var(--gold-lo), 0 calc(100% + 1px) 0 transparent;position:absolute;top:.55em}.title-panel:before{left:.6em}.title-panel:after{right:.6em}.title-tabs{justify-content:center;gap:.5em;margin:-2.35em 0 1em;display:flex}.title-tabs button{font:inherit;letter-spacing:.06em;text-transform:uppercase;color:#d5d9e4;border:.22em solid var(--ink);box-shadow:inset 0 .16em 0 #ffffff40, 0 .25em 0 var(--ink);cursor:pointer;background:linear-gradient(#7c8497,#565d6e);padding:.38em 1.5em .42em;font-size:1.15em;font-weight:600}.title-tabs button:hover{filter:brightness(1.12)}.title-tabs button.on{color:#3b1d05;background:linear-gradient(to bottom, var(--gold-hi), var(--gold) 55%, #e2861c);transform:translateY(-.2em)}.title-fields{grid-template-columns:1fr 1fr;gap:.8em 1em;display:grid}.title-fields label{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi);flex-direction:column;gap:.3em;font-size:.86em;display:flex}.title-fields input{font:inherit;letter-spacing:.02em;text-transform:none;color:var(--cream);background:#0c111c;border:.18em solid #3d4a69;outline:none;padding:.42em .6em;font-size:1.28em;box-shadow:inset 0 .2em #00000080}.title-fields input:focus{border-color:var(--gold);box-shadow:inset 0 .2em #00000080,0 0 0 .16em #f6a82147}.title-fields input.bad{border-color:var(--red)}.register-only{display:none!important}.registering .register-only{display:flex!important}.title-error{color:#ff8d7a;text-align:center;min-height:1.3em;margin:.6em 0 .5em;font-size:.95em}.title-actions{justify-content:center;gap:.9em;display:flex}.btn-gold,.btn-stone{font:inherit;letter-spacing:.05em;text-transform:uppercase;border:.22em solid var(--ink);cursor:pointer;padding:.5em 1.7em .55em;font-size:1.25em;font-weight:600;transition:transform 60ms,box-shadow 60ms,filter .12s}.btn-gold{color:#3b1d05;background:linear-gradient(to bottom, var(--gold-hi), var(--gold) 50%, #e2861c);box-shadow:inset 0 .18em 0 #ffffff73, 0 .34em 0 var(--gold-lo), 0 .52em 0 var(--ink)}.btn-stone{color:var(--cream);box-shadow:inset 0 .18em 0 #fff3, 0 .34em 0 #2c3140, 0 .52em 0 var(--ink);background:linear-gradient(#6b7386,#474e5f)}.btn-gold:hover,.btn-stone:hover{filter:brightness(1.1)}.btn-gold:active,.btn-stone:active{box-shadow:inset 0 .18em 0 #ffffff4d, 0 .06em 0 var(--ink);transform:translateY(.3em)}.title-panel h2{text-align:center;margin:0;font-size:1.35em;font-weight:600}.title-link{font:inherit;color:var(--stone-hi);cursor:pointer;background:0 0;border:0;font-size:.62em;text-decoration:underline}.title-link:hover{color:var(--cream)}.title-sub{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--stone-hi);margin:.15em 0 .8em;font-size:.9em}.title-armies{grid-template-columns:repeat(4,1fr);gap:.8em;display:grid}.army,.army-locked{min-height:11.5em;font:inherit;color:var(--cream);border:.22em solid var(--ink);flex-direction:column;justify-content:flex-end;align-items:center;gap:.1em;padding:.4em .5em .45em;display:flex;position:relative;overflow:hidden}.army{cursor:pointer;box-shadow:inset 0 0 0 .16em #ffffff2e, 0 .34em 0 var(--ink);transition:transform 80ms,filter .12s}.army:hover{filter:brightness(1.12);transform:translateY(-.2em)}.army:active{transform:translateY(.15em)}.army-cat{background:linear-gradient(#1fb7a7,#0f6f72)}.army-dog{background:linear-gradient(#e0443a,#7d1f25)}.army-art{background:url(/title/clash.webp) 0 0/215% no-repeat;position:absolute;inset:0 0 4.2em}.army:after{content:"";border-top:.16em solid var(--ink);background:#080c16c7;height:4.2em;position:absolute;bottom:0;left:0;right:0}.army-cat .army-art{background-position:4% 40%}.army-dog .army-art{background-position:96% 40%}.army-rat{background:linear-gradient(#e3b23a,#6b5a2a)}.army-bird{background:linear-gradient(#6fc3f2,#2a5f9a)}.army-rat .army-art,.army-bird .army-art{background-image:url(/title/bg.jpg);background-size:620%}.army-rat .army-art{background-position:22% 97%}.army-bird .army-art{background-position:91% 76%}.army b,.army-locked b{z-index:1;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 .12em 0 var(--ink);font-size:1.35em;font-weight:600;position:relative}.army small,.army-locked small{z-index:1;text-shadow:0 .1em 0 var(--ink);font-size:.78em;position:relative}.army-locked{color:var(--stone-hi);background:repeating-linear-gradient(45deg,#1a2030 0 .5em,#202739 .5em 1em);justify-content:center}.title-foot{text-align:center;color:#f6f0df9e;text-shadow:0 1px #000;margin:0;font-size:.78em;position:absolute;bottom:.7em;left:0;right:0}@keyframes title-drift{0%{transform:scale(1)}to{transform:scale(1.035)}}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.1%)}}@keyframes title-drop{0%{opacity:0;transform:translateY(-40%)scale(.9)}to{opacity:1;transform:none}}@keyframes title-rise{0%{opacity:0;transform:translate(-50%,1.6em)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.title-bg,.title-logo,.title-clash,.title-panel{animation:none}}@media (width<=620px){.title-fields{grid-template-columns:1fr}.title-armies{grid-template-columns:1fr 1fr}.title-actions{flex-direction:column}}@media (aspect-ratio>=2){.title-clash{width:38%;top:22%;left:31%}}@media (height<=520px){#title{font-size:10.5px}.title-panel{padding:.8em 1.1em .9em;bottom:2.2em}.registering .title-fields{grid-template-columns:repeat(4,1fr)}.title-error{margin:.3em 0}.title-clash{top:24%}.home-modal{font-size:10.5px}}.title-fields label{min-width:0}.title-fields input{box-sizing:border-box;width:100%;min-width:0}.title-google{flex-direction:column;align-items:center;gap:.6em;margin-top:.9em;display:flex}.title-google[hidden]{display:none}.title-google span{color:var(--stone-hi);text-transform:uppercase;letter-spacing:.12em;font-size:.9em}#auth-google{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:40px}#home{--vh:100vh;--u:min(100vw / 1672, var(--vh) / 941);--oy:calc((var(--vh) - 941 * var(--u)) / 2);z-index:49;background:#1a130e;position:fixed;inset:0;overflow:hidden}@supports (height:100dvh){#home{--vh:100dvh}}#home[hidden]{display:none}.home-bg{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.home-logo{left:calc(72 * var(--u));top:calc(var(--oy) * .4 + 42 * var(--u));width:calc(456 * var(--u));filter:drop-shadow(0 calc(5 * var(--u)) 0 #0006);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute}.art{cursor:pointer;background:0 0;border:0;padding:0;transition:transform 80ms,filter .12s;display:block}.art img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;display:block}.art:hover{filter:brightness(1.13);transform:translateY(calc(-2 * var(--u)))}.art:active{filter:brightness(.95);transform:translateY(calc(2 * var(--u)))}.art:focus-visible{outline:calc(3 * var(--u)) solid var(--gold-hi);outline-offset:calc(2 * var(--u))}.home-nav{left:calc(16 * var(--u));top:calc(var(--oy) + 226 * var(--u));gap:calc(3 * var(--u));width:calc(183 * var(--u));flex-direction:column;display:flex;position:absolute}.home-top{right:calc(16 * var(--u));top:calc(var(--oy) * .4 + 12 * var(--u));align-items:center;gap:calc(8 * var(--u));display:flex;position:absolute}.home-plate{width:calc(150 * var(--u));position:relative}.home-plate img{width:100%;display:block}.home-plate b{text-align:center;font-size:calc(18 * var(--u));color:#8f9bb3;position:absolute;top:50%;left:34%;right:8%;transform:translateY(-52%)}.home-top .home-icon{width:calc(46 * var(--u));height:calc(46 * var(--u));padding:calc(9 * var(--u));background:url(/hud/btn.webp) 50%/100% 100% no-repeat}.home-top .home-icon img{object-fit:contain;width:100%;height:100%}.home-online,.home-bot,.home-campaign{top:calc(var(--oy) + 436 * var(--u));position:absolute}.home-online{left:calc(50% - 386 * var(--u));width:calc(296 * var(--u))}.home-bot{left:calc(50% - 78 * var(--u));width:calc(304 * var(--u));animation:2.4s ease-in-out infinite home-pulse}.home-campaign{left:calc(50% + 238 * var(--u));top:calc(var(--oy) + 424 * var(--u));width:calc(304 * var(--u))}.home-user{left:calc(20 * var(--u));bottom:calc(14 * var(--u));font-size:max(11px, calc(15 * var(--u)));color:#f6f0dfd9;text-shadow:0 1px #000,0 0 6px #000;margin:0;position:absolute}.home-user b{color:var(--gold-hi);font-weight:600}.home-user .title-link{font-size:1em}.home-toast{left:50%;bottom:calc(var(--oy) + 150 * var(--u));font-size:max(13px, calc(18 * var(--u)));color:var(--cream);border:3px solid var(--gold);opacity:0;pointer-events:none;background:#0b0e17e6;margin:0;padding:.4em 1.2em;transition:opacity .2s;position:absolute;transform:translate(-50%)}.home-toast.show{opacity:1}.home-modal{background:#080c16b8;place-items:center;font-size:clamp(12px,1.75vh,16px);display:grid;position:absolute;inset:0}.home-modal[hidden]{display:none}.home-modal .title-panel{animation:.18s ease-out both home-pop;position:relative;bottom:auto;left:auto;transform:none}.home-close{font:inherit;color:var(--stone-hi);cursor:pointer;background:0 0;border:0;font-size:1.2em;position:absolute;top:.5em;right:1.5em}.home-close:hover{color:var(--cream)}@keyframes home-pulse{0%,to{filter:brightness()drop-shadow(0 0 #5aaaff00)}50%{filter:brightness(1.08) drop-shadow(0 0 calc(10 * var(--u)) #5aaaffbf)}}@keyframes home-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.home-bot,.home-modal .title-panel{animation:none}}.online-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1em;margin-top:1.1em;display:flex}.online-join{gap:.5em;min-width:0;display:flex}.online-join input{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:#fff;border:.14em solid var(--ink);background:#080c16bf;border-radius:.3em;width:6.2em;min-width:0;padding:.3em .4em;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.25em}.online-room{text-align:center;letter-spacing:.3em;text-indent:.3em;color:#ffd23c;text-shadow:0 .08em 0 var(--ink);-webkit-user-select:all;user-select:all;margin:.25em 0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:3.4em;font-weight:600}.online-status{color:#ffb4a8;min-height:1.4em;margin:.7em 0 0}.home-modal:has(.army-panel){font-size:clamp(8px,min(2.5vh,1.22vw),18px)}.army-panel{box-sizing:border-box;filter:drop-shadow(0 1em 1.6em #0009);border:1.5em solid #0000;border-image:url(/ui/frame.webp) 60 fill/2.6em;width:76em;max-width:97vw;padding:3.4em .6em .4em;animation:.18s ease-out both home-pop;position:relative}.army-head{text-align:center;white-space:nowrap;border:1em solid #0000;border-image:url(/ui/bar.webp) 40 fill/1.9em;padding:.2em 2.4em .3em;position:absolute;top:-3.6em;left:50%;transform:translate(-50%)}.army-head h2{letter-spacing:.06em;text-transform:uppercase;color:#ffe9b8;text-shadow:0 .08em #0b0e17;margin:0;font-size:2.3em;font-weight:700}.army-head p{color:#ffd23c;margin:0;font-size:1.05em;font-weight:600}.army-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7em;display:grid}.pick{--edge:#3f7fd0;min-width:0;font:inherit;color:#fff;cursor:pointer;box-shadow:inset 0 -.35em 0 var(--edge);background:0 0;border:.7em solid #0000;border-image:url(/hud/card.webp) 40 fill/1.3em;flex-direction:column;align-items:center;gap:.35em;padding:.3em .3em .6em;transition:transform 80ms,filter .12s;display:flex}.pick-dog{--edge:#c8443c}.pick-rat{--edge:#6f9a3c}.pick-bird{--edge:#5aa6ea}.pick img{aspect-ratio:4/3;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 .3em .2em #00000073);width:100%}.pick b{text-align:center;white-space:nowrap;font-size:.95em;font-weight:500}.pick small{text-align:center;color:#d5deee;min-height:2.7em;font-family:system-ui,sans-serif;font-size:.92em;line-height:1.35}.pick-go{height:auto;margin-top:auto;aspect-ratio:auto!important;filter:none!important;width:82%!important}.pick:hover{filter:brightness(1.1);transform:translateY(-.25em)}.pick:active{transform:translateY(.1em)}.pick.picked{border-image-source:url(/hud/card-on.webp)}#online-waiting,.army-panel .online-status{text-align:center}@media (prefers-reduced-motion:reduce){.army-panel{animation:none}.pick{transition:none}}.ui-frame{color:#e8ecf4;border:1.4em solid #0000;border-image:url(/ui/frame.webp) 60 fill/2.4em}.ui-close{cursor:pointer;z-index:2;background:0 0;border:0;width:2.8em;height:2.7em;padding:0;position:absolute;top:-.4em;right:-.4em}.ui-close img,.ui-icon img{width:100%;height:100%;display:block}.ui-close:hover,.ui-icon:hover,.ui-btn:hover:not(:disabled){filter:brightness(1.18)}.ui-icon{cursor:pointer;background:0 0;border:0;width:2.9em;height:2.6em;padding:0}.ui-btn,.ui-seg button,.ui-stepper button,.seat-ready,.units-factions button,.shop-grid i.price{border:.85em solid #0000;border-width:.3em .85em .4em;border-image: 15 20 17 fill/.64em .85em .72em}.ui-btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:#fff;white-space:nowrap;background:0 0;padding:.05em .45em .1em;font-weight:700}.ui-btn.gold{color:#3b1d05;border-image-source:url(/ui/gold.webp)}.ui-btn.blue{border-image-source:url(/ui/blue.webp)}.ui-btn.grey{border-image-source:url(/ui/grey.webp)}.ui-btn.big{min-width:9em;padding:.25em .95em .3em;font-size:1.25em}.ui-btn:disabled{color:#9aa6bd;cursor:default;border-image-source:url(/ui/grey.webp)}.ui-btn:active:not(:disabled){transform:translateY(.1em)}.ui-search,.ui-input{font:inherit;color:#fff;border:0;outline:0;min-width:0}.ui-search{background:0 0;border:.55em solid #0000;border-width:.55em .8em .6em 2.9em;border-image:url(/ui/search.webp) 18 22 18 72 fill/.7em .85em .7em 2.8em;flex:1;height:2.6em;padding:0}.ui-input{background:#0b1220;border:.14em solid #3a4763;border-radius:.25em;width:100%;margin-top:.3em;padding:.5em .8em;display:block}.ui-input:focus{border-color:#ffd23c}.ui-search::placeholder,.ui-input::placeholder{color:#7f8aa3}.ui-check{cursor:pointer;align-items:center;gap:.55em;display:inline-flex}.ui-check input{opacity:0;pointer-events:none;position:absolute}.ui-check i{background:url(/ui/check.webp) 50%/100% 100% no-repeat;width:1.7em;height:1.65em}.ui-check input:checked+i{background-image:url(/ui/check-on.webp)}.ui-check input:focus-visible+i{outline:.14em solid #ffd23c}.home-modal:has(.lobby){font-size:clamp(9px,min(2.15vh,1.15vw),17px)}.lobby{align-items:stretch;gap:.8em;width:66em;max-width:97vw;animation:.18s ease-out both home-pop;display:flex}.lobby-main{flex-direction:column;flex:1;gap:.7em;min-width:0;padding:.2em .5em .3em;display:flex;position:relative}.lobby-side{flex-direction:column;flex:none;gap:.5em;width:17em;padding:.2em .4em;display:flex}.lobby-title{letter-spacing:.05em;text-transform:uppercase;color:#fff;margin:0;font-size:2em;font-weight:700}.lobby-side h3,.lobby-box h3{letter-spacing:.05em;text-transform:uppercase;color:#ffd23c;margin:.2em 0 .1em;font-size:1.25em;font-weight:700}.lobby-tools{align-items:center;gap:.6em;display:flex}.lobby-table{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em}#lobby-rooms{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;height:21em;overflow-y:auto}.lobby-row{border-bottom:.08em solid #232d45;grid-template-columns:2em 2fr 1.4fr .6fr 1.3fr .7fr 5em 7em;align-items:center;gap:.6em;padding:.42em .7em;display:grid}.lobby-row b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lobby-row span{color:#c9d3e6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-row .ui-btn{padding:0}.lobby-head{text-transform:uppercase;letter-spacing:.06em;padding-top:.5em;padding-bottom:.5em;font-size:.85em}.lobby-head span{color:#8f9bb3}.lobby-lock img{width:1.7em;height:1.7em;display:block}.lobby-empty{text-align:center;color:#8f9bb3;margin:0;padding:3em 1em}.lobby-actions{flex-wrap:wrap;align-items:center;gap:.8em;display:flex}.lobby-actions .ui-check{margin-left:auto}.lobby-actions .ui-check+.ui-check{margin-left:0}.lobby .online-status{text-align:left;color:#ffb4a8;min-height:1.4em;margin:0}.lobby-armies{grid-template-columns:1fr 1fr;gap:.4em;display:grid}.lobby-army{min-width:0;font:inherit;color:#fff;cursor:pointer;background:0 0;border:.45em solid #0000;border-image:url(/hud/card.webp) 40 fill/.9em;flex-direction:column;align-items:center;padding:.1em;display:flex}.lobby-army img{aspect-ratio:4/3;object-fit:contain;width:100%}.lobby-army b{display:none}.lobby-army:hover{filter:brightness(1.15)}.lobby-army.picked{border-image-source:url(/hud/card-on.webp)}.lobby-box{width:26em;max-width:92vw;filter:drop-shadow(0 0 0 100vmax #080c1699) drop-shadow(0 1em 2em #000000b3);z-index:3;flex-direction:column;gap:.8em;padding:.3em .8em .5em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-box[hidden]{display:none}.lobby-box label{color:#c9d3e6;display:block}.lobby-box small{color:#8f9bb3}.lobby-box-actions{justify-content:center;gap:.7em;display:flex}.lobby-wait,.lobby-wait-code{text-align:center;margin:0}.lobby-wait-code{color:#c9d3e6}.lobby-wait-code b{color:#ffd23c;font-size:1.2em}@media (width<=760px),(height<=420px){.lobby-side{width:13em}#lobby-rooms{height:14em}}@media (prefers-reduced-motion:reduce){.lobby{animation:none}}.lobby-ping,#lobby-ping{align-items:center;gap:.4em;display:inline-flex}.lobby-ping img,#lobby-ping img{width:auto;height:1.5em}#lobby-ping{letter-spacing:0;text-transform:none;color:#c9d3e6;vertical-align:middle;margin-left:1em;font-size:.5em;font-weight:500}.create{z-index:3;background:#080c16d1;grid-template-rows:auto auto;grid-template-columns:minmax(0,30em) minmax(0,46em);place-content:center;gap:.8em;padding:1em;display:grid;position:absolute;inset:0}.create[hidden]{display:none}.create-form,.create-maps{flex-direction:column;gap:.75em;padding:.2em .6em .4em;display:flex;position:relative}.create-maps h3{letter-spacing:.05em;text-transform:uppercase;color:#ffd23c;margin:.1em 0;font-size:1.25em;font-weight:700}.create-row{color:#e8ecf4;grid-template-columns:9.5em minmax(0,1fr);align-items:center;gap:.8em;display:grid}.create-row .ui-input{margin:0}.ui-seg{gap:.4em;display:flex}.ui-seg button,.ui-stepper button{font:inherit;color:#c9d3e6;cursor:pointer;background:0 0;border-image-source:url(/ui/dark.webp);flex:1;padding:.2em 0;font-weight:600}.ui-seg button.on{color:#3b1d05;border-image-source:url(/ui/gold.webp)}.ui-seg button:hover,.ui-stepper button:hover,.map-grid button:hover{filter:brightness(1.2)}.ui-stepper{align-items:center;gap:.4em;display:flex}.ui-stepper button{flex:none;width:2.6em;padding:.2em 0 .35em;font-size:1.2em}.ui-stepper b{text-align:center;background:#0b1220;border:.14em solid #3a4763;border-radius:.25em;flex:1;padding:.4em 0;font-size:1.15em}.map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em;display:grid}.map-grid button{font:inherit;color:#e8ecf4;cursor:pointer;background:0 0;border:.4em solid #0000;border-image:url(/hud/card.webp) 40 fill/.8em;flex-direction:column;gap:.2em;padding:.15em;font-size:.9em;display:flex}.map-grid button.on{border-image-source:url(/hud/card-on.webp)}.map-grid img,#map-preview{aspect-ratio:4/3;width:100%;image-rendering:pixelated;display:block}.map-preview{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;grid-template-columns:15em minmax(0,1fr);align-items:start;gap:1em;padding:.6em;display:grid}#map-preview{background:#0b1220;border:.14em solid #0b0e17}#map-preview.unknown{visibility:hidden}.map-preview:has(#map-preview.unknown){image-rendering:pixelated;background:url(/ui/i-dice.webp) 5.1em/6em no-repeat,#080c168c}.map-preview b{color:#fff;font-size:1.4em}.map-preview p{color:#c9d3e6;margin:.35em 0 0;line-height:1.4}.map-preview .map-size{color:#8f9bb3;font-size:.9em}.create-go.ui-btn{align-self:stretch;margin-top:auto;padding:.4em .9em .45em;font-size:1.75em}.maps-head{justify-content:space-between;align-items:center;gap:1em;padding-right:3.4em;display:flex}#create-random{padding:.2em .7em .25em;font-size:1.15em}#create-random img{vertical-align:-.2em;height:1.15em;margin-right:.4em}#create-random.on{color:#3b1d05;border-image-source:url(/ui/gold.webp)}@media (width<=760px),(height<=420px){.create{grid-template-columns:minmax(0,24em) minmax(0,34em)}}.room{z-index:4;background:#080c16db;place-items:center;padding:1em;display:grid;position:absolute;inset:0}.room[hidden]{display:none}.room-panel{flex-direction:column;gap:.7em;width:78em;max-width:97vw;padding:.2em .6em .4em;display:flex}.room-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.room-head p{color:#7fd4ff;margin:.15em 0 0;font-size:.95em}.room-count{align-items:center;gap:.5em;font-size:1.15em;display:inline-flex}.room-count img{height:2.2em}.room-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1em;display:grid}.room-left,.room-right{flex-direction:column;gap:.55em;min-width:0;display:flex}.room h3{letter-spacing:.05em;text-transform:uppercase;color:#ffd23c;margin:.1em 0;font-size:1.2em;font-weight:700}.room h3.team-blue{color:#4aa8ff}.room h3.team-red{color:#ff5a4a}.seat{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;grid-template-columns:.5em 3em minmax(0,1fr) 7em 11.4em 2.2em;align-items:center;gap:.6em;min-height:3.6em;margin-bottom:.4em;padding:.3em .6em .3em 0;display:grid}.seat.empty{color:#8f9bb3;grid-template-columns:.5em 1fr}.seat-flag{background:#4aa8ff;border-radius:.2em 0 0 .2em;align-self:stretch}.seat-red .seat-flag{background:#ff5a4a}.seat-face{border:.14em solid #0b0e17;border-radius:.3em;width:3em;height:3em;box-shadow:0 0 0 .1em #3a4763}.seat b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.seat b small{color:#ffd23c;font-weight:500}.seat-ready{text-align:center;text-transform:uppercase;color:#c9d3e6;border-image-source:url(/ui/dark.webp);padding:.05em 0;font-size:.85em;font-weight:700}.seat-ready.on{color:#fff;background:#2f9e3c;border-radius:.3em;box-shadow:inset 0 .15em #6be35a,inset 0 -.2em #1c6a26}.seat-army,.army-hidden{color:#5f6f92;background:#0d121d;border:.12em solid #3a4763;border-radius:.25em;place-items:center;width:2em;height:2em;font-size:1.3em;font-style:normal;font-weight:700;display:inline-grid}.army-hidden{width:1.7em;height:1.7em;font-size:1em}.ui-select{font:inherit;color:#fff;background:#0b1220;border:.14em solid #3a4763;border-radius:.25em;width:100%;padding:.35em .5em}.seat-kick{font:inherit;color:#c9d3e6;cursor:pointer;background:#1b2233;border:.12em solid #3a4763;border-radius:.25em;width:2.2em;height:2.2em;padding:0;font-weight:700}.seat-kick:hover{color:#fff;background:#a3231f}.room-log{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;flex:1;min-height:6.5em;max-height:8.5em;padding:.5em .7em;font-size:.92em;overflow-y:auto}.room-log p{color:#e8ecf4;overflow-wrap:anywhere;margin:0 0 .2em}.room-log i{color:#ffd23c;font-style:normal}.room-log b{color:#7fd4ff;font-weight:600}.room-chat{gap:.5em;display:flex}.room-chat .ui-input{flex:1;margin:0}.room-map{grid-template-columns:14em minmax(0,1fr);align-items:start;gap:.9em;display:grid}.room-map img{aspect-ratio:4/3;width:100%;image-rendering:pixelated;background:#0b1220;border:.14em solid #0b0e17;display:block}.room-map img.unknown{visibility:hidden}.room-map b{font-size:1.25em}.room-map p{color:#c9d3e6;margin:.3em 0 .6em;font-size:.92em;line-height:1.35}.room-map .ui-stepper b{font-size:1em}.room-note{color:#8f9bb3;margin:0;font-size:.88em}.room.guest .host-only{display:none}.room.guest .room-right .ui-seg button,.room.guest .room-right .ui-stepper button{pointer-events:none}.room.guest .room-right .ui-seg button:not(.on),.room.guest .room-right .ui-stepper button{opacity:.35}.room-foot{align-items:center;gap:.8em;display:flex}.room-foot p{color:#c9d3e6;margin:0 auto 0 0}.ui-btn.red{border-image-source:url(/ui/red.webp)}@media (width<=760px),(height<=420px){.room-log{min-height:3.5em;max-height:4.5em}}.seat-pick{gap:.35em;display:flex}.seat-pick button{cursor:pointer;opacity:.55;background:0 0;border:.16em solid #3a4763;border-radius:.3em;width:2.6em;height:2.6em;padding:0}.seat-pick button img{border-radius:.15em;width:100%;height:100%;display:block}.seat-pick button:hover{opacity:1}.seat-pick button.on{opacity:1;border-color:#ffd23c;box-shadow:0 0 0 .1em #ffd23c}#rename-modal{z-index:70;position:fixed}#rename-modal .lobby-box{position:relative;top:auto;left:auto;transform:none}#rename-error{color:#ffb4a8;min-height:1.3em;margin:0}#home-rename[hidden]{display:none}#loading{z-index:90;color:#e8ecf4;background:#0b0e17;place-items:center;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(9px,min(2.2vh,1.2vw),18px);display:grid;position:fixed;inset:0;overflow:hidden}#loading[hidden]{display:none}#loading .home-bg{object-fit:cover;filter:brightness(.5);width:100%;height:100%;position:absolute;inset:0}.load{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:.8em;width:78em;max-width:97vw;display:grid;position:relative}.load-head{text-align:center;grid-column:2;padding:0 .6em .2em}.load-head h2{letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0;font-size:2em;font-weight:700}.load-head p{color:#c9d3e6;margin:.1em 0 0;font-size:.9em}.load-side{grid-row:2;padding:.2em .5em .5em}#load-blue{grid-column:1}#load-red{grid-column:3}.load-team{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#1e5fc0,#17386a);margin:0 0 .5em;padding:.25em .7em .35em;font-size:1.35em;font-weight:700}.load-team.load-red{text-align:right;background:linear-gradient(270deg,#c0352c,#5a1719)}.load-seat{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;grid-template-columns:5em minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.4em;display:grid}.load-seat img{border:.16em solid #0b0e17;border-radius:.3em;width:5em;height:5em;box-shadow:0 0 0 .1em #3a4763}.load-seat b{text-overflow:ellipsis;white-space:nowrap;font-size:1.2em;display:block;overflow:hidden}.load-seat span{color:#c9d3e6}.load-seat i{color:#6be35a;font-style:normal;font-weight:700}.load-mapbox{grid-area:2/2;padding:0}#load-map{aspect-ratio:4/3;width:100%;image-rendering:pixelated;display:block}.load-foot{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;justify-self:center;align-items:center;gap:.4em .8em;width:46em;max-width:100%;padding:.1em .6em .3em;display:grid}.load-foot b{text-align:center;letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:1.3em}.load-bar{background:#0b1220;border:.16em solid #3a4763;border-radius:.3em;height:1.1em;overflow:hidden}.load-bar i{background:linear-gradient(#ffe58f,#f6a821 55%,#e2861c);width:0;height:100%;display:block}#load-percent{color:#ffd23c;min-width:3em;font-weight:700}.load-foot p{color:#c9d3e6;grid-column:1/-1;margin:.2em 0 0;font-size:.92em}.load-foot em{color:#0b0e17;text-transform:uppercase;background:#ffd23c;border-radius:.2em;margin-right:.7em;padding:0 .5em;font-style:normal;font-weight:700}.create .bot-only,.create.bot .online-only{display:none}.create.bot .bot-only{display:revert}.create.bot .create-row.bot-only{display:grid}#online-modal.solo .lobby{display:none}.seat-pick button[data-army=""]{font:inherit;color:#fff;background:#1b2233;font-size:1.3em;font-weight:700}#report{z-index:85;color:#e8ecf4;background:#080c16b8;place-items:center;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(9px,min(1.95vh,1.15vw),17px);display:grid;position:fixed;inset:0;overflow:auto}#report[hidden]{display:none}.rep{flex-direction:column;align-items:center;width:76em;max-width:97vw;animation:.25s ease-out both home-pop;display:flex}.rep-banner{z-index:1;filter:drop-shadow(0 .6em .8em #0009);width:24em;max-width:70vw;margin-bottom:-3.4em;position:relative}.rep-panel{box-sizing:border-box;flex-direction:column;gap:.7em;width:100%;padding:2.6em .6em .2em;display:flex}.rep-note{text-align:center;color:#ffd23c;min-height:1.2em;margin:0;font-weight:600}.rep-teams{grid-template-columns:1fr 1fr;gap:.8em;display:grid}.rep-team h3{letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#1e5fc0,#17386a);justify-content:space-between;margin:0;padding:.3em .8em .4em;font-size:1.25em;display:flex}.rep-red h3{background:linear-gradient(90deg,#c0352c,#5a1719)}.rep-team h3 span{color:#ffe9a8;font-size:.8em}.rep-row{text-align:center;background:#080c168c;border:.1em solid #2a3550;border-top:0;grid-template-columns:minmax(0,2.6fr) repeat(5,minmax(0,1fr));align-items:center;gap:.4em;padding:.4em .6em;font-size:1.05em;display:grid}.rep-head{text-transform:uppercase;letter-spacing:.05em;color:#8f9bb3;font-size:.78em}.rep-who{text-align:left;grid-template-columns:2.8em minmax(0,1fr);align-items:center;column-gap:.6em;display:grid}.rep-head span:first-child{text-align:left}.rep-who img{border:.12em solid #0b0e17;border-radius:.3em;grid-row:span 2;width:2.8em;height:2.8em}.rep-who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rep-who small{color:#ffd23c;font-weight:500}.rep-who i{color:#c9d3e6;font-size:.85em;font-style:normal}.rep-score{color:#ffd23c;font-weight:700}.rep-lower{grid-template-columns:13em minmax(0,1fr) minmax(0,2fr);align-items:start;gap:.9em;display:grid}#report-map{aspect-ratio:4/3;width:100%;image-rendering:pixelated;border:.14em solid #0b0e17;display:block}.rep-about b{font-size:1.25em}.rep-about ul{color:#c9d3e6;margin:.3em 0 0;padding:0;font-size:.92em;line-height:1.55;list-style:none}.rep-stats h3{letter-spacing:.05em;text-transform:uppercase;color:#ffd23c;margin:0 0 .4em;font-size:1.1em}.rep-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5em;display:grid}.rep-tiles div{text-align:center;background:#080c168c;border:.1em solid #2a3550;border-radius:.3em;flex-direction:column;justify-content:center;align-items:center;gap:.3em;min-height:5em;padding:.3em;display:flex}.rep-tiles span{color:#c9d3e6;font-size:.82em}.rep-tiles b{color:#ffd23c;font-size:1.35em}.rep-foot{justify-content:center;gap:1em;margin-top:.2em;display:flex}.rep-foot .ui-btn[hidden]{display:none}.rep-foot{align-items:center}@media (prefers-reduced-motion:reduce){.rep{animation:none}}.rep-tabs{justify-content:center;align-items:flex-end;gap:.2em;margin-top:-1.2em;display:flex}.rep-tabs button{cursor:pointer;opacity:.6;background:0 0;border:0;flex:1 1 0;min-width:0;max-width:8.6em;padding:0;transition:opacity .12s,filter .12s}.rep-tabs button img{width:100%;display:block}.rep-tabs button:hover{opacity:.9}.rep-tabs button.on{opacity:1;filter:drop-shadow(0 0 .4em #ffd23c)}#report-summary{flex-direction:column;gap:.7em;display:flex}#report-summary[hidden],.rep-other[hidden]{display:none}.rep-mvp{color:#3b1d05;vertical-align:.1em;background:#ffd23c;border-radius:.2em;padding:.05em .45em;font-size:.72em;font-style:normal;font-weight:700}.rep-other{grid-template-columns:1fr 1fr;align-content:start;gap:.8em;min-height:17.5em;display:grid}.rep-other.wide{grid-template-columns:1fr}.rep-col h3{color:#fff;background:linear-gradient(90deg,#1e5fc0,#17386a);margin:0 0 .5em;padding:.3em .8em .4em;font-size:1.15em}.rep-col.rep-red h3{background:linear-gradient(90deg,#c0352c,#5a1719)}.rep-kinds{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(5.6em,1fr));gap:.4em;max-height:14em;display:grid;overflow-y:auto}.rep-kind{background:#080c168c;border:.1em solid #2a3550;border-radius:.3em;grid-template-columns:1fr 1fr;place-items:center;padding:.3em;display:grid}.rep-kind img{object-fit:contain;width:3em;height:2.4em;image-rendering:pixelated;grid-column:1/-1}.rep-kind b{color:#6be35a}.rep-kind i{color:#ff8a7a;font-style:normal}.rep-kind span{color:#c9d3e6;text-align:center;grid-column:1/-1;font-size:.7em;line-height:1.15}.rep-none{text-align:center;color:#8f9bb3;margin:2em 0}.rep-bar{grid-template-columns:12em minmax(0,1fr) 4.5em;align-items:center;gap:.7em;margin-bottom:.55em;display:grid}.rep-bar div{background:#0b1220;border:.1em solid #2a3550;border-radius:.2em;height:1em;overflow:hidden}.rep-bar i{background:linear-gradient(#ffe58f,#f6a821);height:100%;display:block}.rep-bar b{text-align:right;color:#ffd23c}.rep-chart svg{background:#080c168c;border:.1em solid #2a3550;border-radius:.3em;width:100%;height:13em}.rep-chart polyline{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke}.rep-chart polyline.blue{stroke:#4aa8ff}.rep-chart polyline.red{stroke:#ff5a4a}.rep-chart line{stroke:#2a3550;stroke-width:1px;vector-effect:non-scaling-stroke}.rep-chart text{fill:#8f9bb3;font-size:11px}.rep-chart p{color:#c9d3e6;margin:.5em 0 0;font-size:.9em}.rep-chart b.blue{color:#4aa8ff}.rep-chart b.red{color:#ff5a4a}.rep-foot .ui-btn{min-width:12em}.art img[hidden]{display:none}#campaign-modal{z-index:60;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(10px,min(2.1vh,1.15vw),17px);position:fixed}.camp{color:#e8ecf4;grid-template-columns:minmax(0,26em) minmax(0,46em);align-items:stretch;gap:.8em;max-width:97vw;animation:.18s ease-out both home-pop;display:grid}.camp-left,.camp-right{flex-direction:column;gap:.6em;padding:.2em .6em .5em;display:flex;position:relative}.camp h2{color:#fff;margin:0;font-size:1.8em}.camp-right h2{color:#ffd23c}.camp h3{text-transform:uppercase;letter-spacing:.05em;color:#7fd4ff;margin:.2em 0 .3em;font-size:1.1em}.camp-arc{color:#7fd4ff;margin:-.3em 0 .2em;font-size:.95em}.camp-list{flex-direction:column;gap:.45em;display:flex}.camp-list button{text-align:left;font:inherit;color:#e8ecf4;cursor:pointer;background:0 0;border:.5em solid #0000;border-image:url(/hud/card.webp) 40 fill/.9em;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:center;gap:.7em;padding:.3em .5em;display:grid}.camp-list button.on{border-image-source:url(/hud/card-on.webp)}.camp-list button.shut{opacity:.6}.camp-list b{text-align:center;color:#ffd23c;font-size:1.5em}.camp-list small{color:#8f9bb3;font-size:.8em;display:block}.camp-list i{color:#8f9bb3;white-space:nowrap;font-size:.78em;font-style:normal}.camp-list i.done{color:#6be35a}.camp-list i.open{color:#ffd23c}.camp-note{color:#8f9bb3;margin:auto 0 0;font-size:.85em}.camp-story{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;max-height:15em;overflow-y:auto}.camp-story p{margin:0 0 .6em;line-height:1.55}.camp-soon{color:#8f9bb3}#camp-goals{margin:0;padding-left:1.3em;line-height:1.6}#camp-goals li.side{color:#c9d3e6}#camp-goals em{color:#3b1d05;background:#7fd4ff;border-radius:.2em;padding:0 .4em;font-size:.75em;font-style:normal}.camp-best{color:#6be35a;min-height:1.2em;margin:0}.camp-actions{flex-wrap:wrap;gap:.7em;margin-top:auto;display:flex}.camp-actions .ui-btn[hidden]{display:none}.ic{vertical-align:-.22em;width:auto;height:1.15em;image-rendering:pixelated;margin-right:.4em}.home-nav .art:not([data-soon="0"]),.home-top .art:not([data-soon="0"]){position:relative}.home-nav .art:not([data-soon="0"]):after{content:"";aspect-ratio:148/63;pointer-events:none;background:url(/ui/soon.webp) 50%/contain no-repeat;width:34%;position:absolute;top:-18%;right:-4%}.ui-toggle{aspect-ratio:78/46;cursor:pointer;background:url(/ui/toggle-off.webp) 50%/contain no-repeat;border:0;justify-self:end;width:4.4em;padding:0}.ui-toggle.on{background-image:url(/ui/toggle-on.webp)}.ui-toggle:hover{filter:brightness(1.15)}.load-bar{box-sizing:border-box;background:url(/ui/bar-empty.webp) 50%/100% 100% no-repeat;border:0;height:1.5em;padding:.22em .3em}.load-bar i{background:linear-gradient(#ffe58f,#f6a821 55%,#e2861c);border-radius:.2em}.rep-tiles img{height:1.9em;image-rendering:pixelated}.camp-art{object-fit:cover;object-position:center 40%;border-radius:.2em;width:100%;max-height:13em}.camp-list i img{vertical-align:-.3em;height:1.3em;margin-right:.3em}#camp-goals{padding-left:0;list-style:none}#camp-goals li img{vertical-align:-.2em;height:1.1em;image-rendering:pixelated;margin-right:.5em}.camp-story{max-height:9.5em}.ib{cursor:pointer;background:0 0;border:0;flex:none;height:3.3em;padding:0;transition:transform 80ms,filter .12s}.ib.tall{height:5.4em}.ib img{width:auto;height:100%;display:block}.ib span{height:100%;display:block}.ib:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-.08em)}.ib:active:not(:disabled){transform:translateY(.08em)}.ib:disabled{cursor:default}.ib:focus-visible{outline-offset:.15em;outline:.16em solid #ffd23c}.camp-actions{align-items:center}#profile-modal{z-index:65;color:#e8ecf4;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(10px,min(2.1vh,1.2vw),17px);position:fixed}.prof{flex-direction:column;gap:.8em;width:44em;max-width:95vw;padding:3.6em .7em .6em;animation:.18s ease-out both home-pop;display:flex;position:relative}.prof-banner{pointer-events:none;width:15em;position:absolute;top:-3.6em;left:50%;transform:translate(-50%)}.prof-tabs{justify-content:center;gap:.3em;display:flex}.prof-tabs button{cursor:pointer;opacity:.6;background:0 0;border:0;flex:1 1 0;min-width:0;max-width:10em;padding:0}.prof-tabs button img{width:100%;display:block}.prof-tabs button.on{opacity:1;filter:drop-shadow(0 0 .35em #ffd23c)}.prof-tabs button:hover{opacity:.95}.prof-body{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;flex-direction:column;gap:.8em;min-height:19em;max-height:60vh;display:flex;overflow-y:auto}.prof-top{grid-template-columns:9em minmax(0,1fr);align-items:center;gap:1em;display:grid}.prof-face{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.prof-face>img{width:100%;display:block}.prof-face i{width:2.4em;position:absolute;bottom:-.2em;right:-.2em}.prof-face i img,.prof-icon img{width:100%;display:block}.prof-rows{flex-direction:column;gap:.5em;display:flex}.prof-row{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;align-items:center;gap:.8em;min-height:2.6em;padding:0 .3em 0 .9em;display:flex}.prof-row span{color:#8f9bb3;min-width:6.5em;font-size:.9em}.prof-row b{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.1em;overflow:hidden}.prof-icon{cursor:pointer;background:0 0;border:0;flex:none;width:2.2em;padding:0}.prof-icon:hover,.prof-face:hover{filter:brightness(1.15)}.prof-picker{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4em;padding:.5em;display:grid}.prof-picker[hidden]{display:none}.prof-picker button{cursor:pointer;opacity:.7;background:0 0;border:0;padding:0}.prof-picker button img{width:100%;display:block}.prof-picker button.on,.prof-picker button:hover{opacity:1;filter:drop-shadow(0 0 .3em #ffd23c)}.prof-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6em;display:grid}.prof-tiles div{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;flex-direction:column;align-items:center;gap:.2em;padding:.7em .3em;display:flex}.prof-tiles img{height:2.2em;image-rendering:pixelated}.prof-tiles span{color:#c9d3e6;font-size:.9em}.prof-tiles b{color:#ffd23c;font-size:1.6em}.prof-empty,.prof-note{text-align:center;color:#8f9bb3;margin:1.5em 1em;line-height:1.5}.prof-note{margin:0;font-size:.85em}.prof-table{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em}.prof-tr{text-align:center;border-bottom:.08em solid #232d45;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:.5em;padding:.45em .8em;display:grid}.prof-tr span:first-child{text-align:left;align-items:center;gap:.6em;display:flex}.prof-tr img{border-radius:.2em;width:2.2em;height:2.2em}.prof-tr.head{text-transform:uppercase;color:#8f9bb3;font-size:.82em}.prof-table.history .prof-tr{grid-template-columns:3em 4.5em minmax(0,2fr) minmax(0,1.3fr) 3.5em 4.5em;font-size:.92em}.prof-tr span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prof-tr .win{color:#6be35a;font-weight:700}.prof-tr .lose{color:#ff8a7a;font-weight:700}.prof-medals{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6em;display:grid}.prof-medals div{text-align:center;opacity:.55;background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;flex-direction:column;align-items:center;gap:.3em;padding:.8em .4em;display:flex}.prof-medals div.got{opacity:1;border-color:#ffd23c}.prof-medals img{height:4.2em}.prof-medals div:not(.got) img{height:3em;margin:.6em 0}.prof-medals span{color:#c9d3e6;font-size:.8em;line-height:1.3}#units-modal{z-index:65;color:#e8ecf4;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(10px,min(2.05vh,1.15vw),17px);position:fixed}.units{flex-direction:column;gap:.7em;width:74em;max-width:97vw;padding:.2em .7em .6em;animation:.18s ease-out both home-pop;display:flex;position:relative}.units .lobby-title small{letter-spacing:0;text-transform:none;color:#7fd4ff;margin-left:.8em;font-size:.45em;font-weight:500}.units-factions{gap:.5em;display:flex}.units-factions button{font:inherit;text-transform:uppercase;color:#c9d3e6;cursor:pointer;background:0 0;border-image-source:url(/ui/dark.webp);align-items:center;gap:.5em;padding:.05em .35em .1em 0;font-weight:700;display:flex}.units-factions button.on{color:#3b1d05;border-image-source:url(/ui/gold.webp)}.units-factions img{border-radius:.2em;width:2em;height:2em}.units-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1em;height:29em;max-height:66vh;display:grid}.units-list,.units-detail{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;overflow-y:auto}.units h4{text-transform:uppercase;letter-spacing:.05em;color:#ffd23c;margin:.2em 0 .4em;font-size:1em}.units-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4em;margin-bottom:.6em;display:grid}.units-grid button{min-width:0;font:inherit;color:#e8ecf4;cursor:pointer;background:0 0;border:.45em solid #0000;border-image:url(/hud/card.webp) 40 fill/.9em;flex-direction:column;align-items:center;gap:.15em;padding:.1em;font-size:.78em;display:flex}.units-grid button.on{border-image-source:url(/hud/card-on.webp)}.units-grid button:hover{filter:brightness(1.2)}.units-grid img{object-fit:contain;width:4.2em;height:3.2em;image-rendering:pixelated}.units-grid span{text-align:center;min-height:2.3em;line-height:1.15}.units-detail{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;padding:.8em}.units-head{align-items:center;gap:1em;margin-bottom:.8em;display:flex}.units-head img{object-fit:contain;width:6.5em;height:5.5em;image-rendering:pixelated}.units-head h3{color:#ffd23c;margin:0;font-size:1.6em}.units-head p{color:#7fd4ff;margin:.1em 0 0}.units-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em;display:grid}.units-stats div{background:#0b1220;border:.1em solid #2a3550;border-radius:.25em;flex-direction:column;padding:.35em .6em;display:flex}.units-stats span{color:#8f9bb3;font-size:.78em}.units-stats b{font-size:1.1em}.units-notes{color:#c9d3e6;margin:.8em 0 0;padding-left:1.2em;line-height:1.6}.units-bar{flex-wrap:wrap;align-items:center;gap:1em;display:flex}.units-bar .ui-seg button{white-space:nowrap;padding-left:1.2em;padding-right:1.2em}.units-factions[hidden],.units-body[hidden],.units-wide[hidden]{display:none}.units-wide{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;height:29em;max-height:66vh;overflow-y:auto}.units-stage{background:radial-gradient(circle at 50% 70%,#24401c,#0b1220 70%);border:.12em solid #2a3550;border-radius:.3em;flex:none;place-items:center;width:10em;height:10em;display:grid;overflow:hidden}#units-turn{image-rendering:pixelated;background-repeat:no-repeat}.units-building{max-width:92%;max-height:92%;image-rendering:pixelated}.units-head .ui-btn{margin-top:.6em;font-size:.8em}.units-grid button.pinned{box-shadow:0 0 0 .15em #4aa8ff}.units-vs-head{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:.6em;display:grid}.units-vs-head img{object-fit:contain;width:5em;height:4em;image-rendering:pixelated;margin:0 auto .2em;display:block}.units-vs-head i{color:#ffd23c;font-size:1.4em;font-style:normal;font-weight:700}.units-vs-row{text-align:center;border-top:.08em solid #232d45;grid-template-columns:1fr 8em 1fr;align-items:center;padding:.35em 0;display:grid}.units-vs-row span{color:#8f9bb3;font-size:.9em}.units-vs-row b{font-size:1.15em}.units-vs-row b.best{color:#6be35a}.units-vs+.ui-btn{margin-top:.8em;font-size:.85em}.units-roles-row{border-bottom:.08em solid #232d45;grid-template-columns:9em repeat(4,minmax(0,1fr));align-items:center;gap:.4em;padding:.25em 0;display:grid}.units-roles-row.head{z-index:1;text-align:center;color:#ffd23c;background:#131c33;position:sticky;top:0}.units-roles-row>span{color:#7fd4ff;font-weight:600}.units-roles-row button,.units-tree button{text-align:left;font:inherit;color:#e8ecf4;cursor:pointer;background:#080c168c;border:.1em solid #2a3550;border-radius:.25em;grid-template-columns:3em minmax(0,1fr);align-items:center;column-gap:.5em;padding:.2em .4em;display:grid}.units-roles-row button:hover,.units-tree button:hover{border-color:#ffd23c}.units-roles-row img{object-fit:contain;width:3em;height:2.4em;image-rendering:pixelated;grid-row:span 2}.units-roles-row b{text-overflow:ellipsis;white-space:nowrap;font-size:.9em;overflow:hidden}.units-roles-row button span{color:#8f9bb3;font-size:.75em}.units-foot{color:#8f9bb3;margin:.6em 0 0;font-size:.85em}.units-tree{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;display:grid}.units-node{background:#080c1673;border:.12em solid #2a3550;border-radius:.3em;flex-direction:column;gap:.4em;padding:.5em;display:flex}.units-node-head{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.units-node-head button{border-color:#7a4a22;font-weight:700}.units-node em{color:#ffb347;font-size:.8em;font-style:normal}.units-node em.free{color:#6be35a}.units-tree button{grid-template-columns:2.4em auto;padding:.15em .5em .15em .2em}.units-tree img{object-fit:contain;width:2.4em;height:2em;image-rendering:pixelated}.units-tree button span{white-space:nowrap;font-size:.82em}.units-tier i{color:#7fd4ff;margin-bottom:.2em;font-size:.78em;font-style:normal;display:block}.units-tier>div{flex-wrap:wrap;gap:.3em;display:flex}.units-plain{color:#c9d3e6;font-size:.85em}#factions-modal{z-index:65;color:#e8ecf4;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(10px,min(2.05vh,1.15vw),17px);position:fixed}.fac{flex-direction:column;gap:.7em;width:72em;max-width:97vw;padding:.2em .7em .6em;animation:.18s ease-out both home-pop;display:flex;position:relative}.fac .lobby-title small{letter-spacing:0;text-transform:none;color:#7fd4ff;margin-left:.8em;font-size:.45em;font-weight:500}.fac-body{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;grid-template-columns:minmax(0,24em) minmax(0,1fr);gap:1.2em;max-height:68vh;display:grid;overflow-y:auto}.fac-art{width:100%;display:block}.fac-motto{text-align:center;color:#ffd23c;margin:.3em 0 .6em;font-size:1.15em;font-weight:600}.fac-bar{grid-template-columns:7.5em minmax(0,1fr) 3.4em;align-items:center;gap:.6em;margin-bottom:.4em;display:grid}.fac-bar span{color:#c9d3e6;font-size:.92em}.fac-bar div{background:#0b1220;border:.1em solid #2a3550;border-radius:.2em;height:.9em;position:relative}.fac-bar div:after{content:"";background:#8f9bb3;width:.1em;position:absolute;top:-.2em;bottom:-.2em;left:50%}.fac-bar i{background:#8f9bb3;position:absolute;top:0;bottom:0}.fac-bar i.good{background:#6be35a}.fac-bar i.bad{background:#ff6a5a}.fac-bar b{text-align:right;color:#8f9bb3;font-size:.95em}.fac-bar b.good{color:#6be35a}.fac-bar b.bad{color:#ff8a7a}.fac-note{color:#8f9bb3;margin:.3em 0 0;font-size:.8em}.fac-right p{margin:0 0 .7em;line-height:1.55}.fac-story{color:#ffe9a8;font-style:italic}.fac h4{text-transform:uppercase;letter-spacing:.05em;color:#7fd4ff;margin:0 0 .3em;font-size:1em}.fac h4.good{color:#6be35a}.fac h4.bad{color:#ff8a7a}.fac-cols{grid-template-columns:1fr 1fr;gap:1em;margin-bottom:.7em;display:grid}.fac-cols ul{margin:0;padding-left:1.2em;line-height:1.5}.fac-stars{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em;margin-bottom:.8em;display:grid}.fac-stars div{text-align:center;background:#080c168c;border:.1em solid #2a3550;border-radius:.3em;flex-direction:column;align-items:center;gap:.2em;padding:.4em .2em;font-size:.85em;display:flex}.fac-stars img{object-fit:contain;width:4.6em;height:3.6em;image-rendering:pixelated}.fac-foot{justify-content:space-between;align-items:center;gap:1em;display:flex}.fac-foot span{color:#c9d3e6;font-size:.92em}#shop-modal{z-index:65;color:#e8ecf4;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(10px,min(2.05vh,1.15vw),17px);position:fixed}.shop{flex-direction:column;gap:.7em;width:74em;max-width:97vw;padding:.2em .7em .6em;animation:.18s ease-out both home-pop;display:flex;position:relative}.shop-top{align-items:center;gap:1.5em;padding-right:3.4em;display:flex}.shop-top .lobby-title{margin-right:auto}.shop-top .lobby-title small{letter-spacing:0;text-transform:none;color:#7fd4ff;margin-left:.8em;font-size:.45em;font-weight:500}.shop .home-plate{width:11em}.shop .home-plate b{color:#fff;font-size:1.2em}.shop-body{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1em;display:grid}.shop-grid{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.6em;max-height:66vh;display:grid;overflow-y:auto}.shop-grid button{min-width:0;font:inherit;color:#e8ecf4;cursor:pointer;background:0 0;border:.5em solid #0000;border-image:url(/hud/card.webp) 40 fill/1em;flex-direction:column;align-items:stretch;gap:.2em;padding:.1em;display:flex}.shop-grid button.on{border-image-source:url(/hud/card-on.webp)}.shop-grid button:hover{filter:brightness(1.15)}.shop-grid b{text-align:center;text-transform:uppercase;letter-spacing:.03em;font-size:.95em}.shop-grid button>img,#shop-big{aspect-ratio:2;width:100%;image-rendering:pixelated;background:linear-gradient(#2c5e3a,#4a8a3f 60%,#6a5a3a);border-radius:.2em}.shop-grid i{text-align:center;justify-content:center;align-items:center;gap:.4em;padding:.2em 0 .3em;font-style:normal;font-weight:700;display:flex}.shop-grid i img{height:1.2em}.shop-grid i.price{color:#3b1d05;border-image-source:url(/ui/gold.webp)}.shop-grid i.own{color:#c9d3e6}.shop-grid i.worn{color:#6be35a}.shop-side{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;flex-direction:column;gap:.6em;padding:.7em;display:flex}.shop-side h3{text-align:center;text-transform:uppercase;color:#ffd23c;margin:0;font-size:1.4em}.shop-side p{color:#c9d3e6;margin:0;line-height:1.5}.shop-side .ui-btn{align-self:stretch}.shop-side .online-status{color:#ffb4a8;text-align:center;min-height:1.3em}.shop-note{font-size:.82em;color:#8f9bb3!important;margin-top:auto!important}.home-plate b#home-gems{color:#fff}.shop-grid i.price{padding:0}#missions-modal{z-index:65;color:#e8ecf4;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(10px,min(2.1vh,1.2vw),17px);position:fixed}.mis{flex-direction:column;gap:.8em;width:46em;max-width:95vw;padding:.2em .7em .6em;animation:.18s ease-out both home-pop;display:flex;position:relative}.mis .lobby-title small{letter-spacing:0;text-transform:none;color:#7fd4ff;margin-left:.8em;font-size:.45em;font-weight:500}.mis-list{flex-direction:column;gap:.6em;min-height:12em;display:flex}.mis-row{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;grid-template-columns:minmax(0,1fr) 3.5em 4.5em 10em;align-items:center;gap:.9em;padding:.7em .9em;display:grid}.mis-row.claimed{opacity:.6}.mis-reward{color:#ffd23c;align-items:center;gap:.4em;font-size:1.15em;font-weight:700;display:flex}.mis-reward img{height:1.3em}.mis-what{flex-direction:column;gap:.4em;min-width:0;display:flex}.mis-what b{font-size:1.05em}.mis-what .load-bar{height:1.2em}.mis-count{text-align:center;color:#c9d3e6}.mis-done{color:#6be35a;justify-content:center;align-items:center;gap:.4em;font-weight:700;display:flex}.mis-done img{height:1.2em;image-rendering:pixelated}.mis-foot{color:#7fd4ff;justify-content:space-between;gap:1em;display:flex}.mis-foot .online-status{color:#ffb4a8}.mis .shop-note{margin:0!important}.home-top .home-icon{position:relative}.home-n{box-sizing:border-box;color:#fff;min-width:1.5em;height:1.5em;line-height:1.5em;font:700 calc(11 * var(--u)) / 1.5em "Chakra Petch", system-ui, sans-serif;text-align:center;pointer-events:none;background:#e0342b;border:.12em solid #fff;border-radius:.75em;padding:0 .3em;position:absolute;top:-14%;right:-14%}.home-n[hidden]{display:none}#friends-modal,#mail-modal{z-index:65;color:#e8ecf4;font-family:Chakra Petch,system-ui,sans-serif;font-size:clamp(10px,min(2.1vh,1.2vw),17px);position:fixed}.soc{flex-direction:column;gap:.6em;width:42em;max-width:95vw;padding:.2em .7em .6em;animation:.18s ease-out both home-pop;display:flex;position:relative}.soc .lobby-title small{letter-spacing:0;text-transform:none;color:#7fd4ff;margin-left:.8em;font-size:.45em;font-weight:500}.soc-add{align-items:center;gap:.6em;display:flex}.soc-add[hidden]{display:none}.soc-add .ui-input{flex:1;margin:0}.soc .online-status{color:#ffd98a;min-height:1.3em;margin:0}.soc-list{scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;flex-direction:column;gap:.4em;min-height:14em;max-height:54vh;display:flex;overflow-y:auto}.soc-list h4{text-transform:uppercase;letter-spacing:.05em;color:#ffd23c;margin:.4em 0 0;font-size:.9em}.soc-list h4 small{color:#8f9bb3;margin-left:.3em}.soc-row{background:#080c168c;border:.12em solid #2a3550;border-radius:.3em;grid-template-columns:3em minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.4em .7em;display:grid}.soc-row>img{object-fit:contain;width:3em;height:3em}.soc-row.mail>img{width:2.2em;height:2.2em;image-rendering:pixelated;justify-self:center}.soc-row div{flex-direction:column;min-width:0;display:flex}.soc-row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.soc-row i{color:#8f9bb3;font-size:.85em;font-style:normal;line-height:1.4}.soc-row i.on{color:#6be35a}.soc-row>span{align-items:center;gap:.4em;display:flex}.soc-row .ui-btn{font-size:.85em}.soc-row.new{border-color:#ffd23c}.soc-row.new b:after{content:" ●";color:#ffd23c}.soc-row small{color:#8f9bb3;font-size:.8em}.soc-bin{cursor:pointer;opacity:.7;background:0 0;border:0;width:2em;height:2em;padding:.2em}.soc-bin:hover{opacity:1}.soc-bin img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.soc-foot{justify-content:flex-end;min-height:2em;display:flex}.soc-foot [hidden]{display:none}.soc .shop-note{margin:0!important}@media (height<=480px){.home-modal .ui-frame{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7a4a22 transparent;box-sizing:border-box;max-height:calc(100dvh - 6px);overflow-y:auto}.units-body,.units-wide{height:auto;max-height:none}.prof-body,.soc-list,.shop-grid,.fac-body{min-height:0;max-height:none}.prof{padding-top:.4em}.prof-banner{align-self:center;width:11em;margin-bottom:-.4em;position:static;transform:none}.home-nav{top:calc(var(--oy) + 150 * var(--u));transform-origin:0 0;transform:scale(1.3)}.home-top{transform-origin:100% 0;transform:scale(1.5)}.home-user{font-size:max(11px, calc(15 * var(--u)))}.create{background:#080c16f5;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-content:start;padding:.5em;position:fixed;overflow-y:auto}.create .ui-frame{max-height:none;overflow:visible}.create-form,.create-maps{gap:.5em}.create-row{grid-template-columns:7.5em minmax(0,1fr);gap:.5em}#report{place-items:start center;padding:.3em 0}.rep-banner{width:12em;margin-bottom:-1.7em}.rep-tabs{margin-top:-.4em}.rep-tabs button{max-width:7em}}