/* Fullscreen game entry. Match styling stays in midnight.css. */
[hidden]{display:none!important}
.club-brand{display:flex;align-items:center;gap:10px;color:#ffd166;padding:4px 0}.club-brand>span{font-size:32px}.club-brand strong{font-size:18px;letter-spacing:3px}.club-brand small{display:block;text-align:center;font-size:10px;letter-spacing:5px;margin-top:4px}
body.in-menu{background:#0b1020}
#game-menu{--lime:#ffd166;min-height:100svh;display:grid;place-items:center;padding:30px 24px;color:#f5efe0;isolation:isolate;position:relative}
#game-menu:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#0b102015,#0b102030),url('assets/menu-desktop.webp') center/cover no-repeat;pointer-events:none}
#menu-content{width:min(420px,100%);text-align:center;animation:menu-enter .22s ease-out;position:relative;padding:12px 0}
#menu-content.lobby{width:min(800px,100%)}
.menu-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.menu-brand{display:flex;flex-direction:column;align-items:center;margin:0 0 42px;text-shadow:0 4px 14px #0007;color:#ffe0a0;line-height:1}
.brand-star{font-size:48px;margin-bottom:18px}.menu-brand>span:not(.brand-star){font:600 clamp(31px,4vw,49px)/1.15 Georgia,serif;letter-spacing:5px}.menu-brand strong{font:600 18px/1.4 'Segoe UI',sans-serif;letter-spacing:9px;margin:10px 0 0 8px;color:#dfc59a}
#game-menu h1{font:500 34px/1.2 Georgia,serif;margin:12px 0;color:#fff0d5}.menu-subtitle{font-size:15px;color:#b4c4cf;margin:0 0 24px}.section-star{font-size:32px;color:#ffd166}.menu-actions{display:grid;gap:14px}
#game-menu button,#game-menu input,#game-menu select{font-family:inherit;touch-action:manipulation}
#game-menu button{transition:transform .16s ease,background .16s ease,border-color .16s ease;min-height:48px}
#game-menu button:not(:disabled):active{transform:translateY(2px)}
#game-menu button:focus-visible,#game-menu input:focus-visible,#game-menu select:focus-visible{outline:3px solid #ffe4a5;outline-offset:4px}
#game-menu button:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.55);box-shadow:none}
#game-menu .menu-primary,#game-menu .menu-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #cba25c;border-radius:16px;padding:17px 22px;font-size:18px;font-weight:650;line-height:1.25;box-shadow:0 5px 0 #624925,0 12px 25px #0004;background:linear-gradient(160deg,#ffdc89,#eabc5b);color:#152334;min-height:62px}
#game-menu .menu-secondary{background:linear-gradient(160deg,#214452ee,#102839f2);border-color:#698087;color:#f6e6c6;box-shadow:0 4px 0 #071a28,0 10px 25px #0004}
#game-menu .menu-primary>span,#game-menu .menu-secondary>span{margin-left:auto;font-size:21px}
@media(hover:hover){#game-menu .menu-primary:not(:disabled):hover{background:linear-gradient(160deg,#ffe5a6,#f6ca70);transform:translateY(-2px)}#game-menu .menu-secondary:not(:disabled):hover{border-color:#e4be7e;background:#234650;transform:translateY(-2px)}}
.menu-secondary-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin:22px 0 0;color:#ae9671}
.menu-secondary-actions button,#game-menu .menu-text,#game-menu .menu-back{border:0;background:transparent;color:#d0d8de;font-size:14px;padding:10px 14px;border-radius:10px}
#game-menu .menu-back{display:block;margin:0 0 12px;padding-left:0;color:#c7cdd3}
.menu-caption{font-size:12px;letter-spacing:1px;color:#aab6c1;margin:22px 0 0}
.connect-form,.settings-options{text-align:left;display:grid;gap:10px;margin-top:26px}
.connect-form label,.settings-options label{font-size:14px;font-weight:600;color:#d7dce0;padding-left:4px}
#game-menu input,#game-menu select{width:100%;background:#0a1b2be8;border:1px solid #647684;border-radius:14px;color:#fff0d5;padding:15px 18px;font-size:18px;min-height:56px;box-shadow:inset 0 2px 6px #0004}
#game-menu input::placeholder{color:#899caa;font-size:16px}.connect-form .code-input{letter-spacing:7px;text-transform:uppercase;font-weight:700;text-align:center}.connect-form .menu-primary{margin-top:14px}#game-menu #online-error{color:#ffb3ad;min-height:24px;margin:4px 0 0;font-size:14px;line-height:1.4;text-align:center}
.settings-options{gap:16px}.settings-options select{margin-top:-8px}
.lobby-heading h1{margin:8px 0!important}.lobby-heading .menu-subtitle{margin-bottom:12px}.lobby-heading .section-star{font-size:26px}
.invite-row{display:flex;justify-content:center;align-items:center;gap:10px;margin:12px 0 22px}#copy-room{display:flex;align-items:center;gap:12px;border:1px solid #a38c5c80;border-radius:12px;padding:8px 14px;background:#0e2434e6;color:#ffdf9e}#copy-room>span:first-child{font-size:10px;letter-spacing:2px;color:#b7c6d2}#copy-room strong{letter-spacing:3px;font-size:17px;font-variant-numeric:tabular-nums}
.lobby-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lobby-seat{min-width:0;position:relative;padding:20px 10px 16px;background:linear-gradient(#183844ec,#0b1e30f5);border:1px solid #506573;border-radius:22px;box-shadow:0 10px 25px #0004}
.lobby-seat.is-you{border-color:#ffd166;box-shadow:inset 0 -3px #ffd166,0 10px 25px #0004}.lobby-seat.empty{background:#10233399;border-style:dashed;border-color:#68818a70}
.lobby-avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;background-image:url('assets/characters.png');background-size:200% 200%;box-shadow:0 0 0 1px #bc9b6080;background-color:#123f49}
.lobby-avatar.character-0{background-position:0 0}.lobby-avatar.character-1{background-position:100% 0}.lobby-avatar.character-2{background-position:0 100%}.lobby-avatar.character-3{background-position:100% 100%}
.empty .lobby-avatar{background-image:none;background-color:#0c233180;border:1px dashed #65818b70;color:#718a96;display:grid;place-items:center;font-size:32px;box-shadow:none}
.seat-details{min-width:0}.seat-details strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-identity{display:block;color:#b5c6d1;font-size:11px;margin:6px 0 14px}.seat-ready{display:block;color:#b3c3cc;font-size:12px}.is-ready .seat-ready{color:#ffe1a0}.empty .seat-details{color:#a2b6c1}
#lobby-requirement{font-size:13px;color:#c5d1d7;line-height:1.4;margin:18px 0 14px}.lobby-actions{display:flex;justify-content:center;gap:14px;margin:0 auto;max-width:480px}#game-menu .lobby-actions button{font-size:16px;min-height:56px;padding:14px}
#lobby-connection,#lobby-info{font-size:12px;color:#d8c49e;min-height:0;line-height:1.4;margin:8px 0}#lobby-connection:empty,#lobby-info:empty{display:none}#game-menu #leave-room{margin-top:8px}
@keyframes menu-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:650px){#game-menu{padding:24px 20px;align-items:center}#game-menu:before{background-image:linear-gradient(#0b10200a,#0b102030),url('assets/menu-mobile.webp');background-position:center;background-size:cover}#menu-content{max-width:360px}#menu-content.lobby{max-width:420px}.menu-brand{margin-bottom:30px}.brand-star{font-size:35px;margin-bottom:16px}.menu-brand>span:not(.brand-star){font-size:34px;letter-spacing:3px}.menu-brand strong{font-size:15px;letter-spacing:7px;margin-top:9px}#game-menu h1{font-size:29px}.menu-subtitle{font-size:14px}.menu-caption{font-size:11px;margin-top:18px}#game-menu .menu-primary,#game-menu .menu-secondary{font-size:17px;min-height:58px;padding:15px 18px}.lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lobby-seat{padding:12px 8px;border-radius:17px}.lobby-avatar{width:72px;height:72px;margin-bottom:10px}.seat-details strong{font-size:15px}.seat-identity{font-size:11px;margin:4px 0 8px}.seat-ready{font-size:12px}.invite-row{margin:10px 0 14px;gap:4px}#game-menu #copy-link{font-size:12px;padding:8px}#copy-room{gap:8px;padding:7px 10px}#copy-room strong{font-size:16px}.lobby-heading .section-star{display:none}.lobby-heading h1{font-size:27px!important}#lobby-requirement{font-size:12px;margin:12px 0}.lobby-actions{gap:10px}#game-menu .lobby-actions button{font-size:15px;min-height:50px}.club-brand{gap:6px}.club-brand strong{font-size:12px;letter-spacing:1px}.club-brand small{font-size:8px;letter-spacing:2px}.club-brand>span{font-size:23px}}
@media(max-height:740px) and (max-width:650px){#game-menu{padding:12px 16px}.lobby-avatar{width:56px;height:56px;margin-bottom:6px}.lobby-seat{padding:9px 6px}.seat-identity{margin-bottom:5px}.lobby-heading .menu-subtitle{margin-bottom:4px}.invite-row{margin:6px 0 10px}.menu-brand{margin-bottom:24px}.brand-star{margin-bottom:10px}.menu-caption{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#game-menu *,#game-menu *:before{animation:none!important;transition:none!important}}
.app:not([hidden]){animation:menu-enter .22s ease-out}
@media(prefers-reduced-motion:reduce){.app:not([hidden]){animation:none}}
@media(max-height:740px) and (max-width:650px){#menu-content.lobby{padding:0}.lobby-heading h1{font-size:25px!important}.invite-row{margin-top:4px;margin-bottom:8px}#lobby-requirement{margin:8px 0}.lobby-heading .menu-subtitle{font-size:13px}}