/* Shared game-avatar ornament geometry, also used in real chat messages. */
.game-avatar.frame-neon{padding:3px;background:conic-gradient(from 40deg,#6ff5e5,#7c5cff,#e2b1ff,#6ff5e5)}
.game-avatar.frame-crystal{padding:4px;background:repeating-conic-gradient(from 15deg,#e0fcff 0deg 25deg,#6dcddd 25deg 55deg,#657acb 55deg 80deg);border-radius:22%}
.game-avatar.frame-crystal>.avatar{border-radius:24%}
.game-avatar.frame-void{padding:4px;background:conic-gradient(#f67c99,#643050,#ff426e,#251b43,#f67c99)}
.game-avatar.frame-solar{padding:4px;background:conic-gradient(#fff2b0,#b67727,#ffd873,#fff8c7,#b67727,#fff2b0)}
.game-avatar.frame-solar:before{content:'✦';position:absolute;top:-13%;left:34%;width:32%;z-index:2;color:#ffdb80;text-shadow:0 1px 3px #2a190d;font-size:22px;line-height:1;text-align:center}
.game-avatar.aura-pulse{box-shadow:0 0 0 3px #9d80f530,0 0 18px #8b64e366}
.game-avatar.aura-shards{box-shadow:0 0 0 3px #79d5e530,0 0 18px #55d2ed77}
.game-avatar.aura-eclipse{box-shadow:0 0 0 3px #cc49652b,0 0 20px #e646705c}
.avatar-showroom{margin:32px 0 20px;padding-top:26px;border-top:1px solid var(--line);color:var(--text)}
.showroom-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.showroom-heading small{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--accent)}.showroom-heading h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em;margin:7px 0}.showroom-heading p{color:var(--muted);margin:0;font-size:14px}.showroom-heading .btn{white-space:nowrap}
.showroom-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.5fr);gap:24px;align-items:start}.showroom-stage{position:sticky;top:80px;border:1px solid var(--line);border-radius:28px;padding:26px;text-align:center;background:radial-gradient(ellipse at 50% 27%,#a486ee22,transparent 58%),var(--surface)}.showroom-kicker{font-size:10px;letter-spacing:.2em;color:var(--muted);font-weight:750}.showroom-orbit{margin:22px auto 24px;width:190px;height:190px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative}.showroom-orbit:before{content:'';position:absolute;inset:-10px;border:1px dashed var(--line);border-radius:50%}.showroom-orbit>.game-avatar{width:144px;height:144px;padding:6px}.showroom-orbit .frame-solar:before{font-size:36px}.showroom-stage h3{font-size:21px;line-height:1.2;margin:8px 0}.showroom-stage>p{font-size:13px;color:var(--muted);line-height:1.5}.showroom-chat-sample{display:flex;align-items:center;gap:13px;text-align:left;background:var(--surface-alt);border:1px solid var(--line);border-radius:17px;padding:14px;margin:22px 0 14px}.showroom-chat-sample>.game-avatar{width:52px;height:52px;flex-shrink:0}.showroom-chat-sample b{font-size:13px;display:block}.showroom-chat-sample span:not(.game-avatar){font-size:11px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.showroom-stage .showroom-admin-note{font-size:11px;line-height:1.6;margin:18px 0}.showroom-stage>button{width:100%;min-height:46px;white-space:normal}.showroom-stage [role=status]{font-size:12px;color:var(--text)}
.showroom-tabs{display:flex;gap:5px;background:var(--surface-alt);border:1px solid var(--line);padding:4px;border-radius:14px;margin-bottom:16px}.showroom-tabs button{flex:1;min-height:40px;padding:8px 10px;background:transparent;border:0;color:var(--muted);border-radius:10px;white-space:nowrap;font-size:13px}.showroom-tabs button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 2px 7px #0000000c}.showroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.showroom-grid>button{position:relative;display:flex;align-items:center;flex-direction:column;gap:11px;padding:28px 10px 17px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);min-width:0;transition:border-color .15s,background .15s}.showroom-grid>button[aria-pressed=true]{border-color:var(--accent);background:var(--tint);box-shadow:inset 0 0 0 1px var(--accent)}.showroom-grid>button>.game-avatar{width:78px;height:78px;margin-bottom:6px}.showroom-grid b{font-size:12px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.showroom-grid small{font-size:10px;line-height:1.5;color:var(--muted)}.showroom-level{font-size:9px;letter-spacing:.03em;position:absolute;right:8px;top:7px;color:var(--muted);font-weight:700}.showroom-explanation{font-size:12px;line-height:1.65;color:var(--muted);margin:18px 0}.showroom-images>button{padding:8px 8px 14px;gap:8px}.showroom-images img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;background:var(--surface-alt)}.avatar-origin{padding:16px;background:var(--surface-alt);border:1px solid var(--line);border-radius:16px;font-size:12px;line-height:1.6}.avatar-origin p{margin:8px 0 0}.avatar-showroom button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1050px){.showroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-layout{gap:16px}.showroom-stage{padding:20px}}
@media(max-width:650px){.showroom-heading{align-items:flex-start;flex-direction:column}.showroom-layout{grid-template-columns:1fr}.showroom-stage{position:static;padding:20px;border-radius:22px}.showroom-orbit{width:160px;height:160px;margin:18px auto}.showroom-orbit>.game-avatar{width:120px;height:120px}.showroom-chat-sample{max-width:340px;margin:18px auto 12px}.showroom-stage>p{max-width:350px;margin-left:auto;margin-right:auto}.showroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-tabs{position:sticky;top:0;z-index:2}.avatar-showroom{margin-top:24px}.showroom-grid>button{min-height:160px}}