header{height:40px}.header-actions button{font-size:9px;padding:4px 7px}main{height:calc(100dvh - 40px);padding:6px 12px;grid-template-rows:42px minmax(0,1fr) 180px;gap:6px}.stats{grid-template-columns:.8fr 1fr .9fr .8fr .8fr .8fr .8fr}.stats>div{padding:4px 10px}.stats strong{font-size:16px}.stats .pakun strong{color:#d5c69a}.command-hud{grid-template-columns:285px minmax(0,1fr) 245px;padding:5px;gap:6px}.arena{background:radial-gradient(ellipse at center,#233b29,#0c1812 70%)}.arena canvas{width:min(100cqw,161.2903cqh);height:min(62cqw,100cqh);aspect-ratio:1000/620}.arena-top{gap:6px}.arena-top .stage-caption{margin-left:auto;font-size:8px}.arena-top>div{margin-left:auto}.arena-top>button{white-space:nowrap;border:1px solid #4b5939;font-size:8px;padding:2px 6px}.arena-top>button.active{background:#655833;color:#ffdf9e}#playerViews{display:flex;gap:3px;min-width:0}#playerViews button{font-size:8px;padding:2px 6px;white-space:nowrap}#playerViews button.active{background:#36472b;color:#e4d299;border-color:#7f8150}.map-label{display:none}.arena-tip{bottom:5px;font-size:7px}
.hud-library .side-tabs{height:23px}.hud-label{height:20px}.hud-library .library-toolbar{padding:3px 5px}.hud-library .inspector-tabs{height:21px}.inspector-tabs button{font-size:8px}.library-body{grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr)}.hud-detail{padding:5px 7px}.unit-heading{padding:3px}.unit-heading .pixel-icon{width:25px;height:27px}.unit-heading b{font-size:8px}#selectionInfo{height:calc(100% - 20px);padding:5px}.selected-summary{display:flex;align-items:center;gap:7px;margin-bottom:4px}.selected-summary>.pixel-icon{width:42px;height:45px;border:1px solid #685f3b;background-color:#27321f;border-radius:3px}.selected-summary h2{font-size:11px;line-height:1.4;color:#e0c791;margin:0}.selected-summary small{font-size:8px}.deck-stats{display:flex;gap:8px;color:#b5c8a1;font-size:8px;margin-top:4px}.upper-combos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.upper-combo{display:flex;align-items:center;gap:4px;text-align:left;border:1px solid #455237;background:#1d2b1c;padding:2px 4px;border-radius:3px;min-height:31px}.upper-combo.ready{background:#49452a;border-color:#bc9b53}.upper-combo>.pixel-icon{width:25px;height:27px}.upper-combo>span{font-size:8px;line-height:1.3}.upper-combo small{display:block;font-size:7px;color:#819575;margin-top:2px}.upper-combo.ready small{color:#e1c98a}.selection-tip{font-size:8px;margin:4px 0;grid-column:1/-1}.hud-skill-actions{margin-top:4px}.hud-skill-actions button{font-size:8px;padding:2px 4px}
.hud-commands .controls{margin:4px 5px 0;gap:3px}.hud-commands .controls button{min-height:32px;padding:3px 5px;font-size:9px}.hud-commands .controls #next{display:none}.hud-commands .button-icon{font-size:16px}.economy-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:4px 5px 0}.economy-shortcuts button{padding:3px;font-size:8px;color:#c7b880}.hud-commands .utility-row{margin:4px 5px;gap:4px}.utility-row label{display:none}.utility-row>span{width:auto;margin-right:auto;font-size:7px}.hud-commands .chat-log{height:22px;font-size:7px;padding:2px 5px}.hud-commands .toast{min-height:18px;font-size:7px;padding:2px 5px}.hud-commands .hud-label #hudHint{display:none}.hud-commands #chatForm{height:23px}.hud-commands .practice-drawer{margin:0 5px}.mission-choice{width:100%;padding:4px 6px;margin-bottom:3px;text-align:left;border-color:#4c5b38}.mission-choice b{font-size:9px;color:#d8c392}.mission-choice small{display:block;font-size:8px;color:#91a780;margin-top:2px}.economy-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.economy-actions button{font-size:9px;padding:5px}.upgrade-entry{border-bottom:1px solid #39482d;padding:5px 0}.upgrade-entry>b{font-size:10px;color:#d1bd8b}.upgrade-entry>b>span{float:right;color:#b4cf95}.upgrade-entry>small{font-size:8px;color:#8da17c;display:block;line-height:1.5;margin-top:3px}.upgrade-entry p{font-size:8px;margin:3px 0}.upgrade-entry button{font-size:8px;padding:3px 6px;color:#d0bb80}
#onlineFields{display:flex;gap:6px;margin:9px 0}#onlineFields input{padding:6px;min-width:0;flex:1;font-size:10px}#roomError{font-size:10px;color:#e0a18d}.room-code{display:flex;align-items:center;gap:10px;justify-content:center;background:#101a13;padding:10px;margin:10px 0}.room-code b{font:22px monospace;letter-spacing:3px;color:#eccb85}.room-code button{font-size:9px;padding:4px 6px}#roomMembers{text-align:left;list-style:none;margin:8px 0;padding:0;color:#b7c9a4;font-size:11px;line-height:2}#roomLobby h2{font-size:18px}#roomLobby>button{padding:7px 10px;margin:4px;font-size:11px}.lobby-note{font-size:8px!important;line-height:1.7!important}.boss-summary{position:absolute;left:10px;top:13px;width:max(120px,calc((100cqw - 161.2903cqh)/2 - 20px));max-width:220px;color:#c4b484;font-size:9px;pointer-events:none}.boss-summary>div{background:#162217e8;border:1px solid #574e35;padding:7px;margin-bottom:6px;position:relative;overflow:hidden}.boss-summary b{font-size:10px;line-height:1.5;display:block}.boss-summary span{font-size:8px;display:block;line-height:1.8;color:#9db28c}.boss-summary i{display:block;height:3px;background:#b38b50;margin-top:4px}#netStatus{position:absolute;bottom:18px;left:12px;right:12px;text-align:center;color:#e3bd7e;font-size:10px;pointer-events:none}.online-mode #pause,.online-mode #speed{display:none}.online-mode .start-card{width:340px}
.condensed-hud main{grid-template-rows:42px minmax(0,1fr) 135px}.condensed-hud .hud-commands .chat-log,.condensed-hud .utility-row{display:none}.condensed-hud .selected-summary .pixel-icon{width:33px;height:35px}.condensed-hud .upper-combo{min-height:26px}.condensed-hud .upper-combo>.pixel-icon{width:22px;height:23px}
@media(min-width:1500px) and (min-height:850px){main{grid-template-rows:44px minmax(0,1fr) 195px}.command-hud{grid-template-columns:310px minmax(0,1fr) 280px}.hud-detail{padding:7px 10px}.selected-summary h2{font-size:12px}.upper-combo>span{font-size:9px}}
@media(max-width:1050px){main{grid-template-rows:40px minmax(0,1fr) 190px;padding:5px}.command-hud{grid-template-columns:225px minmax(0,1fr) 200px;padding:4px;gap:4px}.arena-top .stage-caption{display:none}.selected-summary h2{font-size:10px}.deck-stats{gap:5px;font-size:7px}.library-body{grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr)}.hud-commands .utility-row{flex-wrap:wrap}.utility-row>span{width:100%}.boss-summary{font-size:8px;max-width:150px}.hud-commands .economy-shortcuts button{font-size:7px}.hud-commands .controls small{font-size:7px}}
@media(max-width:700px){html,body{overflow:auto}header{height:38px}.header-actions #hudToggle{display:none}main{height:auto;min-height:calc(100dvh - 38px);grid-template-rows:78px clamp(335px,60dvh,550px) auto}.stats{grid-template-columns:repeat(4,1fr);height:78px}.stats>div{padding:3px 6px}.stats strong{font-size:15px}.command-hud{grid-template-columns:155px minmax(0,1fr);grid-template-rows:240px auto;gap:4px}.hud-selection{grid-column:1;grid-row:1}.hud-library{grid-column:2;grid-row:1}.hud-commands{grid-column:1/-1;grid-row:2}.selected-summary{display:block}.selected-summary>.pixel-icon{float:left;width:32px;height:35px;margin-right:4px}.selected-summary h2{font-size:9px}.selected-summary small{font-size:7px}.deck-stats{clear:both;font-size:7px;padding-top:4px}.upper-combos{grid-template-columns:1fr}.upper-combo{min-height:28px}.upper-combo>.pixel-icon{width:22px;height:24px}.upper-combo>span{font-size:8px}.library-body{grid-template-columns:1fr;grid-template-rows:60px minmax(0,1fr)}.hud-library .library-toolbar{flex-wrap:wrap}.arena-top{flex-wrap:wrap;height:auto;min-height:28px;gap:3px;padding:2px 4px}.arena-top #sendBoss{font-size:7px}.arena-top #playerViews button{font-size:7px;padding:2px 3px}.arena-top>div{margin-left:auto}.arena{container-type:size}.arena canvas{width:min(100cqw,161.2903cqh);height:min(62cqw,100cqh)}.boss-summary{left:5px;top:5px;width:110px;max-width:110px;font-size:7px;background:#122016bb}.boss-summary b{font-size:8px}.boss-summary span{font-size:7px}.boss-summary>div{padding:4px;margin-bottom:4px}.hud-commands .controls{grid-template-columns:1fr 1fr}.hud-commands .economy-shortcuts{grid-template-columns:repeat(4,1fr)}.hud-commands .utility-row{flex-wrap:nowrap}.utility-row>span{width:auto}.hud-commands .chat-log{height:28px}.hud-commands .toast{font-size:8px}.online-mode .start-card{width:280px}.room-code b{font-size:18px}.condensed-hud main{grid-template-rows:78px clamp(335px,60dvh,550px) auto}}

@media(min-width:701px){.economy-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.economy-shortcuts button{font-size:7px;padding:4px 2px}}