.hub{gap:var(--space-2xl);flex-direction:column;display:flex}.hub-hero{padding-top:var(--space-2xl)}.hub-hero__title{letter-spacing:-.02em;text-wrap:balance;max-width:16ch;font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:800;line-height:1.02}.hub-hero__sub{max-width:42ch;margin-top:var(--space-md);color:var(--muted);font-size:var(--text-lg)}.party-key{--depth:12px;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-xl);background:var(--bubblegum);color:var(--grape-950);box-shadow:inset 0 3px 0 #fff6, 0 var(--depth) 0 var(--bubblegum-deep), 0 calc(var(--depth) + 14px) 30px #00000073;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);display:flex}.party-key:hover{transform:translateY(-3px)}.party-key:active,.party-key.is-pressed{transform:translateY(calc(var(--depth) - 3px));box-shadow:inset 0 3px 0 #ffffff4d, 0 3px 0 var(--bubblegum-deep), 0 6px 12px #00000059}.party-key__text{gap:var(--space-xs);flex-direction:column;display:flex}.party-key__name{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1}.party-key__desc{opacity:.85;max-width:46ch;font-weight:500}.party-key__cta{align-items:center;gap:var(--space-sm);flex-shrink:0;font-weight:800;display:inline-flex}.party-key__cta kbd{min-width:5.5em;font-size:.8em}.game-keys{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.game-key{--depth:12px;gap:var(--space-sm);min-height:340px;padding:var(--space-xl) var(--space-lg) var(--space-lg);border-radius:var(--radius-xl);background:var(--accent);color:var(--grape-950);box-shadow:inset 0 3px 0 #fff6, inset 0 -3px 0 #00000014, 0 var(--depth) 0 var(--accent-deep), 0 calc(var(--depth) + 14px) 30px #00000073;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.game-key:hover{transform:translateY(-3px)rotate(-.6deg)}.game-key:active,.game-key.is-pressed{transform:translateY(calc(var(--depth) - 3px));box-shadow:inset 0 3px 0 #ffffff4d, 0 3px 0 var(--accent-deep), 0 6px 12px #00000059}.game-key__shortcut{top:var(--space-md);right:var(--space-md);font-size:var(--text-md);min-width:2.2em;height:2.2em;color:var(--grape-950);background:#170a3024;position:absolute}.game-key__art{width:84px;height:84px;margin-bottom:var(--space-md)}.game-key__name{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);line-height:1.05}.game-key__desc{font-size:var(--text-sm);opacity:.82;max-width:30ch;font-weight:500;line-height:1.45}.game-key__best{padding-top:var(--space-md);font-size:var(--text-sm);margin-top:auto;font-weight:700}.hub-row{gap:var(--space-lg);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;display:grid}.party-room__title,.you__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);line-height:1.1}.party-room__title{color:var(--mint)}.party-room__desc{margin-top:var(--space-sm);color:var(--muted)}.party-room__actions{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.party-room__join{gap:var(--space-sm);display:flex}.party-room__join .input{width:9.5em;min-height:60px}.you__stats{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.you__stats div{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.you__stats dt{color:var(--muted);font-size:var(--text-sm)}.you__stats dd{font-family:var(--font-display);font-size:var(--text-xl);color:var(--lemon)}@media (width<=900px){.party-key{padding:var(--space-lg);flex-direction:column;align-items:flex-start}.game-keys{grid-template-columns:1fr}.game-key{column-gap:var(--space-lg);grid-template-columns:auto 1fr;align-items:center;min-height:0;display:grid}.game-key__art{grid-row:span 3;width:64px;height:64px;margin:0}.game-key__best{padding-top:0}.hub-row{grid-template-columns:1fr}}@media (pointer:coarse){.game-key__shortcut,.party-key__cta kbd{display:none}}.notfound__code{margin-bottom:var(--space-xl);font-family:var(--font-display);gap:8px;font-size:2.6rem;display:flex}