body[data-mode=lobby]{background:#090909;color:#eee}
body[data-mode=lobby]:before{background:linear-gradient(#0009,#000d),url('https://assets.4rc.fun/original/menu-icons/1021995f05f22b5f444bd4f4.webp') center/cover}
.lobby{justify-content:center;gap:0;padding:24px 18px 44px}.lobby-brand{display:none}.lobby-panel{background:#101112 url('https://assets.4rc.fun/original/menu-icons/1021995f05f22b5f444bd4f4.webp') center/cover;border:1px solid #807a64;box-shadow:0 12px 40px #000b,inset 0 0 0 3px #171717;border-radius:0;padding:24px}
.lobby-panel h2{font-size:23px;color:#f4e5ba;margin:6px 0 18px}.lobby-step{color:#b7ad87}.lobby-panel .primary{background:linear-gradient(#303233,#101112);color:#f4e5ba;border:1px solid #a5996c;box-shadow:inset 0 0 0 2px #161616;font-size:14px;padding:12px;width:100%}.lobby-panel .primary:hover{background:#373837}.lobby-secondary,.lobby-panel input{background:#080909;border:1px solid #625e50;color:#eee;border-radius:0}.lobby-panel input:not([type=checkbox]){width:100%;padding:12px;font-size:14px;box-sizing:border-box}.lobby-panel .field-label{margin:14px 0 7px;color:#d8d5c7}.auth-panel{width:420px}.auth-tabs{display:flex;gap:5px;margin:15px 0 20px}.auth-tabs button{flex:1;padding:9px 3px;background:#141515;border-color:#555248;font-size:12px}.auth-tabs button[aria-pressed=true]{color:#ffe489;border-color:#b5a56b;background:#343329}.auth-panel .primary{margin-top:15px}.auth-check{display:flex;align-items:flex-start;gap:9px;margin:20px 0 12px;font-size:12px;line-height:1.6;color:#dedbcc}.auth-check input{margin:3px 0 0;accent-color:#d2bc73}.recovery-code{display:block;text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;letter-spacing:1.5px;padding:20px 14px;border:1px solid #a5996c;background:#070808;color:#ffe59b;font:18px/1.8 ui-monospace,monospace;user-select:all}.lobby-note,.lobby-copy{color:#bcb9ad}.lobby-footer{color:#99948a}
.character-panel,.create-panel{width:540px;max-height:calc(100dvh - 120px);overflow:auto;scrollbar-width:thin}.account-line{margin:0 0 12px;color:#b5b2a4}.source-class-description{min-height:128px;box-sizing:border-box;border:1px solid #676358;background:#050606dd;padding:15px;white-space:pre-line;font-size:12px;line-height:1.6;color:#ddd}.source-class-description strong{display:block;color:#ffe672;font-size:16px;margin-bottom:4px}.source-class-description p{margin:0}.source-class-grid,.create-panel .class-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 10px;margin:18px 0 20px}.source-class-grid .class-card,.create-panel .class-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:78px;padding:4px;min-width:0;border:1px solid #6f6956;background:#070808;color:#ddd;box-shadow:inset 0 0 0 2px #242421;font-size:10px;gap:3px}.source-class-grid .class-card img,.create-panel .class-card img{width:42px;height:48px;object-fit:cover}.source-class-grid .class-card.active,.create-panel .class-card.active{border-color:#ffe577;outline:1px solid #c4ad60;background:#24251b}.source-class-grid .class-card .class-count{font-size:9px;color:#efe0a4;position:absolute;right:3px;top:3px}.source-class-grid .class-card{position:relative}.character-list{max-height:126px;gap:5px;margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{background:#090909;padding:8px;gap:8px;border-color:#575347}.character-card img{width:28px;height:34px;background:#111}.character-card strong{font-size:13px}.character-card small{font-size:10px;color:#bcb7a4}.character-card[aria-pressed=true]{background:#25251d;border-color:#c7ba82}.character-card .select-mark{display:none}.empty-characters{padding:12px;background:#0c0c0c;border-radius:0}.empty-characters strong{font-size:13px}.empty-characters p{font-size:11px;margin:5px 0;color:#bcb9a9}.create-panel .class-detail{min-height:128px;margin-bottom:0;border-bottom:1px solid #676358}.nickname-row input{width:0!important}.lobby [hidden]{display:none!important}
@media(max-width:600px){.lobby{padding:12px 8px 38px}.lobby-panel{padding:16px;max-width:100%;box-sizing:border-box}.source-class-grid,.create-panel .class-grid{gap:12px 5px}.source-class-grid .class-card,.create-panel .class-card{height:66px;font-size:9px}.source-class-grid .class-card img,.create-panel .class-card img{width:34px;height:40px}.source-class-description{font-size:11px;padding:10px}.character-panel,.create-panel{max-height:calc(100dvh - 105px)}}