.landing{color:var(--fg);background:var(--hero-bg);flex:1}@media (min-width:60rem){body:has(.landing){background:linear-gradient(160deg, var(--frame-top) 0%, var(--frame-bottom) 100%)}.landing{width:min(100% - 3rem,84rem);box-shadow:var(--shadow-sheet);border-radius:2rem;margin:1.5rem auto;overflow:hidden}}.landing .language label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing .language select{border-radius:.875rem;min-height:2.75rem;padding-inline:1rem;font-weight:600}.landing-wrap{width:100%;max-width:76rem;margin-inline:auto;padding-inline:1.25rem}.landing-sheet{background:var(--surface);box-shadow:var(--shadow-sheet);border-radius:2rem 2rem 0 0;padding-block:1rem 1.5rem}.landing-header{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-block:1.25rem;display:flex}.landing-nav{gap:1.75rem;margin-inline:auto;display:none}.landing-nav a{color:var(--fg);font-weight:500;text-decoration:none}.landing-nav a:hover{color:var(--accent);text-decoration:underline}.landing-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.menu-button{margin-inline-start:auto}.landing-menu{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;flex-basis:100%;align-items:stretch;gap:1rem;padding:1rem;display:none}.landing-menu.open{display:flex}.landing-menu .landing-nav{flex-direction:column;gap:.75rem;margin:0;display:flex}.landing-menu .landing-header-actions{margin:0}@media (min-width:60rem){.menu-button{display:none}.landing-menu,.landing-menu.open{display:contents}.landing-menu .landing-nav{flex-direction:row;gap:1.75rem;margin-inline:2.5rem auto;font-size:.9375rem}}.button-icon{font-size:1.1em}.landing-hero{align-items:center;gap:2rem;padding-block:1.5rem 3rem;display:grid}@media (min-width:60rem){.landing-hero{grid-template-columns:.9fr 1.1fr;padding-block:2.5rem 4rem}}.landing h1{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2.25rem,4.5vw + 1rem,4rem);font-weight:850;line-height:1.05}.landing .highlight{color:var(--accent)}.landing .highlight-warm{color:var(--warm)}.sparkle{vertical-align:top;fill:none;width:.6em;height:.6em;stroke:var(--warm);margin-inline-start:.1em;display:inline-block}.landing .lead{max-width:36rem;color:var(--muted);margin:0 0 2rem;font-size:1.1875rem}.hero-actions{flex-wrap:wrap;align-items:flex-start;gap:.875rem;display:flex}.join-by-link{justify-items:start;gap:.75rem;display:grid}.join-form{border:1px solid var(--border);background:var(--surface);border-radius:1rem;gap:.5rem;width:min(100%,26rem);padding:1rem;display:grid}.join-form label{font-weight:650}.checks{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.75rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.checks li:before{content:"✓";background:var(--success);width:1.25rem;height:1.25rem;color:var(--surface);border-radius:50%;place-items:center;margin-inline-end:.5rem;font-size:.75rem;font-weight:800;display:inline-grid}.dev-note{border:1px solid var(--border);background:var(--surface);border-radius:1rem;max-width:36rem;padding:1.25rem 1.5rem}.dev-note h2{margin:0 0 .25rem;font-size:1.125rem}.dev-note p{margin:0}.hero-art{-webkit-mask-composite:source-in;justify-self:center;width:100%;max-width:40rem;height:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%),linear-gradient(#0000 0,#000 7% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%),linear-gradient(#0000 0,#000 7% 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.landing-section{padding-block:2.5rem}.landing h2{letter-spacing:-.02em;margin:0 0 1.5rem;font-size:clamp(1.625rem,2vw + 1rem,2.125rem);font-weight:800;line-height:1.15}.landing h3{margin:0 0 .375rem;font-size:1.125rem;font-weight:750}.landing-section p{margin:0}.game-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));grid-auto-rows:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.game-card{border-radius:var(--radius-lg);background:var(--tone,var(--surface-2));flex-direction:column;gap:.25rem;min-height:15rem;padding:1.25rem;display:flex;position:relative}.game-card p{color:var(--muted);font-size:.9375rem}@media (min-width:60rem){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem}.game-card{padding:1.125rem 1rem}.game-card h3{font-size:1rem}.game-card p{font-size:.8125rem}}.game-icon{object-fit:contain;object-position:left center;width:auto;height:3.75rem;margin-block-end:.75rem}.game-play,.game-soon{border-radius:999px;align-self:flex-start;margin-block-start:auto;padding:.375rem .875rem;font-size:.875rem;font-weight:700}.game-play{background:var(--accent);min-height:2.75rem;color:var(--accent-fg);align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.game-play:after{content:"";border-radius:inherit;position:absolute;inset:0}.game-play:focus-visible{outline-offset:4px}.game-card .game-actions{flex-wrap:wrap;gap:.5rem;margin:auto 0 0;display:flex}.game-actions .game-play{margin:0}.game-play.secondary{z-index:1;background:var(--friends-bg);color:var(--friends-fg);box-shadow:inset 0 0 0 2px var(--friends-border);position:relative}.game-play.secondary:after{content:none}.game-soon{border:1px dashed var(--muted);color:var(--muted)}.steps{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:52rem){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{align-items:center;gap:1rem;display:flex;position:relative}.step-number{background:var(--accent);width:2rem;height:2rem;color:var(--accent-fg);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;inset-block-start:-.5rem;inset-inline-start:-.25rem}.step-icon{background:var(--accent-soft);border-radius:1.5rem;flex:none;place-items:center;width:6rem;height:5rem;font-size:2.25rem;display:grid}.steps p{color:var(--muted)}@media (max-width:39.99rem){.hero-actions,.hero-actions>.button,.join-by-link,.join-by-link>.button{width:100%}.game-grid{grid-template-columns:minmax(0,1fr)}.game-card{grid-template-rows:auto auto 1fr;grid-template-columns:auto 1fr;column-gap:1rem;min-height:0;padding:.875rem 1rem;display:grid}.game-card h3{font-size:1rem}.game-card p{font-size:.8125rem}.game-card .game-icon{grid-row:span 3;align-self:center;width:3.75rem;height:3.25rem;margin:0}.game-card .game-play,.game-card .game-soon,.game-card .game-actions{place-self:end start;margin-block-start:.5rem}.game-card .game-actions .game-play{margin:0}}