/* Saved-character lobby: preview and roster, with the established classic frame. */
.roster-visible .title-layout{display:block;max-width:1040px;padding-top:35px;padding-bottom:30px;position:relative;z-index:1}.roster-visible .title-copy{max-width:none}.roster-visible .title-copy>h1,.roster-visible .title-copy>.eyebrow,.roster-visible .intro,.roster-visible .title-chips{display:none}.roster-visible .title-art{position:fixed;inset:0;opacity:.23;z-index:-1;pointer-events:none;border:0;outline:0;box-shadow:none;background:#172c23}.roster-visible .title-art canvas{width:100%;height:100%;max-height:none;object-fit:cover;mask-image:none}.roster-visible .title-art:before,.roster-visible .title-art .art-caption,.roster-visible .title-art .art-corner{display:none}.roster-visible .landing-nav,.roster-visible .landing-footer{position:relative;z-index:1}.character-lobby{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(280px,1.05fr);gap:24px;padding:25px;background:#353127f2;border:9px solid transparent;border-image:url('ui/classic-frame.svg') 10 stretch;outline:1px solid #11160f;box-shadow:0 18px 55px #0008}.roster-preview-panel{min-width:0;text-align:center;padding-right:24px;border-right:2px ridge #756d59}.roster-preview-stage{display:grid;place-items:center;min-height:310px;background:radial-gradient(ellipse at 50% 80%,#423e2a44,transparent 50%),#11130f;border:2px inset #716b54}.roster-preview-stage canvas{width:220px;height:264px;max-width:90%;object-fit:contain;image-rendering:pixelated}.roster-preview-panel h2{font:22px Tahoma,Arial,sans-serif;color:#f2bd55;text-shadow:1px 1px #11170e;margin:16px 0 6px}#resume-description{font:13px Tahoma,Arial,sans-serif;color:#c5b99c;margin:8px 0}.roster-local{font:10px Tahoma,Arial,sans-serif;color:#b2a58b}.roster-selection{display:flex;flex-direction:column;min-width:0}.roster-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 12px}.roster-heading h2{font:16px Tahoma,Arial,sans-serif;color:#e9bc60;margin:0}.roster-heading>span{font-size:10px;color:#b8ab8e}#roster-list{display:grid;gap:6px;align-content:start;max-height:345px;min-height:240px;overflow:auto;padding:6px;background:#191a15;border:2px inset #746c54}.roster-entry{display:flex;align-items:center;gap:10px;width:100%;min-height:67px;padding:6px 10px;background:#2b2821;border:1px solid #544c39;color:#e4dcc9;text-align:left;box-shadow:inset 1px 1px #6b624555}.roster-entry.selected{background:#55482d;border-color:#d2ad58;box-shadow:inset 0 0 0 2px #a3844044}.roster-entry:hover{background:#4d4532;border-color:#c2a46a}.roster-entry canvas{width:37px;height:44px;flex:none;image-rendering:pixelated}.roster-entry strong{display:block;font:14px Tahoma,Arial,sans-serif;overflow-wrap:anywhere}.roster-entry small{display:block;font:10px Tahoma,Arial,sans-serif;color:#c4ae79;margin-top:5px}.roster-entry .roster-level{margin-left:auto;color:#e7bf61;font-size:11px;white-space:nowrap}.roster-main-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.roster-main-actions button{padding:12px;font-size:12px}.roster-small-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.roster-small-actions button{font-size:10px;padding:8px}.roster-small-actions #roster-delete{color:#e5aa92}#creator-back{margin-bottom:20px}#title-import{margin-top:7px}.roster-visible #save-note{font-size:11px;margin-top:15px}.roster-visible #title-import{font-size:11px}.roster-entry:focus-visible{outline:2px solid #f1cf79;outline-offset:1px}
@media(max-width:750px){.roster-visible .title-layout{width:calc(100% - 24px);padding-top:12px;max-width:550px}.character-lobby{grid-template-columns:1fr;gap:17px;padding:16px}.roster-preview-panel{padding-right:0;padding-bottom:12px;border-right:0;border-bottom:2px ridge #756d59}.roster-preview-stage{min-height:190px}.roster-preview-stage canvas{width:150px;height:180px}.roster-preview-panel h2{font-size:20px;margin:11px 0 4px}.roster-local{margin:7px 0 0}.roster-heading{margin-bottom:8px}#roster-list{max-height:235px;min-height:0}.roster-main-actions{margin-top:12px;justify-content:stretch}.roster-main-actions button{flex:1;font-size:11px;padding:11px 8px}.roster-entry{min-height:59px}.roster-entry strong{font-size:13px}.roster-small-actions{gap:6px}.roster-visible .title-art{display:block;height:auto;min-height:0}.roster-visible .landing-nav{height:68px}.roster-preview-stage{background-color:#141510}}
@media(max-height:600px) and (min-aspect-ratio:4/3){.roster-visible .title-layout{width:calc(100% - 32px);padding:8px 0}.roster-visible .landing-nav{height:48px}.character-lobby{grid-template-columns:.85fr 1.15fr;padding:12px;gap:16px}.roster-preview-panel{border-right:2px ridge #756d59;border-bottom:0;padding:0 14px 0 0}.roster-preview-stage{min-height:175px}.roster-preview-stage canvas{width:140px;height:168px}.roster-preview-panel h2{font-size:17px;margin:9px 0 3px}.roster-local{font-size:8px}.roster-entry{min-height:52px}.roster-entry canvas{width:30px;height:36px}#roster-list{max-height:180px;min-height:0}.roster-main-actions{margin-top:10px}.roster-main-actions button{padding:9px;font-size:10px}.roster-small-actions{margin-top:8px}.roster-small-actions button{font-size:8px;padding:6px}.roster-visible .landing-footer{padding:10px 0}.roster-visible #save-note{font-size:9px;margin-top:10px}}

.account-button{border-color:#bea45e!important;color:#f0d486!important}.account-panel{display:grid;gap:14px;min-width:min(460px,75vw)}.account-panel label{display:grid;gap:6px;color:#d9cba5;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.account-panel input{width:100%;box-sizing:border-box;background:#0b1411;border:1px solid #64705b;color:#f2ead7;padding:12px;font:inherit}.account-panel input:focus{outline:1px solid #d2ae58;border-color:#d2ae58}.account-intro{margin:0;color:#d8d7c9}.account-status{min-height:1.4em;margin:0;color:#e4bd63}.account-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-form-actions button{min-height:45px}@media(max-width:650px){.account-panel{min-width:0}.account-form-actions{grid-template-columns:1fr}}