/* The vendor stays in the scene; one compact card occupies the right-hand panel. */
body[data-state="shop"] .overlay{padding:66px 20px 16px;justify-content:flex-end;align-items:stretch;overflow:hidden;background:linear-gradient(90deg,transparent 30%,#02090f55 60%)}
body[data-state="shop"] .dialog{width:min(460px,46vw);max-width:460px;max-height:none;height:100%;padding:20px;overflow:hidden;display:flex;flex-direction:column;background:#07151ff5}
body[data-state="shop"] .dialog:before,body[data-state="shop"] #hint{display:none}
body[data-state="shop"] .dialog h2{font-size:27px;margin:9px 0;letter-spacing:-1px}
body[data-state="shop"] .dialog>p{font-size:10px;line-height:1.5;margin:0 0 7px}
body[data-state="shop"] #lobbyBalance{font-size:14px;margin:4px 0;padding:10px 0;flex-shrink:0}
#shopPanel{display:flex;flex-direction:column;min-height:0;flex:1}#shopPanel[hidden]{display:none}
#workshopTabs{margin:9px 0;gap:4px;flex-shrink:0}#workshopTabs button{font-size:9px;padding:10px 4px}
#workshopSelectors{display:flex;gap:4px;flex-shrink:0;margin-bottom:8px}#workshopSelectors button{flex:1;min-width:0;font-size:9px;padding:4px;overflow:hidden}
#workshopSelectors svg{display:block;width:100%;height:32px}#workshopSelectors span{display:none}
.selected{border-color:#d5ed9e!important;color:#e0f5b9!important;background:#29403b!important}
#workshopItem{min-height:0;flex:1;display:flex;flex-direction:column;text-align:center;border:1px solid #2d4a56;background:radial-gradient(ellipse at 50% 20%,#284c5144,transparent 65%),#0b1c25;padding:12px}
.workshop-art{flex:1;min-height:32px;max-height:150px}.workshop-art svg{height:100%;max-height:150px;width:100%}
.workshop-kicker{color:#8cbdbe;text-transform:uppercase;font-size:8px;letter-spacing:1.5px;margin:8px 0 0}
#workshopItem h3{font-size:17px;line-height:1.2;margin:7px 0;color:#e7f2d6}
#workshopItem p{font-size:10px;line-height:1.5;margin:0 0 8px}#workshopItem small{font-size:8px;color:#8babb4;line-height:1.4;margin-top:auto}
#workshopItem>button{font-size:11px;padding:12px 8px;margin-top:10px;background:#c7dda5;color:#122a22;border-color:#c7dda5;font-weight:bold}
#workshopItem>button:disabled,#workshopExtra button:disabled{opacity:.4;cursor:default}
#workshopPager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px;flex-shrink:0;font-size:10px}#workshopPager:empty{display:none}#workshopPager button{padding:5px 18px}
#workshopExtra button{width:100%;padding:9px;font-size:10px;margin-top:6px;color:#c8ec91;border-color:#6a8e50}
#shopStatus{font-size:9px!important;line-height:1.3!important;min-height:24px;margin:6px 0!important}#shopBack{font-size:10px;padding:9px;margin-top:0;flex-shrink:0}
#levelPicker{display:flex;gap:6px;margin-top:13px}#levelPicker[hidden]{display:none}#levelPicker button{flex:1;padding:9px 4px;font-size:9px}#levelPicker small{display:block;font-size:7px;line-height:1.4;margin-top:6px;color:#a9bdba}#levelPicker button:disabled{opacity:.5;cursor:default}
#buffHud{position:absolute;top:116px;left:22px;font-size:10px;color:#baf2b1;text-shadow:0 2px 4px #000;pointer-events:none}#toxicHud{position:absolute;right:22px;top:100px;color:#c0ec93;font-size:11px;pointer-events:none}
body[data-state="menu"] #buffHud,body[data-state="shop"] #buffHud,body[data-state="menu"] #toxicHud,body[data-state="shop"] #toxicHud{display:none}
.choice-art{height:82px;margin-bottom:6px;background:radial-gradient(ellipse,#29424c66,transparent 70%)}.choice-art svg{height:100%;width:100%}
body[data-state="upgrade"] .dialog{max-width:860px;width:90vw}#choices{display:flex;gap:12px}#choices button{flex:1;min-width:0;margin-top:10px;display:flex;flex-direction:column;padding:15px}.choice-art{width:100%}#choices strong{font-size:13px;line-height:1.4}#choices small{font-size:10px;line-height:1.6}#choices .choice-kind{font-size:7px;margin:6px 0}
@media(max-height:650px){body[data-state="shop"] .overlay{padding:54px 12px 10px}body[data-state="shop"] .dialog{padding:12px}body[data-state="shop"] .dialog h2{font-size:21px;margin:5px 0}body[data-state="shop"] .dialog>p{display:none}body[data-state="shop"] #lobbyBalance{padding:7px 0}#workshopTabs{margin:6px 0}#workshopTabs button{padding:7px 2px}#workshopSelectors svg{height:23px}#workshopItem{padding:8px}.workshop-art{max-height:85px}.workshop-kicker{margin:4px 0 0}#workshopItem h3{font-size:14px;margin:5px 0}#workshopItem p{font-size:9px;line-height:1.4;margin-bottom:4px}#workshopItem>button{padding:9px;margin-top:5px}#shopStatus{min-height:16px;margin:4px 0!important}#shopBack{padding:7px}}
@media(max-width:700px){body[data-state="shop"] .overlay{padding:58px 8px 8px;align-items:flex-end}body[data-state="shop"] .dialog{width:100%;max-width:460px;height:75dvh;max-height:690px;padding:12px}body[data-state="shop"] .dialog>p{display:none}body[data-state="shop"] .dialog h2{font-size:22px;margin:6px 0}.workshop-art{max-height:90px}#workshopItem p{font-size:9px}#workshopItem>button{padding:9px}body[data-state="upgrade"] .dialog{width:98vw;padding:14px}#choices{gap:6px}#choices button{padding:8px}#choices strong{font-size:11px}#choices small{font-size:9px}.choice-art{height:60px}body[data-state="upgrade"] .dialog h2{font-size:26px}body[data-state="upgrade"] .dialog p{font-size:10px}}
@media(max-width:700px) and (max-height:600px){body[data-state="shop"] .dialog{height:calc(100dvh - 64px);max-width:390px}#workshopItem small{display:none}.workshop-art{max-height:55px}#workshopItem p{line-height:1.25}#workshopTabs button{font-size:8px}}

#robotMounts{display:none}body[data-state="shop"] #robotMounts:not([hidden]){display:block;position:absolute;left:22px;bottom:24px;width:230px;height:285px;background:linear-gradient(145deg,#10232aee,#061119e8);border:1px solid #42626a;box-shadow:0 15px 55px #0008;color:#b2ccc8}
.mount-title{display:block;font-size:9px;letter-spacing:1px;padding:13px;text-align:center}.mount-chassis{position:absolute;inset:24px 13px 23px}.mount-chassis svg{width:100%;height:100%}.mount-point{position:absolute;transform:translate(-50%,-50%);padding:2px;width:34px;height:36px;border:1px solid #6a969b;background:#0d232c;box-shadow:0 3px 10px #0008}.mount-point svg{width:28px;height:28px}.mount-point span{position:absolute;right:-5px;bottom:-5px;background:#bdcf9f;color:#10251d;font-size:9px;padding:1px 4px;border-radius:3px}#robotMounts>small{position:absolute;bottom:10px;width:100%;text-align:center;font-size:8px}
@media(max-width:900px){body[data-state="shop"] #robotMounts:not([hidden]){width:175px;height:215px;left:12px;bottom:15px}.mount-point{width:29px;height:29px}.mount-point svg{width:23px;height:23px}.mount-title{font-size:7px;padding:8px}#robotMounts>small{font-size:7px}}
@media(max-width:700px){body[data-state="shop"] #robotMounts:not([hidden]){display:none}#workshopSelectors{flex-wrap:wrap}#workshopSelectors button{flex-basis:19%}#workshopSelectors svg{height:23px}}

/* Small floating instruments leave the arena unobstructed. */
#combatHud{width:270px;max-width:calc(100vw - 36px);bottom:22px;padding:0;border:0;background:none;box-shadow:none;gap:5px 12px;filter:drop-shadow(0 2px 3px #000);font-size:8px;letter-spacing:.3px}
.hud-energy,.hud-health{flex:1 0 100%;min-width:0}.hud-energy>span,.hud-health>span{display:flex;justify-content:space-between;font-size:8px;line-height:1.2;margin:0 0 4px;color:#d3e5e8}.hud-energy b,.hud-health b{font-size:8px;font-weight:normal}
#combatHud .bar{height:4px;background:#09121bbd;border-radius:2px;overflow:hidden}.hud-energy .bar{height:6px}#hudEnergyBar{background:#79dcf0}#hudHealthBar{background:#e89492}#combatHud[data-danger="true"] #energyStatus{color:#f7b099}#combatHud .hud-chip{font-size:8px;flex:1;white-space:nowrap}#combatHud .hud-chip b{display:inline;font-size:9px;margin:0 0 0 4px}.hud-xp{gap:10px;flex-basis:100%}.hud-xp span{font-size:7px}#combatHud .hud-xp .bar{height:2px}.arena-bottom{bottom:8px;font-size:7px;opacity:.75}#touch{bottom:130px}
.choice-art{height:165px;flex-shrink:0}#choices button{padding:18px}#choices strong{font-size:15px}#choices small{font-size:11px}.workshop-art{max-height:210px}.workshop-art svg{max-height:210px}#levelPicker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-height:700px){.choice-art{height:125px}.workshop-art,.workshop-art svg{max-height:110px}#combatHud{bottom:18px}}
@media(max-width:700px){.choice-art{height:105px}#choices button{padding:10px}#choices strong{font-size:12px}#choices small{font-size:9px}#combatHud{width:240px}.workshop-art,.workshop-art svg{max-height:100px}}

/* Christmas reception and floating, live research choices. */
:root{color-scheme:light;--lime:#ba2636;--muted:#777779;--line:#dedbd8;accent-color:#bf2939}
body{color:#242329;font-family:Arial,Helvetica,sans-serif}
body button{font-family:inherit;background:#fff9;color:#29282c;border:1px solid #dcd8d3;border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s}
body button:hover{background:#fff;border-color:#bf777b;box-shadow:0 3px 12px #4d15200c}
body button:focus-visible{outline:2px solid #b72537;outline-offset:3px}
body button:disabled{color:#979395;border-color:#dfdcda;background:#f3f1ef;opacity:.65;cursor:default}
body>header{z-index:9}
body header .brand-line{padding:10px 14px;background:#fffffff0;border:1px solid #fff;border-radius:12px;box-shadow:0 4px 24px #15151e0d;color:#242329;text-shadow:none;letter-spacing:.3px;font-size:11px}
body header .brand{font-size:16px;text-shadow:none;letter-spacing:.5px}
body header .brand-line>span{color:#c3bfc0}
body header button{background:#fffffff0;border-color:#fff;color:#29282c;box-shadow:0 4px 24px #15151e0d}
body .overlay{background:#f4f1ec20;backdrop-filter:none}
body[data-state="menu"] .overlay,body[data-state="shop"] .overlay{background:linear-gradient(90deg,transparent 30%,#f5f2ed44);backdrop-filter:none}
body .dialog,body[data-state="menu"] .dialog,body[data-state="shop"] .dialog{background:#fffffff2;border:1px solid #fff;border-radius:22px;box-shadow:0 18px 65px #21232d16,0 1px 2px #2523320b;padding:30px;color:#242329}
body .dialog:before{display:none}
body .dialog .eyebrow{color:#9a5660;letter-spacing:2px;font-size:9px;line-height:1.5}
body .dialog h2{font-family:Arial,Helvetica,sans-serif;font-weight:750;color:#29262b;font-size:36px;line-height:1.06;letter-spacing:-1.5px;margin:16px 0}
body[data-state="menu"] .dialog{width:420px;max-width:43vw;max-height:calc(100dvh - 100px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d8d1d0 transparent}
body[data-state="menu"] .dialog h2{font-size:46px;letter-spacing:-2px;margin:18px 0}
body .dialog p,body .dialog>small,body .pause-note,body #hint{color:#726b70;line-height:1.65;font-family:Arial,Helvetica,sans-serif}
body .dialog p{font-size:13px}
body .dialog a{color:#8e3243;text-underline-offset:3px}
#ferBriefing{display:none;align-items:center;gap:9px;font-size:10px;margin-bottom:26px;color:#82787d}
#ferBriefing[hidden]{display:none!important}
body[data-state="menu"] #ferBriefing{display:flex}
#ferBriefing strong{font-size:15px;color:#383038;font-weight:700}
.fer-dot{width:8px;height:8px;border-radius:50%;background:#bd2939;box-shadow:0 0 0 5px #bd29390a;margin-right:4px}
body #lobbyBalance{border-color:#e7e2df;color:#5c535a;font:500 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.4px;padding:12px 0;margin:20px 0 12px}
body #start,body #workshopItem>button{background:#b92839;border:1px solid #b92839;color:#fff;font-weight:700;border-radius:11px;letter-spacing:.5px}
body #start{padding:16px;margin-top:20px}
body #start:hover,body #workshopItem>button:hover{background:#a81e2d;border-color:#a81e2d;box-shadow:0 5px 16px #9e14222b}
body #shopButton,body #checkoutButton,body #workshopExtra button{color:#63565e;background:transparent;border-color:#e4dcde;font-size:10px;letter-spacing:.4px}
body #shopButton{margin-top:9px;padding:13px}
body .selected,body #levelPicker .selected,body #legacyWorlds .selected,body [aria-selected="true"]{color:#8e2937!important;background:#faf0f0!important;border-color:#d5a9af!important;box-shadow:none}
#destinationPicker[hidden],#legacyWorlds[hidden]{display:none!important}
body #levelPicker{display:block;margin-top:6px}
body #levelPicker button{width:100%;padding:13px 15px;text-align:left;font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px}
body #levelPicker small{color:#9b7177;font-size:9px;font-weight:400;margin:0}
body #legacyToggle{background:transparent;border:0;box-shadow:none;width:100%;padding:12px 1px 3px;text-align:left;color:#8f858b;font-size:10px}
#legacyToggle>span{float:right;font-size:13px;transition:transform .2s}
#legacyToggle[aria-expanded="true"]>span{transform:rotate(45deg)}
#legacyWorlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:12px}
#legacyWorlds button{padding:10px 8px;font-size:10px;text-align:left;color:#776a72;background:#f8f6f5}
#legacyWorlds small{display:block;margin-top:5px;font-size:8px;font-weight:400;color:#a0959a}
body #pauseTools>summary{border-color:#e8e2e2;color:#8c7e86;font-size:9px;font-weight:500;letter-spacing:.6px;margin-top:14px;padding:12px 0}
body #pauseTools :is(input,button,summary){accent-color:#ba293c}
body #pauseTools .volume-label{color:#72656e;font-size:11px}
body #pauseTools .menu-actions button{font-size:10px}
body #pauseTools #flicker{color:#776b73}
body .pause-note,body #buildDetails{border-color:#e7e1e2}
body .music-credit a{color:#9f3549}
body .panel{color:#362d36;background:#faf8f7;border-color:#e2dcde;border-radius:12px}
body .panel :is(h2,strong,.eyebrow),body .wallet strong{color:#493d47}
body .panel :is(.note,small,p),body .wallet{color:#857880}
body .panel .upgrade>b{background:#f4e8eb;color:#a63850;border-radius:7px}
body kbd{color:#70616a;border-color:#ddd4d9}
body .bar{background:#e6e0e2}
body .health-label,body .xp-label{color:#8c7e87}
body #workshopItem{background:#faf8f7;border-color:#e5dfe1;border-radius:12px}
body #workshopItem :is(h3,p){color:#4f414b}
body #workshopItem small,body .workshop-kicker,body #shopStatus{color:#8f7c86}
body :is(.choice-art,.workshop-art,#workshopSelectors,.mount-point,.mount-chassis) svg{filter:grayscale(.7);opacity:.8}
body .choice-art{background:radial-gradient(ellipse,#d4c0c21a,transparent 70%)}
body[data-state="shop"] #robotMounts:not([hidden]){background:#fffffff0;border-color:#fff;color:#594652;border-radius:18px;box-shadow:0 10px 40px #21232d12}
body .mount-point{background:#fff;border-color:#d4c5cb;border-radius:7px;box-shadow:0 2px 6px #22122212}
body .mount-point span{background:#be3047;color:#fff}
body #combatHud,body[data-biome] #combatHud{left:22px;top:142px;bottom:auto;transform:none;width:190px;max-width:calc(100vw - 36px);padding:12px;gap:6px 10px;background:#ffffffed;border:1px solid #fff;border-radius:14px;color:#5c535a;filter:none;box-shadow:0 5px 26px #15252d0e;font-family:Arial,Helvetica,sans-serif}
body #combatHud :is(.hud-energy>span,.hud-health>span){color:#62565e;font-size:8px}
body #combatHud .bar{background:#e9e4e6;height:3px}
body #hudEnergyBar{background:#7c8b91}
body #hudHealthBar{background:#c53e50}
body #combatHud .hud-chip{color:#8b7b84;font-size:8px}
body #combatHud .hud-chip b{color:#4a3d46;font-size:10px}
body #combatHud .hud-research-balance{flex:0 0 100%;display:flex;justify-content:space-between;align-items:center;gap:6px;border-top:1px solid #ebe4e7;padding-top:7px;color:#86717d;font-size:7px;letter-spacing:.4px}
body #hudMoney{color:#67515e;font:600 12px/1.2 Arial,Helvetica,sans-serif}
body #combatHud .hud-research{display:none}
body #packWarning{background:#f5e4e5;color:#b3253a;border:0;border-radius:5px;box-shadow:none;font:700 8px/1.2 Arial,Helvetica,sans-serif;letter-spacing:1px}
body .arena-top,body .arena-bottom{color:#776a73;text-shadow:none;background:#ffffffd9;border:1px solid #fff;border-radius:8px;padding:7px 10px;font-family:Arial,Helvetica,sans-serif}
body .arena-top #floor,body .arena-bottom #threat,body .arena-bottom b{color:#8d7b85!important}
body .arena-top{font-size:8px}
body #activeClass{background:#ffffffe8;color:#8d7b85;text-shadow:none;padding:5px 9px;border-radius:6px;font-size:8px;top:113px}
body #toxicHud{color:#8c6a7a;background:#ffffffe8;border-radius:6px;padding:5px 7px;top:113px}
body #buffHud{color:#9a4b61;text-shadow:0 1px 3px #fff;top:315px}
body #zoomControls{bottom:145px;background:#fffffff0;border-color:#fff;border-radius:12px;color:#79636f;box-shadow:0 4px 20px #21232d0e}
body #zoomControls button{color:#79636f}
body #toast{background:#fffffff0;color:#8d475e;border-radius:10px;padding:9px 13px;box-shadow:0 4px 22px #21232d0e;text-shadow:none;top:125px;white-space:normal;text-align:center;max-width:60%;font-family:Arial,Helvetica,sans-serif;font-size:11px}
body #toast:empty{display:none}
body[data-boss="santa_boss"] #combatHud{top:178px}
body[data-boss="santa_boss"] #activeClass,body[data-boss="santa_boss"] #toxicHud{top:146px}
body[data-boss="santa_boss"] #buffHud{top:356px}
#researchBar{position:absolute;z-index:7;bottom:26px;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 44px));font-family:Arial,Helvetica,sans-serif;pointer-events:none}
#researchBar[hidden]{display:none!important}
.research-heading{display:flex;gap:10px;align-items:center;padding:0 5px 9px;font-size:10px;color:#6e5964;line-height:1.3;text-shadow:0 1px 4px #fff;background:none}
#researchLevel{font-weight:600}
#researchCost{font-weight:600;color:#9a3f51}
#researchStatus{margin-left:auto;color:#8d7c85;font-size:9px}
#researchChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body .research-choice{position:relative;pointer-events:auto;touch-action:manipulation;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:4px 10px;padding:14px 15px;background:#fffffff2;border:1px solid #fff;border-radius:15px;box-shadow:0 4px 26px #21232d12;color:#4e3a46;text-align:left;min-height:69px;cursor:pointer}
body .research-choice:hover{background:#fff8f9;border-color:#ce8b9b;box-shadow:0 5px 25px #93344d19}
body .research-choice:disabled{background:#f9f7f5e8;color:#94858e;border-color:#fff;opacity:.8}
.research-art{display:block;width:34px;height:34px;grid-row:1/3;border-radius:9px;overflow:hidden;opacity:.72}
.research-art svg{width:100%;height:100%;filter:grayscale(1)}
.research-name{font-size:12px;font-weight:650;line-height:1.3;display:block}
.research-index{position:absolute;right:9px;top:5px;font-size:7px;color:#ba9ba8;font-weight:500}
.research-description{display:none;font-size:11px;color:#8b7380;line-height:1.55;font-weight:400}
.research-help{display:block;text-align:center;font-size:8px;color:#a28c98;padding:7px 0 0;text-shadow:0 1px 3px #fff}
body[data-state="paused"] .research-description{display:block;grid-column:1/-1;margin-top:9px}
body[data-state="paused"] .research-choice{align-content:start;min-height:137px;padding:16px}
body[data-state="paused"] .research-help{display:none}
body[data-state="paused"] .overlay{background:#f8f4f018;align-items:flex-start;justify-content:flex-end;padding:76px 24px 230px;overflow:hidden}
body[data-state="paused"] .dialog{width:360px;max-width:45vw;max-height:100%;overflow:auto;padding:24px;border-radius:18px;scrollbar-width:thin;scrollbar-color:#dbced4 transparent}
body[data-state="paused"] .dialog h2{font-size:29px;margin:8px 0 12px}
body[data-state="paused"] .dialog>p{font-size:11px}
body[data-state="paused"] #start{margin-top:12px;padding:13px}
body[data-state="paused"] .research-heading{background:#ffffffde;border-radius:9px;padding:8px 12px;margin-bottom:7px;text-shadow:none}
@media(max-width:760px){
 body>header{top:10px;left:12px;right:12px}
 body header .brand-line{padding:9px 11px;font-size:9px}
 body header .brand{font-size:13px}
 body[data-state="menu"] .overlay{padding:10px;align-items:flex-end;background:linear-gradient(transparent 30%,#faf7f133)}
 body[data-state="menu"] .dialog{max-width:none;width:100%;max-height:56dvh;padding:22px;border-radius:21px}
 body[data-state="menu"] .dialog h2{font-size:34px;margin:12px 0}
 body[data-state="menu"] .dialog p{font-size:12px}
 #ferBriefing{margin-bottom:17px;font-size:9px}
 body #lobbyBalance{margin:13px 0 10px;font-size:10px}
 body[data-state="menu"] #hint{display:none}
 body[data-state="menu"] #start{margin-top:13px;padding:14px}
 body .dialog,body[data-state="shop"] .dialog{padding:18px;border-radius:18px}
 body .arena-top{top:64px;font-size:7px;padding:5px 7px;left:12px;right:12px}
 body .arena-top>span:last-child{font-size:16px}
 body #activeClass,body #toxicHud{top:99px;font-size:7px}
 body #combatHud,body[data-biome] #combatHud{top:126px;left:12px;width:154px;padding:9px;gap:5px 8px;border-radius:12px}
 body #combatHud .hud-chip{font-size:7px}
 body #hudMoney{font-size:10px}
 body #combatHud .hud-research-balance{font-size:6px}
 body #zoomControls{right:12px;bottom:132px;font-size:9px}
 body #zoomControls button{padding:6px 9px;font-size:17px}
 body #zoomControls span{min-width:34px}
 body .arena-bottom{left:10px;right:10px;bottom:5px;font-size:6px;padding:3px 6px}
 body #toast{top:105px;max-width:60%;font-size:9px;padding:7px 9px;left:auto;right:12px;transform:none}
 body #touch{bottom:155px}
 #researchBar{width:calc(100% - 24px);bottom:27px}
 .research-heading{font-size:8px;gap:5px;padding-bottom:6px}
 #researchStatus{font-size:7px}
 #researchChoices{gap:6px}
 body .research-choice{grid-template-columns:1fr;gap:5px;padding:11px 10px;min-height:78px;border-radius:12px;align-content:start}
 .research-art{grid-row:auto;width:25px;height:25px;border-radius:6px}
 .research-name{font-size:10px;line-height:1.3}
 .research-description{font-size:10px;line-height:1.45}
 .research-help{font-size:7px;padding-top:5px}
 body[data-state="paused"] .research-choice{padding:11px 10px;min-height:164px}
 body[data-state="paused"] .research-description{margin-top:3px}
 body[data-state="paused"] .overlay{padding:66px 12px 255px;align-items:flex-start;justify-content:center}
 body[data-state="paused"] .dialog{width:100%;max-width:460px;border-radius:16px;padding:20px}
 body[data-state="paused"] .dialog h2{font-size:27px}
 body[data-state="paused"] .research-heading{padding:7px 9px}
 body[data-boss="santa_boss"] #combatHud{top:171px}
 body[data-boss="santa_boss"] #activeClass,body[data-boss="santa_boss"] #toxicHud{top:140px}
}
@media(max-height:600px) and (orientation:landscape){
 body[data-state="menu"] .dialog{max-height:calc(100dvh - 65px);max-width:44vw;padding:18px;border-radius:16px}
 body[data-state="menu"] .dialog h2{font-size:30px}
 body[data-state="menu"] #ferBriefing{margin-bottom:12px}
 body[data-state="menu"] .overlay{align-items:center;padding-right:20px}
 body #combatHud,body[data-biome] #combatHud{top:121px;width:150px;padding:8px}
 body[data-state="paused"] .overlay{padding:63px 16px 165px}
 body[data-state="paused"] .dialog{max-width:380px;padding:15px}
 body[data-state="paused"] .research-choice{min-height:100px;padding:11px}
 .research-description{font-size:10px}
 #researchBar{width:min(640px,calc(100% - 44px));bottom:22px}
 body .research-choice{min-height:58px;padding:10px 13px}
 body #zoomControls{bottom:115px}
 body #touch{bottom:125px}
}
@media(prefers-reduced-motion:reduce){body button,#legacyToggle>span{transition:none}}
/* Keep the seasonal composition above inherited touch layouts. */
body:not([data-state="playing"]) #touch{display:none}
@media(max-width:760px),(pointer:coarse){
 html body[data-state="menu"] #overlay{align-items:flex-end;padding:10px;justify-content:center}
 html body[data-state="menu"] #overlay .dialog{width:100%;max-width:520px;max-height:60dvh;padding:22px;height:auto}
 html body[data-state="menu"] #overlay .dialog h2{font-size:30px;line-height:1.06;margin:12px 0}
 html body[data-state="menu"] #ferBriefing{margin-bottom:12px}
 html body[data-state="menu"] #lobbyBalance{margin:10px 0 6px;padding:8px 0}
 html body[data-state="menu"][data-biome="winter"] #levelPicker{display:none}
 html body #levelPicker{display:block}
 html body #levelPicker button{min-height:48px;padding:12px 14px;font-size:12px}
 html body[data-state="paused"] #overlay{padding:66px 12px 255px;align-items:flex-start;justify-content:center}
 html body[data-state="paused"] #overlay .dialog{width:100%;max-width:460px;max-height:100%;padding:20px}
 html body[data-controls="touch"] #combatHud{top:126px;bottom:auto;left:12px;width:154px;transform:none}
 html body[data-boss="santa_boss"][data-controls="touch"] #combatHud{top:171px;bottom:auto}
 html body #buffHud{top:280px}
 html body[data-boss="santa_boss"] #buffHud{top:327px}
 html body .arena #touch{bottom:calc(155px + env(safe-area-inset-bottom))}
 html body[data-controls="touch"] #zoomControls{bottom:calc(143px + env(safe-area-inset-bottom))}
}
@media(max-height:600px) and (orientation:landscape){
 html body[data-state="menu"] #overlay{align-items:center;justify-content:flex-end;padding:60px 20px 10px}
 html body[data-state="menu"] #overlay .dialog{max-width:44vw;max-height:100%;padding:18px}
 html body[data-state="menu"] #overlay .dialog h2{font-size:30px}
 html body[data-state="paused"] #overlay{padding:62px 16px 174px;justify-content:flex-end}
 html body[data-state="paused"] #overlay .dialog{max-width:380px;padding:15px}
 html body[data-state="paused"] #overlay .dialog>p,html body[data-state="paused"] #modalLabel{display:none}
 html body[data-state="paused"] #overlay .dialog h2{font-size:24px;margin:5px 0 10px}
 html body[data-state="paused"] #start{padding:11px;margin-top:9px}
 html body[data-controls="touch"] #combatHud{top:116px;bottom:auto;width:150px}
 html body[data-boss="santa_boss"][data-controls="touch"] #combatHud{top:118px;bottom:auto}
 html body .arena #touch{bottom:calc(24px + env(safe-area-inset-bottom))}
 html body[data-controls="touch"] #zoomControls{bottom:calc(24px + env(safe-area-inset-bottom))}
 html body[data-state="playing"][data-controls="touch"] #researchBar{width:calc(100% - 300px)}
}