/* Modern presentation only. Palette, scale, media and navigation stay intact. */
@font-face { font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap; }
body { font-family:var(--font-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; }
h1,h2,h3,h4,h5 { font-family:var(--font-display);letter-spacing:-.025em;line-height:1.25;font-weight:700; }
p { line-height:1.55; }
.hint { line-height:1.55; }
.btn { font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;letter-spacing:0;text-transform:none;border:1px solid transparent;box-shadow:none; }
.btn:hover,.btn:active { transform:none;box-shadow:none; }
.btn.ghost { border:1px solid var(--line); }
.btn.ghost:hover { border-color:var(--line-strong); }
.tab,.seg { box-shadow:none;border-width:1px;border-radius:var(--r-md); }
.tab { font-weight:600;letter-spacing:0;text-transform:none; }
.seg button { font-family:var(--font-ui);font-weight:600; }
.card,.modal-box,.menu { border-width:1px;box-shadow:0 8px 28px rgb(0 0 0 / .12); }
.modal-box { box-shadow:0 16px 60px rgb(0 0 0 / .35); }
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select { font-family:var(--font-ui);border-width:1px;border-radius:var(--r-sm); }
.cred { border-width:1px;box-shadow:none;border-radius:var(--r-sm); }
.cred b,.mono,code,kbd { font-family:var(--font-mono); }
.menu-item { border-radius:var(--r-sm);font-weight:500; }
.menu-item:hover { background:var(--surface-3); }
.avatar,.peer-avatar-btn,.peer-avatar-btn .avatar,.dc-me-name + img,.user-btn > img,.voice-user img { border-radius:50%; }
.peer-avatar-btn img,.peer-ava img,#userChip img { border-radius:50%; }
.peer-ava > img.av,.peer > img.av,.dmw-convo-ava > img.av { border-radius:50%; }
.peer-avatar-btn .dot,.pp-dot { border-radius:50%; }
.peer { border-radius:var(--r-sm); }
.peer-name,.cm b { font-weight:600; }
.brand-name { font-family:var(--font-ui);font-weight:750;letter-spacing:-.02em; }
.logo-mark,:root[data-theme="light"] .logo-mark { mix-blend-mode:normal;filter:none;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0; }
.list-item,.public-room-item { border-radius:var(--r-sm); }
.room-visibility label { border-radius:var(--r-md); }
.room-visibility label:has(input:checked) { border-color:var(--accent);background:var(--surface-2); }
.room-visibility legend { font-weight:600; }
.room-visibility small { font-size:var(--text-sm);line-height:1.5; }
.room-visibility input { margin-top:.2rem; }
.side-title,.menu-label { letter-spacing:.055em;font-size:.6875rem;font-weight:700; }
.room-actions .btn,.vbtn { box-shadow:none; }
.chat-head { border-bottom:1px solid var(--line); }
.cm { padding:var(--sp-2);border-radius:var(--r-sm);font-size:var(--text-sm); }
.cm .ct { font-size:.6875rem; }
.pe-preview,.profile-crop { border-radius:var(--r-lg); }
.pe-preview .profile-crop { border-radius:50%; }
.pe-preview-banner { border-top:0; }
.profile-pop { --profile-w:21.5rem;width:min(var(--profile-w),calc(100vw - 1.5rem));background:var(--surface-sunk);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:1rem;box-shadow:0 16px 52px rgb(0 0 0 / .45); }
.profile-pop > .pp-scroll { scrollbar-width:thin;padding-bottom:var(--sp-5); }
.profile-pop .pp-banner { height:3.75rem;background:var(--surface-sunk); }
.profile-pop[data-role] .pp-banner { background:var(--surface-sunk); }
.profile-pop .pp-id { display:flex;flex-direction:column;align-items:start;gap:var(--sp-3);margin-top:-1rem;padding:0 var(--sp-5); }
.profile-pop .pp-ava { width:5.75rem;height:5.75rem; }
.profile-pop .pp-avatar-link { display:block;width:100%;height:100%;border-radius:50%; }
.profile-pop .pp-ava .avatar { width:100%;height:100%;border:5px solid var(--surface-sunk);border-radius:50%;object-fit:cover; }
.profile-pop .pp-dot { right:.2rem;bottom:.2rem;width:1.25rem;height:1.25rem;border:4px solid var(--surface-sunk); }
.profile-pop .pp-names { width:100%;padding:0; }
.profile-pop .pp-name { font:700 1.4rem/1.25 var(--font-ui);letter-spacing:-.025em; }
.pp-identity-line { display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-top:.25rem; }
.profile-pop .pp-slot { display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-sm);color:var(--fg-2);margin:0; }
.profile-pop #ppCustomBadges { padding:0; }
.profile-pop .profile-insignias { display:inline-flex;flex-wrap:wrap;gap:0;padding:.125rem .2rem;background:var(--surface-1);border-radius:.5rem; }
.profile-pop .profile-insignias:empty { display:none; }
.profile-pop .profile-insignia button { width:1.5rem;height:1.5rem;padding:.125rem; }
.profile-pop .profile-insignia img { width:1.25rem;height:1.25rem; }
.profile-pop #ppBadges { padding:.65rem var(--sp-5) 0;gap:.35rem; }
.profile-pop #ppBadges .badge { border:0;border-radius:999px;padding:.2rem .5rem;background:var(--surface-1);font:500 .6875rem/1.3 var(--font-ui); }
.profile-pop .pp-state { margin:.65rem var(--sp-5) 0;line-height:1.4; }
.profile-pop .pp-bio { margin:.75rem var(--sp-5) 0;line-height:1.5;color:var(--fg-2); }
.pp-primary-actions { display:flex;gap:var(--sp-2);margin:var(--sp-4) var(--sp-5) 0; }
.pp-primary-actions:empty { display:none; }
.pp-primary-actions:not(:has(> :not([hidden]))) { display:none; }
.pp-primary-actions .btn { flex:1;min-width:0; }
.pp-edit-profile { color:var(--fg);background:var(--surface-3); }
.pp-edit-profile:hover { background:color-mix(in srgb,var(--surface-3),white 8%); }
.profile-pop .pp-card { background:transparent;margin:.5rem var(--sp-3) 0;padding:.25rem 0; }
.profile-pop .pp-card:empty { display:none; }
.profile-pop .pp-close,.profile-pop .pp-more { position:absolute;top:.65rem;width:1.9rem;height:1.9rem;min-height:1.9rem;right:.65rem;z-index:3;border:1px solid var(--line);border-radius:50%;background:var(--surface-sunk); }
.profile-pop .pp-close { right:2.9rem; }
.profile-pop .pp-more { font-size:1.2rem;line-height:1;letter-spacing:.03em; }
.profile-pop .pp-vol { padding:.5rem; }
.pp-details { margin:0 var(--sp-3) var(--sp-3);padding-top:.5rem;border-top:1px solid var(--line); }
.pp-details .pp-card { margin:0;padding:.25rem 0; }
.pp-details .cred { display:flex;align-items:center;gap:.5rem;background:transparent;padding:.5rem;border:0; }
.pp-details .cred .lbl { display:none; }
.pp-details .cred b { flex:1;min-width:0;overflow-wrap:anywhere;font-size:.75rem; }
.pp-details .cred .btn { flex:0 0 auto;font-size:.6875rem;min-height:1.75rem;padding:0 .5rem; }
.profile-pop .pp-details .menu-item { font-size:var(--text-sm); }
#createdModal .modal-box { width:min(30rem,100%);gap:var(--sp-4);padding:var(--sp-6); }
#createdModal h3 { font-size:1.25rem; }
#createdModal .callout { border-radius:var(--r-md);border-width:1px;font-size:var(--text-sm); }
#createdModal .modal-actions { display:grid;grid-template-columns:auto 1fr;gap:var(--sp-2); }
#createdModal #enterAsPlayer { grid-column:2; }
#createdModal #enterAsAdmin { grid-column:1 / -1;background:var(--brand);color:var(--on-brand); }
@media(max-width:63.999rem) { .profile-pop { left:.5rem;right:.5rem;bottom:calc(var(--pp-bottom,0px) + max(.5rem,env(safe-area-inset-bottom)));margin-inline:auto;width:min(24rem,calc(100vw - 1rem));border-radius:1rem;max-height:min(var(--pp-max-h,100dvh),calc(100dvh - var(--topbar-h) - 1rem)); } }
@media(max-width:36rem) { .profile-pop .pp-ava { width:5.25rem;height:5.25rem; } .profile-pop .pp-id { gap:.5rem; } }