/* Imagegen metalwork, shared by the menu surfaces. Gameplay HUD stays separate. */
:root{--forged-gold:url('assets/ui/menu-forged-v1/button-gold.png');--forged-steel:url('assets/ui/menu-forged-v1/button-steel.png');--forged-frame:url('assets/ui/menu-forged-v1/panel-frame.png')}
#select.menu-shell{background:linear-gradient(90deg,#050e13ed 0%,#08151bbd 38%,#0a1c2366 68%,#07141ac9),url('assets/menu/moonfall-arena.png') center/cover fixed}
#select .menu-top{border-bottom-color:#d0b67540}#select .wordmark img{filter:drop-shadow(0 3px 16px #000a)}
#select.menu-shell .primary-action,#select.menu-shell .secondary-action,.account-dialog button[type=submit],#ranking-dialog .secondary-action,#settings-dialog .secondary-action,.account-dialog .secondary-action,#endscreen .netbtn{
  box-sizing:border-box;border:7px solid transparent;border-inline-width:27px;border-image:var(--forged-steel) 30 160 fill stretch;border-radius:0;background:none;box-shadow:none;min-height:44px;padding:4px 6px;color:#e6e1cc;font:650 12px/1.25 system-ui!important;text-shadow:0 2px 3px #000;letter-spacing:.25px;transition:filter .16s,transform .16s;cursor:pointer;
}
#select.menu-shell .primary-action,.account-dialog button[type=submit],#endscreen #again{border-image-source:var(--forged-gold);min-height:56px;color:#ffedb5;font:700 14px/1.2 Georgia,serif!important;letter-spacing:.7px;filter:drop-shadow(0 3px 9px #0007)}
#select.menu-shell .primary-action:hover:not(:disabled),#select.menu-shell .secondary-action:hover:not(:disabled),#ranking-dialog .secondary-action:hover:not(:disabled),#settings-dialog .secondary-action:hover:not(:disabled),.account-dialog button[type=submit]:hover:not(:disabled),.account-dialog .secondary-action:hover:not(:disabled),#endscreen .netbtn:hover:not(:disabled){background:none;filter:brightness(1.3) drop-shadow(0 0 6px #d8b35a26);transform:translateY(-1px);color:#fff4c9}
#select.menu-shell .primary-action:active:not(:disabled),#select.menu-shell .secondary-action:active:not(:disabled),dialog .secondary-action:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}
#select.menu-shell :is(.primary-action,.secondary-action):focus-visible,dialog :is(.secondary-action,button[type=submit]):focus-visible,#endscreen .netbtn:focus-visible{outline:2px solid #f2d18b;outline-offset:3px}
#select.menu-shell :is(.primary-action,.secondary-action):disabled,dialog :is(.secondary-action,button[type=submit]):disabled{filter:grayscale(.8);opacity:.4;cursor:default}
#select .menu-tools{gap:7px}#select.menu-shell .menu-tools .secondary-action{min-height:40px;border-inline-width:17px;padding:3px 7px;font-size:11px!important;color:#d9d5bf;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#select .play-panel{padding:27px 24px;background:linear-gradient(155deg,#172c31ef,#081317f7);border:0;border-radius:0;box-shadow:0 22px 60px #0008}
#select .play-panel::before,#select .hero-focus::after,#select.in-lobby .team-panel::after,.account-dialog::after,#settings-dialog::after,#ranking-dialog::after,#endscreen .results-panel::after{
 content:'';position:absolute;inset:0;pointer-events:none;border:26px solid transparent;border-image:var(--forged-frame) 175 stretch;z-index:3;
}
#select .play-heading{font-variant:small-caps;letter-spacing:2px;font-size:34px;text-align:center;margin-bottom:22px;text-shadow:0 3px 8px #000}
#select .hero-focus{--focus-icon-size:164px;min-height:218px;padding:24px 30px;border:0;border-radius:0;background:radial-gradient(ellipse at 15% 50%,color-mix(in srgb,var(--hero-color) 11%,transparent),transparent 65%),linear-gradient(110deg,#0c1c24df,#07121855);box-shadow:0 10px 40px #0004;overflow:visible}
#select .hero-focus::after{opacity:.65;border-width:22px}#select .selected-portrait{filter:drop-shadow(0 8px 12px #0009)}#select #selected-hero{font-variant:small-caps;letter-spacing:2px}
#select .card{border-radius:0;border-color:#b6a17a38;background:linear-gradient(150deg,#1c2c2eaa,#091316e8);box-shadow:inset 0 1px #d3b67b18,inset 0 -3px #0005;transition:filter .18s,transform .18s}
#select .card.selected{border-color:transparent;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--class-color) 18%,#102024),#081316);box-shadow:0 0 18px color-mix(in srgb,var(--class-color) 14%,transparent)}
#select .card.selected::before{content:'';position:absolute;inset:-3px;pointer-events:none;border:17px solid transparent;border-image:var(--forged-frame) 175 stretch}
#select .hero-check{right:9px;top:8px;text-shadow:0 0 8px var(--class-color)}#select .card .name{color:#ddd8c7}
#select .mode-options{border:0;padding:0;gap:10px;background:none}
#select .mode-choice{border:1px solid #a08d5d60;border-radius:0;background:linear-gradient(#1a282b,#081215);color:#a6b3aa;box-shadow:inset 0 1px #d5bb8a26}
#select .mode-choice.on{color:#f5dfaa;border-color:#ddbc74;background:linear-gradient(#3c3a28,#1a241d);box-shadow:inset 0 -2px #d7b678,0 0 12px #cba75520}
#select input:not([type=checkbox]),#select #local-arena,#select #language{border-radius:0!important;box-shadow:inset 0 2px 7px #0006;border-color:#9b97704d!important}
#select .join-row{grid-template-columns:minmax(0,1fr) 90px}#select.menu-shell #join-room{border-inline-width:16px;padding-inline:4px}
#select .local-actions{gap:6px;margin-top:16px;padding-top:16px}#select.menu-shell .local-actions .secondary-action{border-inline-width:18px;font-size:11px!important}
#select.menu-shell #tutorial-play{border-image-source:var(--forged-steel);color:#bce2c5!important;border-color:transparent!important;font-size:11px!important;min-height:45px}
#select .difficulty{justify-content:center;gap:24px}#select .opt.on{color:#f2d995;text-shadow:0 0 9px #c6b06d44}
#select.in-lobby .team-panel{position:relative;border:0;padding:24px;border-radius:0;background:linear-gradient(120deg,#122a32f2,#0a171cf5)}#select.in-lobby .team-panel::after{border-width:22px;opacity:.75}
#select .player-slot{border-radius:0;background:#050f1766;border-color:#a8b5a51c}.player-slot .slot-mark{border-radius:0}
#ranking-dialog,#settings-dialog,.account-dialog,#endscreen .results-panel{position:relative;border:0;border-radius:0;background:radial-gradient(ellipse at top,#1d3038,#0b171ff7);box-shadow:0 28px 100px #000a}
#ranking-dialog::after,#settings-dialog::after,.account-dialog::after,#endscreen .results-panel::after{border-width:24px;opacity:.8}
#ranking-dialog .ranking-heading h1,.account-dialog h2,#settings-title,#endscreen #endtitle{font-family:Georgia,serif;font-variant:small-caps;letter-spacing:1px;color:#ecdfb9}
#ranking-own.player-profile-card{border-radius:0;background:linear-gradient(100deg,#213337,#101f25);border-color:#ad9b6266;box-shadow:inset 0 1px #ddc79220}
#ranking-dialog .ranking-scroll,#ranking-dialog .ranking-tabs select,.account-dialog input,.account-dialog select,#settings-dialog select{border-radius:0;border-color:#9c95644d}
#ranking-dialog .ranking-tabs [aria-pressed=true]{border-image-source:var(--forged-gold);background:none;color:#ffe4a7}
.account-dialog .account-tabs button,.account-dialog header button,.binding-row button{border-radius:0;background:linear-gradient(#263b40,#122027);border-color:#8b8b646b;color:#e1d6b9}
.account-dialog .account-tabs [aria-pressed=true]{background:linear-gradient(#3b4030,#1a2728);border-color:#d0b57a}
#endscreen .results-panel{padding:30px}#endscreen .endrow{gap:14px}
@media(min-width:951px) and (max-width:1200px){#select .hero-focus{--focus-icon-size:120px;padding:24px;gap:20px}#select .play-panel{padding:25px 20px}#select.menu-shell .menu-tools .secondary-action{border-inline-width:14px;padding-inline:4px;font-size:10px!important}}
@media(max-width:950px){#select .hero-focus{--focus-icon-size:130px}#select .menu-tools{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:600px){#select.menu-shell{padding-inline:16px}#select .menu-top{min-height:130px}#select .menu-tools{justify-content:center;gap:3px}#select.menu-shell .menu-tools .secondary-action{min-height:35px;border-inline-width:12px;font-size:10px!important;max-width:120px}#select #language{padding:7px 5px}#select .hero-focus{--focus-icon-size:82px;padding:20px 16px;gap:12px;min-height:165px}#select .hero-focus::after{border-width:16px}#select .play-panel{padding:27px 22px}#select .card.selected::before{border-width:14px}.account-dialog::after,#settings-dialog::after,#ranking-dialog::after{border-width:18px}#ranking-dialog .secondary-action{border-inline-width:16px;padding-inline:4px}#endscreen .results-panel{padding:22px}}
@media(min-width:951px) and (max-height:800px){#select .hero-focus{--focus-icon-size:120px;min-height:185px;padding-block:18px}#select .play-panel{padding:22px}#select .play-heading{margin-bottom:16px;font-size:29px}#select .local-actions{margin-top:12px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){#select.menu-shell :is(button,.card),dialog button{transition:none;transform:none!important}}