.character-lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(ellipse at 35% 40%,#28313b,#10151c 72%);color:#e7e0d3;font:14px/1.5 system-ui,sans-serif;overflow:auto;color-scheme:dark}.character-lobby *{box-sizing:border-box}.character-lobby [hidden]{display:none!important}.character-lobby button,.character-lobby input,.character-lobby select{font:inherit}.character-lobby button{cursor:pointer}.character-lobby button:disabled{cursor:wait;opacity:.45}.character-lobby :focus-visible{outline:2px solid #dbba79;outline-offset:4px}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:30px 4vw;border-bottom:1px solid #b7a17525}.lobby-kicker{font-size:10px;letter-spacing:.24em;color:#bda77f;margin:0 0 8px}.character-lobby h1,.character-lobby h2{font-family:Georgia,serif;font-weight:400;margin:0}.character-lobby h1{font-size:32px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;max-width:1550px;margin:auto;padding:22px 4vw;gap:28px}.lobby-stage{position:relative;min-height:660px;overflow:hidden;border:1px solid #b7a17520;border-radius:12px;background:#181e26}.lobby-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.lobby-identity{position:absolute;left:28px;top:26px;pointer-events:none}.lobby-identity h2{font-size:34px}.lobby-identity [data-level]{color:#b7c0cb;font-size:12px}.lobby-views{position:absolute;bottom:50px;left:20px;display:flex;gap:5px}.lobby-views button,.lobby-tabs button{background:#111923d9;border:1px solid #6e788144;color:#aab5c3;padding:9px 12px;border-radius:6px;font-size:12px}.lobby-views button[aria-pressed=true],.lobby-tabs button[aria-pressed=true]{color:#f0ddba;border-color:#bc9c63}.lobby-orbit{position:absolute;bottom:12px;left:24px;color:#91a0ae;font-size:11px}.lobby-preview-status{position:absolute;right:20px;bottom:20px;color:#dbba79;font-size:12px}.lobby-panel{padding:22px;background:#171f28d9;border:1px solid #b7a17525;border-radius:12px;align-self:start}.lobby-panel h2{font-size:24px}.lobby-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lobby-panel-heading span{color:#95846a}.lobby-roster{display:grid;gap:10px}.lobby-character{display:flex;flex-direction:column;gap:4px;padding:17px 18px;background:#202a34;text-align:left;border:1px solid #44505d;border-radius:7px;color:#e8e1d7}.lobby-character strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.lobby-character span{font-size:12px;color:#9ca9b8}.lobby-character[aria-pressed=true]{border-color:#c5a46c;background:linear-gradient(115deg,#453b2b,#232c35)}.lobby-button{background:transparent;border:1px solid #6f7b884f;color:#c4ccd4;border-radius:6px;padding:10px 14px}.lobby-primary{display:block;width:100%;border:1px solid #dcc38c;border-radius:6px;padding:13px 18px;color:#1c2025;background:linear-gradient(#dac18f,#bba06c);font-weight:600!important}.lobby-create{width:100%;margin:16px 0 30px;border-style:dashed}.lobby-empty{color:#a5b0bd;margin:25px 0}.lobby-tabs{display:flex;gap:6px;margin:20px 0}.lobby-tabs button{flex:1}.lobby-options{max-height:390px;overflow:auto;padding:0 5px 6px 0;scrollbar-width:thin}.lobby-feature{display:block;color:#b9c4cf;font-size:12px;margin:0 0 14px}.lobby-choice{display:flex;gap:5px;margin-top:5px}.lobby-choice select{min-width:0;flex:1}.lobby-choice button{border:1px solid #465262;color:#d7c49d;background:#222c37;border-radius:5px;width:28px}.character-lobby select,.lobby-name input{color:#e2e6ea;background:#101822;border:1px solid #44505d;border-radius:5px;padding:8px 9px;width:100%}.lobby-feature input[type=range]{display:block;width:100%;accent-color:#c5a46c;margin-top:8px}.lobby-options summary{cursor:pointer;font-size:12px;color:#d8c39b;margin:6px 0 18px}.lobby-colours{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.lobby-colours legend{font-size:12px;color:#b9c4cf;margin-bottom:9px}.lobby-colours button{padding:0;width:27px;height:27px;border:2px solid #64707c;border-radius:50%}.lobby-colours button[aria-pressed=true]{border-color:#fff;outline:2px solid #dbba79;outline-offset:2px}.lobby-colours input{width:32px;height:27px;padding:0;background:none;border:0}.lobby-name{display:block;font-size:12px;color:#b9c4cf;padding-top:20px;border-top:1px solid #ffffff16}.lobby-name input{margin-top:7px}.lobby-actions{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}.lobby-actions .lobby-button{font-size:11px}.lobby-error{color:#efb0a9;font-size:12px;white-space:pre-wrap}.lobby-error:empty{display:none}@media (min-width:1450px){.lobby-stage{min-height:740px}}@media (max-width:800px){.lobby-header{padding:18px 20px}.character-lobby h1{font-size:25px}.lobby-layout{grid-template-columns:1fr;padding:14px;gap:14px}.lobby-stage{min-height:440px}.lobby-panel{padding:18px}.lobby-identity h2{font-size:27px}.lobby-options{max-height:none}.lobby-header .lobby-button{font-size:12px}}@media (prefers-reduced-motion:reduce){.character-lobby *{scroll-behavior:auto}}