.hosted-page{--hosted-max-width:78rem;background:radial-gradient(circle at 80% 5%,#b4530924,transparent 30rem),radial-gradient(circle at 8% 35%,#7c3aed1f,transparent 34rem),var(--body-background-color);width:100%;min-height:100%;color:var(--shell-text-strong);overflow:hidden}.hosted-shell{width:min(var(--hosted-max-width),calc(100% - clamp(2rem,7vw,6rem)));margin-inline:auto;padding-bottom:clamp(4rem,8vw,7rem)}.hosted-page-portal{min-height:auto;margin-top:var(--space-5);background:0 0}.hosted-page-portal .hosted-shell{width:100%;padding:0}.hosted-section-heading>p{color:#fbbf24;letter-spacing:.135em;text-transform:uppercase;font-size:.76rem;font-weight:780}.hosted-section,.hosted-create-block{scroll-margin-top:calc(var(--shell-header-height) + 1.5rem)}.hosted-section{border-top:1px solid var(--shell-border);padding-block:clamp(4.5rem,9vw,7rem)}.hosted-section-heading{max-width:47rem;margin-bottom:clamp(2rem,4vw,3rem)}.hosted-section-heading h2{margin-top:var(--space-3);letter-spacing:-.05em;font-size:clamp(2rem,4.5vw,3.7rem);font-weight:760;line-height:1.03}.hosted-section-heading>span{margin-top:var(--space-4);color:var(--shell-text-muted);font-size:1rem;line-height:1.65;display:block}.hosted-notices{gap:var(--space-3);margin-bottom:var(--space-6);display:grid}.hosted-notice{gap:var(--space-3);border:1px solid var(--shell-border);padding:var(--space-4);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;font-size:.88rem;line-height:1.55;display:grid}.hosted-notice>svg{width:1.2rem;height:1.2rem;margin-top:.12rem}.hosted-notice strong{color:var(--shell-text-strong);display:block}.hosted-notice>button{min-height:2.75rem}.hosted-notice p+p{margin-top:var(--space-2)}.hosted-notice a{color:var(--shell-accent-light);text-underline-offset:.15em;text-decoration:underline}.hosted-notice-warning{background:#f59e0b14;border-color:#f59e0b59}.hosted-notice-warning>svg{color:#fbbf24}.hosted-notice-danger{background:#ef444414;border-color:#ef444461}.hosted-notice-danger>svg{color:#f87171}.hosted-verbatim{overflow-wrap:anywhere;color:#e7e0ef}.hosted-loading,.hosted-empty-state{align-items:center;gap:var(--space-4);min-height:8rem;color:var(--shell-text-muted);background:#ffffff05;border:1px dashed #d6c2ff2e;border-radius:1.15rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.hosted-loading svg,.hosted-empty-state>svg{color:#fbbf24;flex:none;width:1.5rem;height:1.5rem}.hosted-empty-state h3{color:var(--shell-text-strong);font-size:1rem;font-weight:700}.hosted-empty-state p{margin-top:var(--space-1);font-size:.88rem;line-height:1.55}.hosted-character-groups{gap:var(--space-5);display:grid}.hosted-character-group{border:1px solid var(--shell-border);background:linear-gradient(155deg,#191020f0,#0b0810fa);border-radius:1.25rem;overflow:hidden}.hosted-character-group>header{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--shell-border);padding:var(--space-4)var(--space-5);background:#ffffff06;display:flex}.hosted-character-group>header>div{align-items:center;gap:var(--space-3);display:flex}.hosted-character-group>header svg{color:#fbbf24;width:1.25rem;height:1.25rem}.hosted-character-group h3{font-size:1rem;font-weight:720}.hosted-character-group header p{color:var(--shell-text-muted);margin-top:.15rem;font-size:.75rem}.hosted-unlisted-badge{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:99rem;padding:.3rem .65rem;font-size:.7rem;font-weight:700}.hosted-unlisted-copy{border-bottom:1px solid var(--shell-border);padding:var(--space-3)var(--space-5);color:var(--shell-text-muted);font-size:.78rem;line-height:1.55}.hosted-character-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hosted-character-card{gap:var(--space-3);min-width:0;padding:var(--space-4);background:#ffffff06;border:1px solid #d6c2ff1a;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.hosted-character-main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.hosted-character-main>div:last-child{min-width:0}.hosted-character-avatar{aspect-ratio:1;color:#fffbeb;background:linear-gradient(145deg,#b45309bf,#5b21b6b3);border:1px solid #fbbf2438;border-radius:.75rem;flex:none;place-items:center;width:2.8rem;font-weight:800;display:grid;transform:rotate(3deg);box-shadow:inset 0 0 1.5rem #ffffff0d}.hosted-character-main h4{color:var(--shell-text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:720;overflow:hidden}.hosted-character-state{color:var(--shell-text-muted);align-items:center;gap:.35rem;margin-top:.2rem;font-size:.72rem;display:flex}.hosted-character-state svg{color:#34d399;width:.68rem;height:.68rem}.hosted-character-note{color:var(--shell-text-muted);grid-column:1/-1;font-size:.72rem;line-height:1.5}.hosted-play-button{background:linear-gradient(135deg,#d97706,#a83b12);border-radius:.75rem;min-width:7.5rem;min-height:2.75rem;font-weight:720}.hosted-play-button:hover{background:linear-gradient(135deg,#f59e0b,#c2410c)}.hosted-play-button:disabled{background:var(--shell-surface-hover)}.hosted-inline-warning{color:#fbbf24;grid-column:1/-1;font-size:.78rem;line-height:1.45}.hosted-launch-state{color:var(--shell-text-muted);grid-column:1/-1;align-items:flex-start;gap:.4rem;font-size:.78rem;line-height:1.5;display:flex}.hosted-launch-state svg{flex:none;width:1rem;height:1rem;margin-top:.12rem}.hosted-launch-state[data-state=joined]{color:#34d399}.hosted-launch-state[data-state=retry]{color:#fbbf24}.hosted-realm-status{color:#34d399;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.hosted-realm-status[data-status=maintenance]{color:#fbbf24}.hosted-realm-status[data-status=stopped]{color:var(--shell-text-muted)}.hosted-realm-status svg{width:.7rem;height:.7rem}.hosted-realm-option{text-align:start;gap:.15rem;min-width:0;display:grid}.hosted-realm-option-name{color:var(--shell-text-strong);font-weight:700}.hosted-realm-option-meta{color:var(--shell-text-muted);flex-wrap:wrap;align-items:center;gap:.15rem .65rem;font-size:.72rem;display:flex}.hosted-realm-option-full{color:#fbbf24;font-weight:700}.hosted-create-block{background:radial-gradient(circle at 8% 20%,#d977061c,#0000 22rem),linear-gradient(150deg,#191020f5,#0a070ffa);border:1px solid #fbbf2429;border-radius:1.4rem;margin-top:clamp(2rem,4vw,3rem);overflow:hidden}.hosted-create-heading{font:inherit}.hosted-create-toggle{align-items:center;gap:var(--space-3);width:100%;min-height:3.5rem;padding:var(--space-4)var(--space-5);color:var(--shell-text-strong);text-align:start;cursor:pointer;transition:background var(--motion-fast);font-size:1.05rem;font-weight:740;display:flex}.hosted-create-toggle:hover{background:#ffffff08}.hosted-create-toggle:focus-visible{outline-offset:-3px}.hosted-create-toggle>svg{color:#fbbf24;flex:none;width:1.15rem;height:1.15rem}.hosted-create-toggle>span{flex:1;min-width:0}.hosted-create-chevron{transition:transform var(--motion-fast)}.hosted-create-toggle[aria-expanded=true] .hosted-create-chevron{transform:rotate(180deg)}.hosted-create-panel{gap:var(--space-4);border-top:1px solid var(--shell-border);padding:var(--space-5);display:grid}.hosted-create-panel[hidden]{display:none}.hosted-create-intro{max-width:44rem;color:var(--shell-text-muted);font-size:.95rem;line-height:1.6}.hosted-create-form{gap:var(--space-4);border:1px solid var(--shell-border);background:#07050f94;border-radius:1.15rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.hosted-create-form [data-slot=select-trigger],.hosted-create-form input{background:#ffffff09;min-height:2.8rem}.hosted-create-form [data-slot=select-trigger][data-size]{white-space:normal;height:auto;padding-block:.5rem}.hosted-create-form [data-slot=select-trigger] [data-slot=select-value]{-webkit-line-clamp:unset;display:block;overflow:visible}.hosted-create-form>button{background:linear-gradient(135deg,#d97706,#a83b12);border-radius:.8rem;min-height:3rem;font-weight:720}.hosted-create-form>button:hover{background:linear-gradient(135deg,#f59e0b,#c2410c)}.hosted-auth-note{gap:var(--space-3);padding:var(--space-3);color:#d8cced;background:#8b5cf614;border:1px solid #8b5cf647;border-radius:.85rem;grid-template-columns:auto minmax(0,1fr);font-size:.8rem;line-height:1.5;display:grid}.hosted-auth-note svg{width:1rem;height:1rem;color:var(--shell-accent-light);margin-top:.12rem}.hosted-create-help{color:var(--shell-text-muted);font-size:.74rem;line-height:1.55}.hosted-inline-success{color:#86efac;font-size:.78rem;line-height:1.5}.hosted-form-feedback:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hosted-spin{animation:.9s linear infinite hosted-spin}@keyframes hosted-spin{to{transform:rotate(360deg)}}@media(max-width:64rem){.hosted-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:38rem){.hosted-shell{width:min(100% - 1.25rem,var(--hosted-max-width))}.hosted-section{padding-block:3.75rem}.hosted-character-grid{grid-template-columns:1fr}.hosted-character-group>header{padding-inline:var(--space-4);align-items:flex-start}.hosted-character-card{grid-template-columns:1fr}.hosted-play-button{width:100%}.hosted-notice{grid-template-columns:auto minmax(0,1fr)}.hosted-notice>button{grid-column:2;justify-self:start}.hosted-create-block{border-radius:1.2rem}.hosted-create-toggle,.hosted-create-panel{padding-inline:var(--space-4)}}@media(prefers-reduced-motion:reduce){.hosted-spin{animation:none}.hosted-create-toggle,.hosted-create-chevron{transition:none}}