:root{color-scheme:dark;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-display: "Bowlby One", "Bowlby One SC", system-ui, sans-serif;--font-body: "Manrope", system-ui, -apple-system, sans-serif;--font-credential: "Archivo", system-ui, sans-serif;--bg: oklch(.16 .025 280);--bg-deeper: oklch(.12 .02 280);--bg-rail: oklch(.14 .025 280);--surface: oklch(.22 .04 280);--surface-2: oklch(.27 .05 280);--line: oklch(.34 .04 280 / .6);--line-soft: oklch(.34 .04 280 / .28);--text: oklch(.96 .015 80);--text-muted: oklch(.78 .02 280);--text-faint: oklch(.58 .02 280);--accent: oklch(.74 .2 8);--accent-strong: oklch(.66 .24 8);--accent-bright: oklch(.82 .21 12);--accent-soft: oklch(.74 .2 8 / .18);--accent-glow: oklch(.74 .2 8 / .45);--felt: oklch(.5 .13 145);--felt-2: oklch(.62 .13 145);--lime: oklch(.85 .18 130);--ok: oklch(.76 .16 145);--amber: oklch(.82 .16 80);--danger: oklch(.7 .21 25);--online: oklch(.72 .18 145);--in-game: oklch(.82 .16 80);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-quint: cubic-bezier(.22, 1, .36, 1);--shadow-card: 0 1px 0 oklch(1 0 0 / .05) inset, 0 8px 24px -12px oklch(0 0 0 / .6);--shadow-glow: 0 0 0 1.5px var(--accent), 0 0 24px -2px var(--accent-glow);--shadow-overlay: 0 30px 80px -20px oklch(0 0 0 / .85), 0 0 0 1px var(--line) inset}body{display:flex;flex-direction:column;min-height:100vh}.app,.lobby-app,.page{flex:1 0 auto}.global-shell-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-xl);padding:var(--space-md) clamp(var(--space-md),3vw,var(--space-2xl));border-bottom:1px solid var(--line-soft);background:#070813d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.global-shell-header .brand{display:inline-flex;align-items:center;gap:var(--space-sm)}.global-shell-header .brand-mark{width:36px;height:36px;flex-shrink:0;transform:rotate(-12deg);filter:drop-shadow(0 4px 8px oklch(0 0 0 / .5));transition:transform .28s var(--ease-quint)}.global-shell-header .brand:hover .brand-mark{transform:rotate(-4deg) scale(1.05)}.global-shell-header .brand-title{font-family:var(--font-display);font-weight:400;font-size:1.35rem;letter-spacing:-.01em;line-height:.95;margin:0;color:var(--text);text-shadow:0 2px 0 oklch(0 0 0 / .4)}.global-shell-header .brand-eight{color:var(--accent)}.global-shell-header .preview-pill{display:inline-flex;align-items:center;gap:5px;margin-left:var(--space-sm);font-size:.62rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);background:color-mix(in oklch,var(--amber) 14%,transparent);border:1px solid color-mix(in oklch,var(--amber) 40%,transparent);padding:.18rem .5rem .18rem .4rem;border-radius:999px}.global-shell-header .preview-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px var(--amber)}.global-shell-header .primary-nav{display:flex;align-items:center;gap:var(--space-lg);justify-self:center}.global-shell-header .primary-nav a{position:relative;font-size:.86rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);padding:var(--space-xs) 0;transition:color .16s var(--ease-out);text-decoration:none}.global-shell-header .primary-nav a:hover,.global-shell-header .primary-nav a[aria-current=page]{color:var(--text)}.global-shell-header .primary-nav a[aria-current=page]:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:18px;height:2px;background:var(--text-muted);border-radius:2px}.global-shell-header .topbar-actions{display:inline-flex;align-items:center;gap:var(--space-sm)}.locale-switcher--placeholder{display:inline-flex;width:76px;height:31px;visibility:hidden}.global-shell-header .profile-pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px 4px 4px;background:#ffffff08;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;transition:border-color .18s var(--ease-out),background .18s var(--ease-out);min-width:122px;box-sizing:border-box;justify-content:flex-start}.global-shell-header .profile-menu-host{position:relative;display:inline-flex}.global-shell-header .profile-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:190px;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md, 10px);box-shadow:0 14px 34px -14px #000000a6}.global-shell-header .profile-menu[hidden]{display:none}.global-shell-header .pm-row{display:flex;align-items:center;gap:var(--space-xs);padding:6px 10px;font-size:.82rem;color:var(--text)}.global-shell-header .pm-row .chalk-ic{width:15px;height:15px;display:inline-block}.global-shell-header .pm-label{color:var(--text-muted, var(--text));font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.global-shell-header .pm-value{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.global-shell-header .pm-sep{height:1px;margin:4px 6px;background:var(--line)}.global-shell-header .pm-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-radius:7px;background:none;color:var(--text);font:600 .82rem/1.2 var(--font-body);text-decoration:none;cursor:pointer;box-sizing:border-box}.global-shell-header .pm-item:hover{background:var(--surface-2)}.global-shell-header .pm-item:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:-2px}.global-shell-header .profile-pill:hover{border-color:color-mix(in oklch,var(--text-muted) 60%,transparent);background:#ffffff0d}.global-shell-header .profile-pill .avatar{width:28px;height:28px;flex-shrink:0}.global-shell-header .profile-pill .pill-name{font-size:.85rem;font-weight:700;letter-spacing:-.005em}.global-shell-header .profile-pill .pill-rating{font-size:.78rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.global-shell-header .profile-pill .pill-skeleton{display:none;flex-direction:column;gap:4px;padding-right:var(--space-2xs)}.global-shell-header .profile-pill .pill-skeleton-line{height:.6rem;border-radius:999px;background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:200% 100%;animation:shell-pill-shimmer 1.2s var(--ease-out) infinite}.global-shell-header .profile-pill .pill-skeleton-name{width:64px}.global-shell-header .profile-pill .pill-skeleton-rating{width:34px}.global-shell-header .profile-pill .pill-guest,.global-shell-header .profile-pill .pill-error{display:none;font-size:.82rem;font-weight:700;letter-spacing:-.005em}.global-shell-header .profile-pill .pill-error{color:var(--text-faint);font-weight:600}.global-shell-header .profile-pill[data-state=loading] .pill-name,.global-shell-header .profile-pill[data-state=loading] .pill-rating,.global-shell-header .profile-pill[data-state=loading] .pill-guest,.global-shell-header .profile-pill[data-state=loading] .pill-error{display:none}.global-shell-header .profile-pill[data-state=loading] .pill-skeleton{display:flex}.global-shell-header .profile-pill[data-state=guest] .pill-name,.global-shell-header .profile-pill[data-state=guest] .pill-rating,.global-shell-header .profile-pill[data-state=guest] .pill-error{display:none}.global-shell-header .profile-pill[data-state=guest] .pill-guest{display:inline-flex}.global-shell-header .profile-pill[data-state=error] .pill-name,.global-shell-header .profile-pill[data-state=error] .pill-rating,.global-shell-header .profile-pill[data-state=error] .pill-guest{display:none}.global-shell-header .profile-pill[data-state=error] .pill-error{display:inline-flex}@keyframes shell-pill-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.global-shell-principle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) clamp(var(--space-md),3vw,var(--space-2xl));font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--text-faint);background:linear-gradient(180deg,oklch(.13 .02 280) 0%,transparent 100%);border-bottom:1px solid var(--line-soft)}.global-shell-principle .principle{display:inline-flex;align-items:center;gap:6px;color:var(--felt-2)}.global-shell-principle .principle svg{width:13px;height:13px}.global-shell-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding-block:var(--space-xs);font-size:.85rem;color:var(--text-faint)}.global-shell-footer .footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm)}.global-shell-footer .footer-legal{font-size:.78rem;letter-spacing:.02em}.global-shell-footer .footer-copyright{color:var(--text-faint);opacity:.8}.global-shell-footer .footer-link{color:var(--text-faint);text-decoration:none;border-bottom:1px solid transparent;transition:color .16s var(--ease-out),border-color .16s var(--ease-out)}.global-shell-footer .footer-link:hover{color:var(--text);border-bottom-color:color-mix(in oklch,var(--text-muted) 60%,transparent)}.global-shell-footer .footer-link:focus-visible{outline:none;color:var(--text);border-radius:2px;box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 35%,transparent)}.global-shell-footer .footer-dot{color:var(--text-faint);opacity:.5}.global-shell-footer .footer-row[data-show-in=sandbox],.global-shell-footer .footer-row[data-hide-in=sandbox]{display:none}body:has(.app[data-mode=sandbox]) .global-shell-footer .footer-row[data-show-in=sandbox]{display:flex}body:has(.app:not([data-mode=sandbox])) .global-shell-footer .footer-row[data-hide-in=sandbox]{display:flex}@media(max-width:760px){.global-shell-header{grid-template-columns:auto 1fr;row-gap:var(--space-sm)}.global-shell-header .primary-nav{grid-column:1 / -1;justify-self:stretch;justify-content:space-between;overflow-x:auto;gap:var(--space-md)}.global-shell-header .topbar-actions{justify-self:end}}html[data-auth=guest] .primary-nav a[data-route=customize]{display:none}