dialog.main-menu{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-image:none;border-radius:0;padding:18px;background:#10292ee8;box-shadow:none;overflow:auto}
.main-menu::backdrop{background:#0c2027a8;backdrop-filter:blur(5px)}
.main-menu[open]{display:flex}
.menu-card{width:min(600px,100%);margin:auto;padding:22px 28px;border:14px solid transparent;border-image:var(--art-panel) 18 fill / 16px;background:#17383c;text-align:center;box-shadow:0 12px 48px #0007}
.menu-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d2b77c;font-size:10px;letter-spacing:2px}.menu-top select{width:75px;padding:6px;letter-spacing:0}
.menu-logo{font-size:clamp(29px,6vw,48px);letter-spacing:-1.5px;color:#f5cd7d;margin:20px 0 0}.menu-logo span{color:#fff2ce}
#menuArt{width:min(460px,100%);height:auto;aspect-ratio:8/3;margin:0 auto;pointer-events:none}.main-menu h1{font-size:22px!important;letter-spacing:-.5px;margin:0 0 9px}.main-menu p{font-size:12px;line-height:1.5;margin:0 auto 17px;max-width:390px}
.main-actions{display:grid;gap:10px}.main-actions button{width:100%;min-height:49px;font-size:15px}.main-actions .outline{border:8px solid transparent;border-image:var(--art-panel) 18 fill / 8px}
.menu-footer{display:flex;gap:10px;margin-top:12px}.menu-footer button{flex:1;min-height:39px;font-size:12px}#resumeMatch[hidden]{display:none}
.menu-footer{flex-wrap:wrap}.menu-footer button{min-width:110px}
nav #menuButton{width:auto;min-width:58px;padding:0 7px;font-size:12px;white-space:nowrap;flex-shrink:0}
.ai-turn .weapon:disabled{opacity:.65}.ai-turn .live-dot{background:#ffb596}
@media(min-height:760px){.main-menu[open]{display:flex;align-items:center;justify-content:center}}
@media(max-width:500px){dialog.main-menu{padding:10px}.menu-card{padding:16px 14px;border-width:10px}.menu-logo{margin-top:12px}.main-menu h1{font-size:18px!important}#menuArt{height:auto}.main-actions button{font-size:14px}.main-menu p{font-size:11px}nav #menuButton{min-width:48px;padding:0 3px;font-size:10px}header #help{display:none}header .brand{font-size:12px}}
@media(max-width:380px){header .brand{font-size:0}}
@media(max-height:520px){.menu-card{padding:10px 20px}.menu-logo{font-size:28px;margin-top:5px}#menuArt{width:160px;height:auto}.main-menu h1{font-size:17px!important}.main-menu p{margin-bottom:10px;font-size:10px}.main-actions{grid-template-columns:1fr 1fr;gap:7px}.main-actions button{min-height:40px;font-size:12px}#resumeMatch{grid-column:1/-1}.menu-footer{margin-top:8px}.menu-footer button{min-height:32px}.menu-top{font-size:8px}}