:root{--bg-base:#09090b;--surface-1:#121218;--surface-2:#1a1a22;--surface-3:#24242e;--primary:#d4a04a;--primary-hover:#e8b85c;--primary-dim:#8a6425;--secondary:#8b1e1e;--secondary-hover:#a82828;--success:#3ab07a;--warning:#d78c2f;--error:#c53a3a;--text-primary:#ece8e0;--text-secondary:#9a96a0;--text-muted:#5c5866;--border-subtle:#2a2834;--border-accent:#d4a04a40;--overlay:#000000b0;--gradient-gold:linear-gradient(135deg, #d4a04a 0%, #8a6425 100%);--header-bg:#0c0c10;--header-line:linear-gradient(90deg, transparent 0%, #8b1e1e66 18%, #d4a04a99 50%, #8b1e1e66 82%, transparent 100%);--ease:cubic-bezier(.4, 0, .2, 1);--dur:.2s;--font-heading:"Cinzel", "Palatino Linotype", Georgia, serif;--font-body:"Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--shell:1080px;--radius:10px;--radius-lg:14px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;height:100%}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #8b1e1e1f, transparent 55%), radial-gradient(ellipse 60% 40% at 80% 100%, #d4a04a0d, transparent 50%), var(--bg-base);min-height:100dvh;color:var(--text-primary);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}.site-body{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.site-body>*{flex:auto;width:100%}h1,h2,h3{font-family:var(--font-heading);letter-spacing:.04em;color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.35rem,2.5vw,1.75rem)}h3{letter-spacing:.02em;font-size:1.125rem;font-weight:600;font-family:var(--font-body)}a{color:var(--primary);transition:color var(--dur) var(--ease);text-decoration:none}a:hover{color:var(--primary-hover)}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 20px}main{max-width:var(--shell);width:100%;margin:0 auto;padding:32px 20px 40px}.site-header{z-index:50;background:var(--header-bg);border-bottom:none;width:100%;position:sticky;top:0;box-shadow:0 8px 28px #0000008c}.site-header:after{content:"";background:var(--header-line);height:2px;display:block}.site-header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;min-height:64px;padding:8px 28px;display:grid}.site-header-side{min-width:0}.site-header-side-end{justify-content:flex-end;justify-self:end;align-items:center;padding-right:4px;display:flex}.site-header-logo{justify-content:center;justify-self:center;align-items:center;line-height:0;display:flex}.site-header-logo:hover{opacity:.92}.site-header-logo-img{object-fit:contain;filter:drop-shadow(0 0 12px #d4a04a2e);width:auto;max-width:min(52vw,280px);height:46px}.site-header-guest{align-items:center;gap:14px;display:flex}.header-link{color:var(--text-secondary);white-space:nowrap;font-size:14px;font-weight:600}.header-link:hover{color:var(--primary)}.btn-header{background:var(--primary);white-space:nowrap;border:none;border-radius:8px;height:40px;padding:0 20px;font-size:14px;box-shadow:0 0 16px #d4a04a38;color:#0a0a0c!important}.btn-header:hover{background:var(--primary-hover);box-shadow:0 0 22px #d4a04a59;color:#0a0a0c!important}.profile-menu{position:relative}.mini-profile-main{background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;font:inherit;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.mini-profile-main:hover{background:var(--surface-2);border-color:var(--border-accent);color:#fff}.mini-profile-avatar{object-fit:cover;background:var(--surface-2);border:1.5px solid #d4a04a8c;border-radius:50%;width:36px;height:36px}.mini-profile-meta{text-align:left;flex-direction:column;gap:1px;min-width:0;line-height:1.2;display:flex}.mini-profile-nick{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.mini-profile-shards{font-family:var(--font-mono);color:var(--primary);font-size:12px}.profile-menu-caret{opacity:.7;margin-left:2px;font-size:10px}.profile-dropdown{background:var(--surface-2);border:1px solid var(--border-subtle);min-width:180px;animation:drop-in .15s var(--ease);z-index:60;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000080}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-item{text-align:left;width:100%;color:var(--text-primary);font:600 14px/1.3 var(--font-body);cursor:pointer;transition:background var(--dur) var(--ease);background:0 0;border:none;border-radius:8px;padding:10px 12px;text-decoration:none;display:block}.profile-dropdown-item:hover{background:var(--surface-3);color:var(--text-primary)}.profile-dropdown-danger{color:#e8a0a0}.profile-dropdown-danger:hover{color:#f5c4c4;background:#7a1c1c59}@media (max-width:720px){.site-header-logo-img{height:34px}.site-header-inner{min-height:56px;padding:6px 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.header-link{text-overflow:ellipsis;max-width:7.5em;font-size:13px;overflow:hidden}.mini-profile-nick{max-width:64px}.profile-menu-caret,.mini-profile-shards{display:none}.auth-page{padding-top:24px;padding-bottom:max(24px, env(safe-area-inset-bottom));align-items:flex-start}}button,.btn{font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;background:var(--primary);height:48px;min-height:48px;color:var(--bg-base);touch-action:manipulation;transition:background var(--dur) var(--ease), transform .12s var(--ease), box-shadow var(--dur) var(--ease);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}button:hover,.btn:hover{background:var(--primary-hover)}button:active,.btn:active{transform:translateY(1px)}button[disabled],.btn[disabled]{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:default;transform:none}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{color:var(--primary-hover);background:#d4a04a14}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--secondary);color:var(--text-primary)}.btn-danger:hover{background:var(--secondary-hover)}.btn-lg{height:52px;padding:0 28px;font-size:15px}form{gap:12px;display:grid}label{font:600 13px/1.4 var(--font-body);color:var(--text-secondary);gap:6px;display:grid}input,select{font:400 16px/1.4 var(--font-body);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-subtle);width:100%;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:10px;outline:none;padding:12px 14px}input::placeholder{color:var(--text-muted)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--border-accent)}input[aria-invalid=true]{border-color:var(--error)}.field-error{color:var(--error);font-size:13px}.form-note{color:var(--text-secondary);font-size:13px}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:border-color var(--dur) var(--ease);padding:24px}.card:hover{border-color:var(--border-accent)}.gold{color:var(--primary)}.muted{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.center{text-align:center}.arcade{flex-direction:column;width:100%;padding:32px 0 56px;display:flex}.arcade>.shell{flex:1 0 auto}.games-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:720px){.games-grid{grid-template-columns:repeat(2,1fr);gap:22px}}.game-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.game-card-link{color:inherit;text-decoration:none}.game-card-link:hover{color:inherit;border-color:var(--border-accent);box-shadow:0 0 0 1px #d4a04a26,0 10px 28px #00000073}.game-card:not(.game-card-link):hover{border-color:#3a3648}.game-card-media{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.game-card-img{object-fit:cover;object-position:center}.game-card-media .badge{z-index:1;position:absolute;top:12px;right:12px}.game-card-body{border-top:1px solid var(--border-subtle);flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.game-card-title{margin:0;font-size:1.15rem}.game-card-desc{color:var(--text-secondary);flex:1;margin:0;font-size:14px;line-height:1.5}.game-card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.game-card-players{color:var(--text-muted);font-size:12px}.game-card-play{color:var(--primary);font-size:13px;font-weight:600}.badge{height:24px;font:600 11px/1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.badge-live{color:#6fd4a8;background:#3ab07a33;border:1px solid #3ab07a66}.badge-soon{color:var(--primary-hover);background:#d4a04a2e;border:1px solid #d4a04a66}.badge-dev{color:#e0a85a;background:#d78c2f29;border:1px solid #d78c2f59}.badge-concept{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#5b5f6e4d}.lobby-actions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.lobby-note{color:var(--text-muted);margin:20px 0 0;font-size:13px}.action-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:border-color var(--dur) var(--ease);padding:20px}.action-card:focus-within,.action-card:hover{border-color:var(--border-accent)}.action-card-title{margin:0 0 16px;font-size:1rem}.action-card-body{gap:12px;display:grid}.action-label{gap:6px;display:grid}.code-input{text-align:center;text-transform:uppercase;letter-spacing:.35em;font-weight:600;padding:14px!important;font-size:1.25rem!important}.auth-page{justify-content:center;align-items:center;min-height:0;padding:40px 20px;display:flex}.auth-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-shrink:0;width:100%;max-width:420px;padding:32px 28px}.auth-card h1{text-align:center;margin-bottom:20px;font-size:1.5rem}.site-footer{border-top:1px solid var(--border-subtle);padding:28px 0 max(32px, env(safe-area-inset-bottom));background:#09090beb;flex-shrink:0;margin-top:0}.site-footer-inner{max-width:var(--shell);gap:16px;margin:0 auto;padding:0 20px;display:grid}.site-footer-brand{align-items:baseline;gap:12px;display:flex}.site-footer-name{font-family:var(--font-heading);letter-spacing:.08em;color:var(--text-primary);font-size:15px}.site-footer-domain{color:var(--text-muted);font-size:12px}.site-footer-nav{flex-wrap:wrap;gap:8px 18px;display:flex}.site-footer-nav a{color:var(--text-secondary);overflow-wrap:anywhere;font-size:13px}.site-footer-nav a:hover{color:var(--primary)}.site-footer-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px 16px;font-size:12px;display:flex}.site-footer-valve{max-width:48rem;color:var(--text-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.45}.room-phase-bar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb, var(--surface-1) 92%, transparent);position:sticky;top:56px}.hero-picker-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:8px;max-height:min(42dvh,320px);margin-top:12px;padding:2px;display:grid;overflow-y:auto}.hero-picker-item{width:100%;font:inherit;touch-action:manipulation;border-radius:10px;justify-content:flex-start!important;gap:8px!important;height:48px!important;min-height:48px!important;padding:0 10px!important}.hero-picker-item.is-selected{background:var(--primary);color:var(--bg-base);border:none}.hero-picker-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px;overflow:hidden}@media (max-width:720px){.room-phase-bar{top:56px}.hero-picker-list{grid-template-columns:1fr 1fr;max-height:min(48dvh,360px)}.site-body>main:not(.arcade):not(.legal){padding-bottom:max(24px, env(safe-area-inset-bottom))}}.legal{white-space:pre-wrap;max-width:720px;color:var(--text-primary);width:100%;margin:0 auto;padding:40px 20px 56px}.site-body>main:not(.arcade):not(.legal){max-width:var(--shell);margin:0 auto;padding:28px 20px 48px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}