*{box-sizing:border-box}:root{color-scheme:dark;--ink:#eeeedb;--muted:#aab7a1;--gold:#d6c59a}body{margin:0;background:#0d1711;color:var(--ink);font:14px/1.45 Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold)}button{cursor:pointer;color:inherit;background:#2b3f2f;border:1px solid #65754f;border-radius:5px;padding:9px 12px;font-weight:600}button:hover:not(:disabled){background:#405536;border-color:#becb91}button:disabled{cursor:default;opacity:.4}a{color:var(--gold)}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:.025em}h2{font-size:17px}h3{font-size:14px}small,.muted{color:var(--muted)}small{font-size:12px}input,select{width:100%;border:1px solid #5e7052;background:#102019;color:var(--ink);border-radius:4px;padding:10px}label{display:block;color:#c2ceb9;font-size:12px;margin-bottom:6px}.eyebrow{font:11px/1.5 Consolas,monospace;letter-spacing:.14em;color:var(--gold)}
.lobby-tablet{position:relative;height:100dvh;min-height:680px;padding:26px 25px 29px;border:2px solid #10180f;border-radius:25px;background:url('../assets/tablet-camo.svg') center/100% 100%,#384732;box-shadow:inset 0 1px 3px #bbc2a5,inset 0 -3px 6px #101a12}.lobby-hardware{pointer-events:none;position:absolute;inset:0;background:url('../assets/tablet-wear.svg') center/100% 100%;border-radius:24px;z-index:5}.lobby-hardware i{position:absolute;width:11px;height:11px;border-radius:50%;background:linear-gradient(120deg,#7d8565,#152016);border:2px solid #253522;box-shadow:0 0 0 1px #0e180d}.lobby-hardware i:nth-child(1){left:6px;top:6px}.lobby-hardware i:nth-child(2){right:6px;top:6px}.lobby-hardware i:nth-child(3){left:6px;bottom:7px}.lobby-hardware i:nth-child(4){right:6px;bottom:7px}.lobby-hardware>span{position:absolute;right:50px;top:6px;color:#bec49b99;font:8px Consolas;letter-spacing:.15em}.lobby-screen{height:100%;display:grid;grid-template-rows:85px minmax(0,1fr) 64px;background:radial-gradient(ellipse at 20% 0,#34473588,transparent 60%),#14221c;border:1px solid #07120b;border-radius:8px;overflow:hidden;box-shadow:0 0 0 2px #71845b33}.lobby-top{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-bottom:1px solid #4d5e4766;gap:20px}.lobby-top h1{margin:2px 0}.terminal-status{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#c5d59c;box-shadow:0 0 10px #a4c77e66}.quiet-link{font-size:13px;text-decoration:none;padding:8px 12px;border:1px solid #60705266;border-radius:5px}.lobby-body{display:grid;grid-template-columns:210px minmax(0,1fr) 290px;min-height:0}.lobby-left,.lobby-right{min-height:0;overflow:auto;padding:19px;scrollbar-width:thin;scrollbar-color:#627253 #14221c}.lobby-left{border-right:1px solid #4d5e4766}.lobby-right{border-left:1px solid #4d5e4766}.lobby-center{display:flex;flex-direction:column;min-height:0;padding:16px 18px;gap:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.profile-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.avatar-large{width:44px;height:49px;object-fit:contain;image-rendering:pixelated;background:#0c1c14;border-radius:6px;border:1px solid #667451}.profile-head strong{display:block;font-size:16px;overflow-wrap:anywhere}.local-tag{display:block;font:10px Consolas;color:#b6c69f;margin-top:4px}.profile-editor{display:grid;gap:10px}.avatars{display:flex;gap:6px}.avatar-choice{padding:3px;background:#14221b}.avatar-choice img{width:35px;height:40px;object-fit:contain;image-rendering:pixelated}.avatar-choice.active{border-color:var(--gold);background:#4a5133}.full{width:100%}.left-section{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #52604655}.left-section:last-child{border:0}.mode-buttons{display:grid;gap:7px;margin-top:12px}.mode-buttons button{text-align:left;padding:11px 12px}.mode-buttons button small{display:block;margin-top:3px;font-size:11px;font-weight:400}.mode-buttons .active{border-color:#b9cc93;background:#3a4b31;box-shadow:inset 3px 0 #d8ce9d}.map-stamp{position:relative;height:48px;border:1px solid #607253;border-radius:5px;background:repeating-linear-gradient(0deg,transparent 0 19px,#9bae7e11 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#9bae7e11 19px 20px),radial-gradient(ellipse at 90% 100%,#566442,#21362b);padding:12px;display:flex;align-items:end;overflow:hidden;margin:12px 0}.map-stamp::after{content:'';position:absolute;top:-25px;right:25px;width:55px;height:170px;transform:rotate(30deg);border-left:2px solid #8caaa866;border-right:9px solid #527c7e44;border-radius:50%}.map-stamp strong{z-index:1;font-size:15px}.map-facts{display:grid;gap:5px;font-size:12px;color:var(--muted)}.bot-style{margin-top:12px}.presets{display:grid;gap:7px}.preset{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px}.preset span{font-size:12px}.preset button{padding:6px 8px;font-size:11px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-toolbar p{font-size:12px;color:var(--muted);margin-top:3px}.auto-button{white-space:nowrap;background:#35472e;border-color:#8c9e6c}.catalog-tabs{display:flex;gap:5px;flex-wrap:wrap}.catalog-tabs button{padding:7px 9px;font-size:12px;background:transparent;border-color:#52634966}.catalog-tabs .active{background:#d2c59c;color:#19251c;border-color:#d2c59c}.catalog-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));grid-auto-rows:122px;gap:7px;align-content:start;padding:0 5px 8px 0;scrollbar-width:thin;scrollbar-color:#627253 #14221c}.catalog-card{background:linear-gradient(145deg,#31413255,#192a23);border:1px solid #53644d88;border-radius:6px;display:flex;flex-direction:column;min-height:0;padding:7px}.catalog-card:hover{border-color:#8b9d71}.catalog-card.chosen{border-color:#a8ba80;background:linear-gradient(145deg,#4e5c3555,#1a2c23)}.catalog-card img{height:43px;width:100%;object-fit:contain;image-rendering:pixelated;margin:1px 0 2px}.catalog-card h3{font-size:12px;line-height:1.2;min-height:29px}.catalog-card p{font-size:12px;line-height:1.35;color:var(--muted);margin:5px 0 13px;flex:1}.card-bottom{display:flex;justify-content:space-between;gap:5px;align-items:center}.price{font:bold 15px Consolas;color:var(--gold)}.price small{font:10px Arial;margin-left:3px;color:#bcb79b}.counter{display:flex;align-items:center;gap:5px}.counter button{width:23px;height:23px;padding:0;font-size:17px}.counter b{font:14px Consolas;min-width:10px;text-align:center}.army-budget{background:#34453044;border:1px solid #7f906255;padding:13px;border-radius:6px;margin-bottom:14px}.budget-numbers{display:flex;align-items:baseline;justify-content:space-between}.budget-numbers strong{font:700 29px Consolas;color:#e3deb7}.budget-numbers span{font:13px Consolas;color:var(--muted)}.budget-track{height:5px;background:#0f1c13;border-radius:4px;overflow:hidden;margin:8px 0}.budget-track i{display:block;height:100%;background:#b6ca8c}.budget-note{font-size:11px;color:var(--muted)}.army-list{display:grid;gap:5px;margin-bottom:12px;max-height:32vh;overflow:auto;scrollbar-width:thin}.army-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px}.army-row img{height:28px;width:25px;object-fit:contain;image-rendering:pixelated}.army-row strong{display:block;font-size:12px;line-height:1.25}.army-row small{font:11px Consolas}.army-row button{padding:4px 7px}.army-empty{border:1px dashed #71815d77;padding:18px 12px;text-align:center;color:var(--muted);font-size:13px}.composition{display:flex;flex-wrap:wrap;gap:5px;font-size:11px}.composition span{padding:4px 6px;background:#32452f;border-radius:3px}.warnings{display:grid;gap:5px;font-size:11px;color:#d3bd8b;margin:10px 0}.chat-section{margin-top:20px;padding-top:16px;border-top:1px solid #4d5e4777}.offline-label{font:10px Consolas;color:#bfbea3}.presence-empty{font-size:12px;color:var(--muted);margin:10px 0}.chat-empty{padding:13px 10px;background:#101f18;border:1px solid #42583e66;border-radius:4px;color:#a9b69f;font-size:12px;line-height:1.5}.chat-form{display:flex;gap:5px;margin-top:9px}.chat-form input{min-width:0;font-size:12px;padding:8px}.chat-form button{padding:7px 9px}.room-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.room-slots>div{padding:8px;background:#13211b;border:1px dashed #53684a;font-size:11px;color:var(--muted)}.room-slots b{display:block;margin-bottom:4px;color:#e0dfc9}.lobby-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #5a684f77;background:#112017;padding:11px 23px}.lobby-message{font-size:12px;color:#c9cdaf;max-width:65%;overflow-wrap:anywhere}.primary{background:#c4d098;color:#182218;border-color:#d8deb3;min-width:210px;padding:12px 20px}.primary:hover:not(:disabled){background:#dbe3b8;color:#142017}.primary:disabled{opacity:.45}.clear-button{font-size:11px;padding:4px 7px;background:transparent}.boot-message{padding:40px}.network-formats{display:flex;gap:5px;margin-top:12px}.network-formats .active{background:#4d5938;border-color:#b4c58b}
.lobby-hardware>.lobby-device-status{top:auto;bottom:7px;right:44px;display:flex;align-items:center;gap:14px;color:#c1c3a080;font:600 7px/10px Consolas,monospace;letter-spacing:.14em;text-shadow:0 1px #111b1399;white-space:nowrap}.lobby-device-status>span{display:flex;align-items:center;gap:6px}.lobby-device-status b{width:6px;height:6px;background:#a6d37d;border-radius:50%;box-shadow:0 0 5px #a6d37d88,inset 0 1px #d7edb66b}
.profile-settings summary{cursor:pointer;color:#c8d1b7;font-size:12px;padding:4px 0}.profile-settings[open] summary{margin-bottom:9px}.catalog-tabs button small{margin-left:6px;font:10px Consolas;opacity:.65;color:inherit}.catalog-filters{display:flex;gap:7px;align-items:center;flex:none}.catalog-search{flex:1;min-width:85px;margin:0}.catalog-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.catalog-search input{padding:7px 10px;font-size:12px;height:33px}.catalog-filters select{width:145px;font-size:11px;height:33px;padding:5px}.catalog-filters button{height:33px;padding:6px 9px;font-size:11px;white-space:nowrap}.catalog-filters button.active{background:#555b37;border-color:#d3ca9b}#catalog-count{font:11px Consolas;color:var(--muted);white-space:nowrap;min-width:40px;text-align:right}.catalog-card{position:relative;justify-content:space-between;overflow:hidden}.catalog-card.inspected{border-color:#d2c496;box-shadow:inset 0 0 0 1px #d2c49655}.catalog-card.chosen{background:linear-gradient(140deg,#52633d77,#1d3026)}.catalog-pick{display:block;text-align:left;width:100%;padding:0;border:0;border-radius:0;background:none;font-weight:400}.catalog-pick:hover:not(:disabled){background:transparent;border:0}.catalog-pick:focus-visible{outline-offset:1px}.catalog-card .catalog-pick h3{color:var(--ink)}.tile-category{display:block;font:9px Consolas;text-transform:uppercase;letter-spacing:.04em;color:#9ead8d;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tile-quantity{position:absolute;right:6px;top:5px;background:#c6d39c;color:#1b2b20;font:bold 10px Consolas;padding:2px 4px;border-radius:2px}.catalog-card .card-bottom{padding-top:4px;border-top:1px solid #6b7a5155;flex:none}.catalog-card .counter b{font-size:11px}.catalog-empty{grid-column:1/-1;padding:25px 15px;color:var(--muted);font-size:13px}.unit-inspector{flex:none;display:flex;align-items:center;gap:12px;min-height:88px;border-top:1px solid #687c5166;background:#0e1e1677;padding:10px 12px;border-radius:4px}.unit-inspector>img{width:90px;height:66px;object-fit:contain;image-rendering:pixelated}.inspector-copy{flex:1;min-width:0}.inspector-copy h3{font-size:15px;margin:3px 0}.inspector-copy p{font-size:12px;color:#c2ccb7}.inspector-copy small{font-size:10px}.inspector-purchase{display:grid;gap:7px;justify-items:end;flex:none}.inspector-purchase strong{font:700 21px Consolas;color:var(--gold)}.inspector-purchase small{font:11px Arial}.inspector-purchase button{padding:6px 9px;font-size:11px}.army-row .counter{gap:4px}.army-row .counter button{width:21px;height:22px;padding:0}.army-row .counter b{font-size:12px;min-width:14px}.army-row strong{font-size:11px}.profile-editor .avatars{gap:4px}.avatar-choice img{width:29px;height:33px}
.catalog-card{display:grid;grid-template-rows:minmax(0,1fr) 26px;gap:3px}.catalog-pick{display:grid;grid-template-rows:10px minmax(0,1fr) 29px;min-height:0}.catalog-card .catalog-pick>img{display:block;width:100%;height:100%;min-height:0;max-height:40px;margin:0;object-fit:contain}.catalog-card .catalog-pick h3{height:29px;min-height:0;overflow:hidden}.tile-category{line-height:10px}.catalog-card .card-bottom{padding-top:2px;gap:3px}.catalog-card .counter{gap:4px}.catalog-card .price small{display:none}
@media(min-width:1700px){.lobby-body{grid-template-columns:230px minmax(0,1fr) 310px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.catalog-card img{height:43px}.catalog-card{min-height:0}}
@media(max-width:1150px){.lobby-body{grid-template-columns:185px minmax(0,1fr) 270px}.lobby-left,.lobby-right{padding:13px}.lobby-center{padding:15px 13px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.catalog-card{padding:6px}.catalog-toolbar{align-items:start}.auto-button{font-size:12px;padding:9px}.lobby-top{padding:13px 18px}.terminal-status>span:not(.status-dot){display:none}}
@media(max-width:850px){.lobby-tablet{height:auto;min-height:100dvh;padding:20px 14px 24px;border-radius:18px}.lobby-screen{height:auto;min-height:calc(100dvh - 46px);grid-template-rows:auto 1fr auto;overflow:visible}.lobby-body{grid-template-columns:190px minmax(0,1fr)}.lobby-right{grid-column:1/-1;border-left:0;border-top:1px solid #526046;display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:visible}.chat-section{margin:0;padding:0;border:0}.lobby-left{overflow:visible}.lobby-center{min-height:600px}.catalog-grid{max-height:700px}.lobby-footer{position:sticky;bottom:0;z-index:4}.lobby-top h1{font-size:21px}.terminal-status{gap:5px}.quiet-link{font-size:11px;padding:6px}.eyebrow{font-size:10px}.primary{min-width:170px;font-size:13px}}
@media(max-width:560px){.lobby-body{grid-template-columns:1fr}.lobby-left{border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-section{grid-column:1/-1}.profile-editor{grid-template-columns:1fr 1fr;align-items:end}.profile-editor label,.profile-editor input{grid-column:1/-1}.profile-editor .full{grid-column:2}.left-section{margin:0;padding-bottom:10px}.lobby-center{min-height:500px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:620px}.lobby-right{grid-template-columns:1fr;gap:15px}.lobby-top{gap:7px;padding:12px}.lobby-top h1{font-size:18px}.terminal-status .quiet-link{padding:5px}.lobby-top .eyebrow{font-size:9px}.catalog-toolbar h2{font-size:16px}.catalog-toolbar p{max-width:170px}.lobby-footer{padding:10px;gap:8px}.lobby-message{font-size:11px;max-width:52%}.primary{min-width:140px;padding:11px 9px}.catalog-card h3{font-size:13px}.catalog-card img{height:43px}}
@media(max-width:1150px){.catalog-tabs button{font-size:11px;padding:6px 7px}.catalog-tabs button small{margin-left:3px}.unit-inspector{gap:8px;padding:8px}.unit-inspector>img{width:65px}.inspector-copy h3{font-size:13px}.inspector-copy small{display:none}.inspector-purchase strong{font-size:18px}.catalog-filters select{width:112px}.catalog-filters{gap:5px}}
@media(max-width:850px){.lobby-body{grid-template-columns:175px minmax(0,1fr)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-auto-rows:122px}.lobby-center{min-height:530px}.unit-inspector{min-height:86px}.army-list{max-height:300px}}
@media(max-width:560px){.lobby-body{grid-template-columns:1fr}.catalog-filters{flex-wrap:wrap}.catalog-search{flex-basis:100%}.catalog-filters select{flex:1}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:500px}.unit-inspector{flex-wrap:wrap}.unit-inspector>img{width:60px;height:60px}.inspector-copy{min-width:170px}.inspector-purchase{grid-template-columns:auto auto;align-items:center;width:100%;justify-content:space-between}.lobby-left{gap:12px}.profile-editor{grid-template-columns:minmax(0,1fr) auto}.profile-head{margin-bottom:5px}}
.faction-switch{display:flex;gap:3px;flex-shrink:0}
.faction-switch button{padding:6px 12px;min-height:32px;font-weight:700}
.faction-switch button.active{background:#52623d;border-color:#b1c484;color:#f3efd6}
@media(max-width:700px){.catalog-toolbar{flex-wrap:wrap}.faction-switch button{padding:5px 10px}}
/* Purchase summary and per-unit preparation stay in the army sidebar. */
.army-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 10px}.army-overview-strip button{min-width:0;padding:6px 2px;background:#203728;border:1px solid #71845b55;border-radius:3px}.army-overview-strip button[aria-pressed=true]{border-color:#c9cc95;background:#455337}.army-overview-strip b{display:block;font:700 13px Consolas;color:#e3dfb9}.army-overview-strip span{display:block;font-size:10px;color:#b8c6aa;margin-top:3px}.army-preparation,.army-linked-groups{border-top:1px solid #66765244;margin-top:5px;padding-top:5px;font-size:11px}.army-preparation summary,.army-linked-groups summary{cursor:pointer;color:#c4d2ae;padding:4px 0}.preparation-row{display:grid;gap:5px;padding:7px 0;border-bottom:1px solid #60734a44}.preparation-row label{display:grid;grid-template-columns:65px minmax(0,1fr);gap:4px;align-items:center}.preparation-row select{min-width:0;width:100%;font-size:11px;padding:5px 3px}.preparation-row small{line-height:1.4;color:#a9b89c}.linked-group{display:grid;gap:5px;padding:7px;border-left:2px solid #91a66c;margin:6px 0;background:#213426}.linked-group span{font-size:10px;line-height:1.4;color:#c0ccb0}.linked-group small{color:#d5c997}.warnings button{font:inherit;text-align:left;padding:5px 6px;color:#d3bd8b;background:#39402a44;border:1px solid #8a815344;line-height:1.4}.warnings small{color:#a8b99a;line-height:1.4}