.gate{overflow-y:auto;padding:28px 18px}.gate>div{max-width:740px}.gate h1{font-size:clamp(38px,6vw,68px)}.gate .name{margin:8px auto}.gate .credit{max-width:630px;margin:12px auto}.avatar-picker{display:flex;align-items:center;gap:20px;text-align:left;max-width:620px;margin:12px auto;color:#e6e9f7}.avatar-preview{position:relative;flex:0 0 180px;height:210px;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--aura) 16%,transparent),transparent 65%);border-bottom:1px solid color-mix(in srgb,var(--aura) 45%,transparent)}.avatar-preview canvas{width:100%;height:100%;object-fit:contain}.avatar-element{position:absolute;top:16px;left:9px;font:24px monospace;color:var(--aura)}.avatar-options h2{font:500 27px DM Sans,sans-serif;margin:8px 0}.avatar-options .eyebrow{font-size:9px;letter-spacing:.15em}.avatar-options p.avatar-feel{font:13px monospace;color:var(--aura);margin:8px 0}.avatar-options small{display:block;font:11px/1.6 DM Sans,sans-serif;opacity:.65;max-width:330px}.avatar-swatches{display:flex;gap:7px;margin:15px 0;flex-wrap:wrap}.avatar-swatches button{background:#080c18;border:1px solid #ffffff22;padding:8px;font:11px monospace;color:#c2c7d8;border-radius:5px}.avatar-swatches button:before{content:"";display:block;width:22px;height:22px;margin:0 auto 7px;background:radial-gradient(circle at 35% 30%,#eef2ff,var(--swatch) 40%,#050916 85%);border-radius:50%}.avatar-swatches button[aria-pressed=true]{border-color:var(--swatch);box-shadow:0 0 17px color-mix(in srgb,var(--swatch) 23%,transparent);color:#fff}.avatar-dialog{max-width:min(660px,92vw);background:#080d1bee;border:1px solid #8470ff66;color:#fff;padding:24px}.avatar-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.avatar-close{display:block;margin:auto}.social-panel{width:min(510px,calc(100vw - 32px));background:#060b18d9;border:1px solid #8470ff44;border-radius:8px;padding:10px;pointer-events:auto;backdrop-filter:blur(8px)}.social-head{display:flex;align-items:center;gap:9px;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:#b4aaff}.social-head label{display:flex;align-items:center;gap:5px}.social-panel select{background:#0b1425;color:#dde3f6;border:1px solid #ffffff22;padding:5px;font:11px monospace}.social-panel .chatlog{max-height:165px;width:100%;margin:6px 0;padding:3px;overflow-y:auto;overflow-wrap:anywhere}.social-panel .line{font-size:12px;line-height:1.7;margin:3px 0}.social-panel .line small{font:9px monospace;color:#8b97af}.chat-name{border:0!important;background:none!important;padding:0!important;font:700 12px monospace!important}.social-panel mark{color:#e2dcff;background:#8470ff30;padding:1px 3px;border-radius:3px}.social-panel .mentioned{background:#8470ff18;border-left:2px solid #b4aaff;padding-left:6px}.social-panel .chat{position:static;transform:none;width:100%;flex-wrap:wrap;gap:6px;margin:8px 0 0}.social-panel .chat input{min-width:100px;font-size:13px;padding:8px}.social-panel .chat button{font-size:11px;padding:8px}.mention-list{display:flex;flex-wrap:wrap;gap:5px;width:100%}.mention-list:empty{display:none}.mention-list button{color:#d4cbff;background:#141a32}.chat-notice{font:10px monospace;color:#ae9fee;min-height:13px}.music-details{pointer-events:auto;max-width:510px;margin-top:8px}.music-details summary{font:10px monospace;color:#aaa8bc;cursor:pointer;padding:7px}.music-details .card{max-height:35vh;overflow:auto}.left{max-width:520px}.chat-open.has-mention{box-shadow:0 0 14px #8470ff88;border-color:#b5a8ff}@media(max-width:700px){.avatar-picker{gap:8px}.avatar-preview{flex-basis:125px;height:175px}.avatar-swatches{gap:4px;margin:9px 0}.avatar-swatches button{padding:5px;font-size:9px}.avatar-options small{font-size:10px}.social-panel .chatlog{max-height:115px}.social-head{letter-spacing:0}.note{display:none}.social-panel{padding:8px}.gate .avatar-options .eyebrow{font-size:8px}.avatar-options h2{font-size:22px}.gate>div>p:not(.credit){font-size:12px}.social-panel .chat{bottom:auto}.avatar-dialog{padding:14px}}#gate{padding:20px 16px;place-items:start center}#gate>div{max-width:740px;margin:auto}#gate h1{font-size:clamp(34px,5vw,52px);margin:8px 0}#gate>div>p{max-width:650px;margin:8px auto;font-size:13px}#gate .avatar-picker{margin:8px auto}#gate .avatar-preview{height:180px}#gate .avatar-options p{margin:6px 0;text-align:left}#gate .avatar-options .eyebrow{font-size:9px}.top-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.avatar-options{flex:1;min-width:0}.avatar-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}#gate .avatar-preview{height:200px}#gate>div{padding:12px}#gate .credit{font-size:10px}