body.page-home{--home-width:1240px;--home-ink:#17202f;--home-soft:#5d6a80;--home-faint:#8792a6;--home-line:#17202f17;isolation:isolate;background:radial-gradient(46% 40% at 14% -4%,#fff,#fff0 70%),radial-gradient(52% 46% at 66% 18%,#2f6fed1a,#0000 70%),radial-gradient(30% 30% at 98% 6%,#22b8a717,#0000 70%),linear-gradient(#f5f7fc 0%,#f0f3f9 48%,#e9edf5 100%)}body.page-home .container{max-width:var(--home-width)}body.page-home main{padding-top:0;padding-bottom:clamp(40px,6vw,72px);position:relative;overflow-x:clip}body.page-home main>:last-child{margin-bottom:0}body.page-home:before{content:"";z-index:-1;opacity:0;background:radial-gradient(ellipse 70% 60% at 50% 55%, var(--home-ambient,transparent), transparent 70%);pointer-events:none;transition:opacity .5s ease-out;position:fixed;inset:0}body.page-home:has(.game-card[data-card=ten-seconds]:is([data-live],:focus-visible)){--home-ambient:#2f6fed14}body.page-home:has(.game-card[data-card=number-place]:is([data-live],:focus-visible)){--home-ambient:#d6aa5a1a}body.page-home:has(.game-card[data-card=rotary-phone]:is([data-live],:focus-visible)){--home-ambient:#22b8a714}body.page-home:has(.game-card:is([data-live],:focus-visible)):before{opacity:1}.page-home .tile{box-shadow:none;color:var(--home-ink);background:0 0;border:0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.page-home .tile:is([data-live],:focus-visible){box-shadow:none;border-color:#0000}.page-home .tile:focus-visible{outline:0}.page-home .tile__visual{border-radius:var(--radius-lg);transition:box-shadow .3s ease-out;box-shadow:0 0 0 1px #17202f12,0 1px 2px #17202f14,0 18px 34px -18px #17202f57,0 34px 64px -40px #17202f4d}.page-home .tile:is([data-live],:focus-visible) .tile__visual{box-shadow:0 0 0 1px #2f6fed38,0 2px 4px #17202f14,0 26px 44px -20px #17202f6b,0 44px 84px -44px #17202f57}.page-home .tile:focus-visible .tile__visual{outline:3px solid var(--color-focus);outline-offset:4px}.tile__caption{align-items:baseline;column-gap:var(--space-4);padding:var(--space-3) var(--space-1) 0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow eyebrow""title cue""tag tag";display:grid}.tile__eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary-strong);grid-area:eyebrow;font-size:.72rem;font-weight:800;display:inline-flex}.tile__eyebrow:before{content:"";background:currentColor;border-radius:1px;width:18px;height:2px}.tile__title{letter-spacing:-.01em;grid-area:title;margin:0;font-size:1.2rem;font-weight:800;line-height:1.3}.tile__tag{color:var(--home-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;grid-area:tag;margin-top:2px;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tile__cue{letter-spacing:.08em;color:var(--color-primary-strong);grid-area:cue;align-items:center;gap:6px;font-size:.88rem;font-weight:800;transition:color .3s ease-out;display:inline-flex}.tile__cue svg{transition:translate .3s cubic-bezier(.3,.7,.3,1)}.tile:is([data-live],:focus-visible) .tile__cue{color:var(--color-primary)}@media (prefers-reduced-motion:no-preference){.page-home .tile{transition:translate .3s cubic-bezier(.3,.7,.3,1)}.page-home .tile:is([data-live],:focus-visible){translate:0 -3px}.page-home .tile[data-press]{transition-duration:80ms;translate:0 -1px}.tile:is([data-live],:focus-visible) .tile__cue svg{translate:4px}}.lobby{gap:clamp(20px,4vw,28px);padding:clamp(16px,4vw,40px) 0 clamp(40px,7vw,88px);display:grid;position:relative}.lobby__title{letter-spacing:-.04em;color:var(--home-ink);margin:0;font-size:clamp(2.3rem,10.5vw,3rem);font-weight:800;line-height:.98}.lobby__title span{color:var(--color-primary)}.lobby__tagline{margin:var(--space-3) 0 0;letter-spacing:.01em;color:#2a3446;font-size:clamp(1.05rem,3.6vw,1.3rem);font-weight:700}.lobby__note{margin:var(--space-1) 0 0;letter-spacing:.06em;color:var(--home-faint);font-size:.78rem}.tile--featured .tile__visual{aspect-ratio:16/10}.tile--featured .tile__caption{padding-top:var(--space-4)}.tile--featured .tile__title{letter-spacing:-.02em;font-size:clamp(1.5rem,5vw,2.1rem)}.tile--featured .tile__tag{font-size:.98rem}.tile--featured .tile__cue{font-size:.95rem}@media (width>=900px){.lobby{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(40px,5vw,80px);padding-top:clamp(24px,3vw,40px)}.lobby__title{white-space:nowrap;font-size:clamp(3.2rem,5.6vw,5.2rem)}.lobby__title span{display:block}.lobby__tagline{margin-top:var(--space-5);font-size:clamp(1.15rem,1.5vw,1.4rem)}.lobby__note{margin-top:var(--space-2)}.lobby:before{content:"";z-index:-1;background:linear-gradient(150deg,#2f6fed17,#22b8a70f 70%,#0000);border-radius:48px;width:60%;height:78%;position:absolute;top:6%;right:-3%}}.home-heading{align-items:baseline;gap:var(--space-3);letter-spacing:-.03em;color:var(--home-ink);margin:0 0 clamp(20px,3vw,32px);font-size:clamp(1.6rem,4.4vw,2.4rem);font-weight:800;display:flex}.home-heading:after{content:"";background:var(--home-line);flex:1;align-self:center;height:1px}.home-heading__count{font-family:var(--font-mono);letter-spacing:.08em;color:var(--home-faint);order:2;font-size:.85rem;font-weight:700}.home-heading:after{order:3}.home-heading--small{letter-spacing:-.01em;font-size:clamp(1.15rem,2.6vw,1.4rem)}.showcase__grid,.library__grid,.index__list{margin:0;padding:0;list-style:none}.showcase__grid{gap:clamp(32px,5vw,48px);display:grid}.tile--showcase .tile__visual{aspect-ratio:8/5}@media (width>=760px){.showcase__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(40px,5vw,64px) clamp(24px,3vw,40px)}.showcase__grid>li{grid-column:span 6}.showcase__grid>li:nth-child(4n+1),.showcase__grid>li:nth-child(4n+4){grid-column:span 7}.showcase__grid>li:nth-child(4n+2),.showcase__grid>li:nth-child(4n+3){grid-column:span 5}.tile--showcase .tile__visual{aspect-ratio:auto;height:clamp(220px,25vw,330px)}.showcase__grid>li:last-child:nth-child(odd){grid-column:span 7}}.library{margin-top:clamp(40px,6vw,72px)}.library__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(28px,4vw,40px) clamp(20px,2.6vw,32px);display:grid}.tile--library .tile__visual{aspect-ratio:8/5}.tile--library .tile__title{font-size:1.05rem}.tile--library .tile__tag{-webkit-line-clamp:1;line-clamp:1;font-size:.85rem}.index{margin-top:clamp(16px,3vw,32px)}.index__head{align-items:baseline;gap:var(--space-4);display:flex}.index__head .home-heading{flex:1}.index__list{border-top:1px solid var(--home-line)}.index__row{align-items:center;column-gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--home-line);color:var(--home-ink);grid-template-columns:4.6rem minmax(0,1fr) auto;grid-template-areas:"no title cue""no tag cue";text-decoration:none;transition:background-color .3s ease-out;display:grid}.index__row:hover,.index__row:focus-visible{background:#ffffff8c}.index__no{font-family:var(--font-mono);letter-spacing:.06em;color:var(--home-faint);grid-area:no;font-size:.8rem}.index__title{grid-area:title;font-weight:800}.index__tag{color:var(--home-soft);text-overflow:ellipsis;white-space:nowrap;grid-area:tag;font-size:.85rem;overflow:hidden}.index__cue{color:var(--color-primary-strong);grid-area:cue}.index__cue svg{transition:translate .3s cubic-bezier(.3,.7,.3,1);display:block}@media (prefers-reduced-motion:no-preference){.index__row:is(:hover,:focus-visible) .index__cue svg{translate:4px}}@media (width>=760px){.index__row{grid-template-columns:5.5rem minmax(0,15rem) minmax(0,1fr) auto;grid-template-areas:"no title tag cue"}}@media (prefers-reduced-motion:no-preference){.lobby__intro{animation:.6s cubic-bezier(.2,.8,.2,1) backwards home-enter}.tile--featured{animation:.7s cubic-bezier(.2,.8,.2,1) .1s backwards home-enter}.tile--showcase{animation:home-enter .6s cubic-bezier(.2, .8, .2, 1) calc(.16s + var(--i,0) * 70ms) backwards}}@keyframes home-enter{0%{opacity:0;translate:0 12px}}.lobby__pick{min-width:0}