.menu-layout{display:grid;grid-template-columns:minmax(330px,420px) minmax(250px,310px);gap:24px;align-items:center;width:min(100%,754px);max-height:calc(100dvh - 40px)}.menu-layout .menu-card{width:100%;margin:0;padding:26px 30px}.menu-layout h1{font-size:51px;margin:17px 0 12px}.menu-layout .intro{font-size:12px;margin:10px 0}.menu-layout label{margin-top:11px}.menu-layout select{width:100%;font:inherit;font-size:12px;padding:11px;background:#10232b;border:1px solid #93b29266;border-radius:4px;color:#e4e9d8}.menu-layout #map-description{margin:6px 0 10px;font-size:10px;min-height:30px}.public-setting{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:0;line-height:1.4;color:#bfd0bd}.public-setting input{width:15px;height:15px;accent-color:#bad9a6;padding:0;flex:0 0 auto}.public-lobby{padding:24px;max-height:calc(100dvh - 70px);overflow:auto}.public-lobby h2{font-size:25px;font-weight:450;margin:12px 0}.public-lobby>button{font-size:11px;width:100%;margin:10px 0 14px}.public-room-card{border:1px solid #89aa8c44;background:#b8d29f08;border-radius:5px;padding:13px;margin-bottom:9px}.public-room-card b{font-size:13px;display:block;color:#e1e8c5}.public-room-card p{font-size:10px;color:#a6c2b0;margin:7px 0;line-height:1.5}.public-room-card button{font-size:11px;width:100%;padding:8px}.leave-lobby{font-size:10px;color:#b8c5b2;background:transparent}.recovery{z-index:9;background:#06151cbb}.recovery-card{width:min(460px,95%);padding:32px}.recovery-card h2{font-size:31px;color:#dbe4b9;margin:15px 0}.recovery-card p{font-size:13px;line-height:1.7;color:#b2cbb9}.recovery-card button{width:100%;margin-top:12px}.boss-hud p{font-size:10px;line-height:1.45;color:#d7bfa5;margin:8px 0 0}.boss-hud.telegraph{border-color:#edbd8199}.boss-hud.shell{border-color:#a1c0df99}.tower-condition{font-size:10px!important;color:#ebbb91!important;border:1px solid #bd8d6c66;padding:7px;border-radius:3px;background:#633d211c}.specialization-panel{margin:14px 0 10px;border-top:1px solid #8da78d3d;padding-top:10px}.specialization-panel>p{font-size:10px;line-height:1.5;color:#abc3b1;margin:6px 0 10px}.specialization-option{width:100%;display:block;text-align:left;padding:10px;border-color:#a3b58c44;margin:7px 0;background:#0b222a99}.specialization-option b{display:block;font-size:12px;color:var(--spec-color,#d6dfb2)}.specialization-option span{display:block;font-size:10px;line-height:1.45;margin:5px 0;color:#b7cabb}.specialization-option small{display:block;font-size:10px;color:#e1d5a1}.specialization-option.selected{border-color:var(--spec-color,#c6daa8);background:#9bbf8710}.specialization-option:disabled{opacity:.46}.specialization-option.selected:disabled{opacity:1}.specialization-panel.locked .specialization-option{display:none}.specialization-panel.chosen .specialization-option:not(.selected){display:none}
@media(max-width:800px){.menu-layout{grid-template-columns:1fr;max-width:440px;gap:14px;overflow:auto;padding:1px;align-self:start}.menu-layout .menu-card{max-height:none;overflow:visible}.public-lobby{max-height:none}.menu-layout h1{font-size:45px}.menu-layout .menu-card,.public-lobby{padding:23px}.scrim:has(.menu-layout){place-items:start center}.recovery-card{padding:25px}.boss-hud p{font-size:8px}.specialization-option{padding:8px}.specialization-option b{font-size:11px}.specialization-option span{font-size:9px}}
.save-warning{position:absolute;bottom:166px;left:50%;transform:translateX(-50%);z-index:8;width:min(440px,85vw);padding:13px 18px;border-color:#d9a781;color:#edc3a0;font-size:11px;line-height:1.6;pointer-events:none}
.boss-hud:not([hidden])~.battle-banner{top:190px}
@media(max-width:650px){.boss-hud:not([hidden])~.battle-banner{top:145px}.save-warning{bottom:190px;font-size:10px}}