:where([data-sheets~=home]) .section{padding-block:var(--spacing-section)}:where([data-sheets~=home]) #hero~.band.section{content-visibility:auto;contain-intrinsic-size:auto 530px}@media (width<=47.99rem){:where([data-sheets~=home]) #hero~.band.section{contain-intrinsic-size:auto 840px}}:where([data-sheets~=home]) #hero~.app-section{content-visibility:auto;contain-intrinsic-size:auto 450px}:where([data-sheets~=home]) .section-h{font-size:var(--text-3xl);line-height:var(--leading-heading)}:where([data-sheets~=home]) .section-lead{max-inline-size:var(--container-measure);font-size:var(--text-lead);color:var(--color-band-muted);margin-block-start:1rem}:where([data-sheets~=home]) .hero{overflow:clip}:where([data-sheets~=home]) .hero-glow{z-index:-1;background:radial-gradient(closest-side, color-mix(in oklch, var(--color-accent-soft) 85%, transparent), transparent);pointer-events:none;block-size:95vmax;inline-size:95vmax;animation:lamp calc(26s * var(--motion-time)) ease-in-out infinite alternate;border-radius:50%;position:absolute;inset-block-start:-30%;inset-inline-end:-25%}@keyframes lamp{to{transform:translate(calc(-6vmax * var(--motion-move)), calc(4vmax * var(--motion-move))) scale(calc(1 + .08 * var(--motion-move)))}}:where([data-sheets~=home]) .hero-grid{padding-block:2rem var(--spacing-section);grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}@media (width>=64rem){:where([data-sheets~=home]) .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,7fr);gap:3rem;padding-block-start:3rem}}:where([data-sheets~=home]) .hero-copy{container-type:inline-size}:where([data-sheets~=home]) .eyebrow{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-sm);font-size:var(--text-sm);align-items:center;gap:.5rem;padding:.4rem .9rem .4rem .5rem;font-weight:700;display:inline-flex}:where([data-sheets~=home]) .eyebrow svg{block-size:1.4rem;inline-size:1.4rem}:where([data-sheets~=home]) .hero-h{font-size:var(--text-hero);line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin-block-start:1.25rem}:where([data-sheets~=home]) .hero-sub{max-inline-size:34rem;font-size:var(--text-lead);color:var(--color-band-muted);margin-block-start:1.25rem}:where([data-sheets~=home]) .hero-ctas{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block-start:2rem;display:flex}:where([data-sheets~=home]) .hero-note{font-size:var(--text-sm);color:var(--color-band-muted);margin-block-start:1rem}:where([data-sheets~=home]) .resume{border-radius:var(--radius-xl);background:var(--color-panel-raised);max-inline-size:30rem;color:var(--color-ink);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:var(--shadow-md), inset 0 0 0 1px var(--color-line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem .85rem;margin-block-start:1.75rem;padding:.85rem 1rem;display:grid}:where([data-sheets~=home]) .resume img{block-size:3rem;inline-size:3rem}:where([data-sheets~=home]) .resume-title{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);line-height:1.15}:where([data-sheets~=home]) .resume-status{color:var(--color-ink-muted);font-size:var(--text-sm)}:where([data-sheets~=home]) .resume .btn{grid-column:1/-1;justify-self:start}@media (width>=30rem){:where([data-sheets~=home]) .resume{grid-template-columns:auto minmax(0,1fr) auto}:where([data-sheets~=home]) .resume .btn{grid-column:auto}}:where([data-sheets~=home]) .stage{gap:1.25rem;display:grid;position:relative}:where([data-sheets~=home]) [data-composition=web] .stage,:where([data-sheets~=home])[data-composition=web] .stage{grid-template-columns:minmax(0,1fr)}@media (width>=48rem){:where([data-sheets~=home]) [data-composition=web] .stage,:where([data-sheets~=home])[data-composition=web] .stage{justify-items:start}:where([data-sheets~=home]) [data-composition=web] .stage .board,:where([data-sheets~=home])[data-composition=web] .stage .board{justify-self:end;inline-size:min(100%,38rem);transform:rotate(-2deg)}:where([data-sheets~=home]) [data-composition=web] .stage .hud,:where([data-sheets~=home])[data-composition=web] .stage .hud{z-index:1;inline-size:min(100%,26rem);margin-block-start:.75rem;position:relative}}:where([data-sheets~=home]) .problem-grid{align-items:center;gap:2.5rem;display:grid}@media (width>=48rem){:where([data-sheets~=home]) .problem-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}:where([data-sheets~=home]) .problem-h{font-size:var(--text-3xl)}:where([data-sheets~=home]) .problem-body{font-size:var(--text-lead);gap:.9rem;margin-block-start:1.75rem;display:grid}:where([data-sheets~=home]) .problem-body span{display:block}:where([data-sheets~=home]) .problem-body span:last-child{color:var(--color-night-accent);font-family:var(--font-display);font-weight:800;font-size:var(--text-xl)}:where([data-sheets~=home]) .night-clock{inline-size:min(100%,18rem);color:var(--color-on-night);margin-inline:auto}:where([data-sheets~=home]) .frames{counter-reset:frame;gap:1.25rem;margin-block-start:2.5rem;display:grid}@media (width>=48rem){:where([data-sheets~=home]) .frames{grid-template-columns:repeat(3,1fr)}}:where([data-sheets~=home]) .snap-row:has(>.frame){counter-reset:frame}:where([data-sheets~=home]) .frame{border-radius:var(--radius-xl);background:var(--color-panel);color:var(--color-ink);box-shadow:var(--shadow-md), inset 0 0 0 1px var(--color-line);gap:1rem;padding:1.25rem;display:grid;position:relative}:where([data-sheets~=home]) .frame-scene{border-radius:var(--radius-lg);background:var(--color-board-field);box-shadow:inset 0 0 0 2px var(--color-board-line);grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.6rem;display:grid;position:relative;overflow:hidden}:where([data-sheets~=home]) .frame-cell{border-radius:var(--radius-xs);background:var(--color-board-field);min-block-size:5.5rem;box-shadow:inset 0 0 0 2px var(--color-board-line);grid-template-rows:.9rem 1fr;display:grid;position:relative;overflow:hidden}:where([data-sheets~=home]) .frame-cell .grp{box-shadow:inset 0 -2px 0 var(--color-board-ink)}:where([data-sheets~=home]) .frame-token{block-size:2.6rem;inline-size:2.6rem;position:absolute;inset-block-end:.45rem;inset-inline-start:50%;transform:translate(-50%)}:where([data-sheets~=home]) .frame-ribbon{background:var(--color-accent);color:var(--color-on-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);text-align:center;white-space:nowrap;padding:.55rem .8rem 1.4rem;line-height:1.1;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}:where([data-sheets~=home]) .frame-dim{background:color-mix(in oklch, var(--color-board-ink) 40%, transparent);position:absolute;inset:0}:where([data-sheets~=home]) .frame-label{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);align-items:center;gap:.6rem;display:flex}:where([data-sheets~=home]) .frame-label:before{counter-increment:frame;content:counter(frame);background:var(--color-accent);block-size:1.9rem;inline-size:1.9rem;color:var(--color-on-accent);font-size:var(--text-sm);border-radius:50%;flex:none;place-items:center;display:grid}:where([data-sheets~=home]) .frame-line{color:var(--color-ink-muted)}:where([data-sheets~=home]) .frame-ui{gap:.5rem;display:flex}:where([data-sheets~=home]) .frames.is-playing .frame{animation:frame-on calc(.52s * var(--motion-time)) var(--ease-enter) both}:where([data-sheets~=home]) .frames.is-playing .frame:nth-child(2){animation-delay:calc(.24s * var(--motion-time))}:where([data-sheets~=home]) .frames.is-playing .frame:nth-child(3){animation-delay:calc(.48s * var(--motion-time))}@keyframes frame-on{0%{opacity:.35;transform:translateY(calc(.75rem * var(--motion-move)))}}:where([data-sheets~=home]) [data-friend-requests][hidden],:where([data-sheets~=home])[data-friend-requests][hidden]{display:none}:where([data-sheets~=home]) .resume+.resume-friends{margin-block-start:.75rem}:where([data-sheets~=home]) .resume-friends{box-shadow:var(--shadow-md), inset 0 0 0 2px var(--color-accent-edge)}:where([data-sheets~=home]) .ways{gap:2rem;margin-block-start:2.5rem;display:grid}@media (width>=64rem){:where([data-sheets~=home]) .ways{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}:where([data-sheets~=home]) .ways-tabs{scrollbar-width:none;gap:.5rem;padding:.25rem .25rem .75rem;display:flex;overflow-x:auto}@media (width>=64rem){:where([data-sheets~=home]) .ways-tabs{flex-direction:column;overflow:visible}}:where([data-sheets~=home]) .way-tab{border-radius:var(--radius-xl);background:var(--color-surface);min-block-size:4rem;color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line), inset 0 -4px 0 var(--color-line);font:inherit;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);text-align:start;cursor:pointer;transition:transform var(--duration-instant) var(--ease-standard);border:0;flex:none;align-items:center;gap:.85rem;padding:.75rem 1.1rem .75rem .75rem;display:flex}:where([data-sheets~=home]) .way-tab img{flex:none;block-size:2.75rem;inline-size:2.75rem}:where([data-sheets~=home]) .way-specific{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 4px 0 0 var(--color-accent-edge), inset 0 0 0 1px var(--color-line);padding:.8rem 1rem;font-weight:700}:where([data-sheets~=home]) .bubble.typing{gap:.35rem;padding:.95rem 1.1rem;display:inline-flex}:where([data-sheets~=home]) .typing i{background:var(--color-ink-muted);border-radius:50%;block-size:.55rem;inline-size:.55rem}:where([data-sheets~=home]) .typing i:nth-child(2){opacity:.7}:where([data-sheets~=home]) .typing i:nth-child(3){opacity:.45}@media (hover:hover){:where([data-sheets~=home]) .way-tab:hover{background:var(--color-surface-sunken)}}:where([data-sheets~=home]) .way-tab:active,:where([data-sheets~=home]) .way-tab[data-pressed]{transform:translateY(2px)}:where([data-sheets~=home]) .way-tab[data-selected]{background:var(--color-accent-soft);box-shadow:inset 0 0 0 2px var(--color-accent-edge), inset 0 -4px 0 var(--color-accent-edge)}:where([data-sheets~=home]) .way-panel{border-radius:var(--radius-2xl);background:var(--color-surface-sunken);color:var(--color-ink);gap:1.5rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid}:where([data-sheets~=home]) .way-panel[hidden]{display:none}:where([data-sheets~=home]) .way-panel h3{font-size:var(--text-2xl)}:where([data-sheets~=home]) .way-scene{border-radius:var(--radius-xl);background:var(--color-panel);min-block-size:14rem;box-shadow:inset 0 0 0 1px var(--color-line);place-items:center;display:grid;position:relative;overflow:hidden}:where([data-sheets~=home]) .way-specs{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}:where([data-sheets~=home]) .way-panel[data-entering]{animation:panel-in var(--duration-moderate) var(--ease-enter)}@keyframes panel-in{0%{opacity:0;transform:translateY(calc(.5rem * var(--motion-move)))}}:where([data-sheets~=home]) .path-wrap{margin-block-start:2.5rem;position:relative}:where([data-sheets~=home]) .path{gap:1rem;margin:0;padding:0;list-style:none;display:grid;position:relative}:where([data-sheets~=home]) .path:before{content:"";border-inline-start:4px dashed var(--color-line-strong);position:absolute;inset-block:1rem;inset-inline-start:2.25rem}@media (width>=64rem){:where([data-sheets~=home]) .path{grid-template-columns:repeat(6,1fr);gap:.75rem}:where([data-sheets~=home]) .path:before{border-inline-start:0;border-block-start:4px dashed var(--color-line-strong);inset-block:4.6rem auto;inset-inline:2rem}}:where([data-sheets~=home]) .step{border-radius:var(--radius-lg);background:var(--color-board-field);color:var(--color-board-ink);box-shadow:inset 0 0 0 2px var(--color-board-line), 0 4px 0 var(--color-board-edge);grid-template-columns:auto 1fr;gap:.25rem 1rem;padding:.9rem;display:grid;position:relative}@media (width>=64rem){:where([data-sheets~=home]) .path .step{grid-template-rows:auto auto auto 1fr;grid-template-columns:1fr;min-block-size:15rem;padding-block-start:0;overflow:hidden}}:where([data-sheets~=home]) .step-band{display:none}@media (width>=64rem){:where([data-sheets~=home]) .path .step-band{block-size:1.4rem;box-shadow:inset 0 -2px 0 var(--color-board-ink);margin-inline:-.9rem;display:block}}:where([data-sheets~=home]) .step-n{background:var(--color-board-house);block-size:2.75rem;inline-size:2.75rem;box-shadow:inset 0 0 0 3px var(--color-board-ink);font-family:var(--font-display);font-weight:900;font-size:var(--text-lg);border-radius:50%;place-items:center;display:grid}@media (width>=64rem){:where([data-sheets~=home]) .path .step-n{margin-block:.9rem .25rem}}:where([data-sheets~=home]) .step h3{font-size:var(--text-lg);align-self:center}:where([data-sheets~=home]) .step p{font-size:var(--text-sm);grid-column:2}@media (width>=64rem){:where([data-sheets~=home]) .path .step h3{align-self:start}:where([data-sheets~=home]) .path .step p{grid-column:1}}:where([data-sheets~=home]) .path-token{z-index:2;pointer-events:none;block-size:3.6rem;inline-size:3.6rem;transition:transform calc(.24s * var(--motion-time) * var(--motion-move)) var(--ease-hop);position:absolute;inset-block-start:0;inset-inline-start:0}:where([data-sheets~=home]) .split{align-items:center;gap:3rem;display:grid}@media (width>=64rem){:where([data-sheets~=home]) .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where([data-sheets~=home]) .split-flip>:first-child{order:2}}:where([data-sheets~=home]) .way-options{gap:.75rem;margin-block-start:2rem;display:grid}@media (width>=30rem){:where([data-sheets~=home]) .way-options{grid-template-columns:1fr 1fr}}:where([data-sheets~=home]) .way-option{border-radius:var(--radius-lg);background:var(--color-panel);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);gap:.35rem;padding:1.1rem;display:grid}:where([data-sheets~=home]) .way-option h3{font-size:var(--text-lg);align-items:center;gap:.5rem;display:flex}:where([data-sheets~=home]) .way-option svg{block-size:1.5rem;inline-size:1.5rem;color:var(--color-accent-ink)}:where([data-sheets~=home]) .way-option p{font-size:var(--text-sm);color:var(--color-ink-muted)}:where([data-sheets~=home]) .phone{border-radius:calc(var(--radius-base-2xl) * var(--radius-factor) + .75rem);background:var(--color-band-night);inline-size:min(100%,19rem);box-shadow:var(--shadow-lg);margin-inline:auto;padding:.75rem;position:relative}:where([data-sheets~=home]) .phone-screen{border-radius:var(--radius-2xl);background:var(--color-canvas);color:var(--color-ink);gap:.85rem;padding:1.75rem 1rem 1.25rem;display:grid}:where([data-sheets~=home]) .phone-notch{border-radius:var(--radius-pill);background:var(--color-band-night);block-size:.9rem;inline-size:4.5rem;position:absolute;inset-block-start:1.15rem;inset-inline-start:50%;transform:translate(-50%)}:where([data-sheets~=home]) .room-code{border-radius:var(--radius-md);background:var(--color-surface-sunken);font-family:var(--font-display);font-weight:900;font-size:var(--text-xl);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;display:flex}:where([data-sheets~=home]) .qr{border-radius:var(--radius-md);background:var(--color-surface-raised);block-size:6.5rem;inline-size:6.5rem;box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-ink);margin-inline:auto;padding:.4rem}:where([data-sheets~=home]) .seat{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);font-weight:700;font-size:var(--text-sm);align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}:where([data-sheets~=home]) .seat img{block-size:2rem;inline-size:2rem}:where([data-sheets~=home]) .seat .chip{font-size:var(--text-xs);margin-inline-start:auto}:where([data-sheets~=home]) .ready{background:var(--color-success-soft);color:var(--color-success-ink);box-shadow:none}:where([data-sheets~=home]) .phone-caption{text-align:center;font-size:var(--text-sm);color:var(--color-band-muted);margin-block-start:1rem}:where([data-sheets~=home]) .rivals-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}:where([data-sheets~=home]) .rival{border-radius:var(--radius-2xl);background:var(--color-panel-raised);color:var(--color-ink);box-shadow:var(--shadow-md);gap:.85rem;padding:1.5rem;display:grid}:where([data-sheets~=home]) .rival-portrait{border-radius:50%;place-items:center;block-size:6.5rem;inline-size:6.5rem;display:grid}:where([data-sheets~=home]) .rival-portrait img{block-size:74%;inline-size:74%;animation:idle2 calc(1.6s * var(--motion-time)) steps(1, end) infinite}:where([data-sheets~=home]) .rival h3{font-size:var(--text-xl)}:where([data-sheets~=home]) .rival-trait{font-size:var(--text-sm);color:var(--color-ink-muted)}:where([data-sheets~=home]) .bubble{border-radius:var(--radius-lg);background:var(--color-accent-soft);color:var(--color-ink);padding:.85rem 1rem;font-weight:700;position:relative}:where([data-sheets~=home]) .bubble:before{content:"";background:inherit;block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:-.5rem;inset-inline-start:1.5rem;transform:rotate(45deg)}:where([data-sheets~=home]) .carousel-nav{gap:.5rem;display:flex}:where([data-sheets~=home]) .pass-grid{align-items:center;gap:2.5rem;display:grid}@media (width>=64rem){:where([data-sheets~=home]) .pass-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}:where([data-sheets~=home]) .table-scene{inline-size:100%;color:var(--color-on-night)}:where([data-sheets~=home]) .handoff{border-radius:var(--radius-2xl);background:var(--color-panel-raised);color:var(--color-ink);box-shadow:var(--shadow-lg);text-align:center;justify-items:center;gap:.75rem;padding:1.5rem;display:grid}:where([data-sheets~=home]) .handoff img{block-size:4rem;inline-size:4rem}:where([data-sheets~=home]) .handoff figcaption{text-wrap:balance}:where([data-sheets~=home]) .handoff strong{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-heading);margin-block-end:.25rem;display:block}:where([data-sheets~=home]) .collage{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid;position:relative}@media (width>=64rem){:where([data-sheets~=home]) .collage{min-block-size:26rem;display:block}}:where([data-sheets~=home]) .sticker{border-radius:var(--radius-xl);background:var(--color-panel-raised);color:var(--color-ink);box-shadow:var(--shadow-md), inset 0 0 0 1px var(--color-line);justify-items:start;gap:.5rem;padding:1rem;display:grid}:where([data-sheets~=home]) .sticker-label{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg)}@media (width>=64rem){:where([data-sheets~=home]) .collage .sticker{position:absolute}:where([data-sheets~=home]) .collage .sticker:first-child{inset-block-start:0;inset-inline-start:4%;rotate:-4deg}:where([data-sheets~=home]) .collage .sticker:nth-child(2){inset-block-start:2rem;inset-inline-end:2%;rotate:3deg}:where([data-sheets~=home]) .collage .sticker:nth-child(3){z-index:2;inset-block-start:11rem;inset-inline-start:30%;rotate:-2deg}:where([data-sheets~=home]) .collage .sticker:nth-child(4){inset-block-end:0;inset-inline-start:0;rotate:2.5deg}:where([data-sheets~=home]) .collage .sticker:nth-child(5){inset-block-end:1rem;inset-inline-end:6%;rotate:-3deg}}@media (hover:hover) and (width>=64rem){:where([data-sheets~=home]) .collage .sticker{transition:rotate var(--duration-quick) var(--ease-standard), scale var(--duration-quick) var(--ease-standard)}:where([data-sheets~=home]) .collage .sticker:hover{z-index:3;rotate:0deg;scale:1.03}}:where([data-sheets~=home]) .emotes{gap:.4rem;display:flex}:where([data-sheets~=home]) .emote{block-size:2.5rem;inline-size:2.5rem}:where([data-sheets~=home]) .result-card{align-items:end;gap:.35rem;display:flex}:where([data-sheets~=home]) .podium{justify-items:center;gap:.2rem;display:grid}:where([data-sheets~=home]) .podium img{block-size:2.2rem;inline-size:2.2rem}:where([data-sheets~=home]) .podium span{border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:var(--color-accent-soft);inline-size:2.6rem;box-shadow:inset 0 0 0 2px var(--color-accent-edge)}:where([data-sheets~=home]) .home-shop-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr);align-items:center;gap:2rem;display:grid}:where([data-sheets~=home]) .home-shop-cta{margin-block-start:1.5rem}:where([data-sheets~=home]) .home-shop-art{border:2px solid var(--color-line);border-radius:var(--radius-lg);background:radial-gradient(circle at 30% 25%, var(--color-accent-soft), transparent 65%), var(--color-board-field);justify-content:center;align-items:center;min-block-size:15rem;padding:1.5rem;display:flex;overflow:hidden}:where([data-sheets~=home]) .home-shop-card{border:2px solid var(--color-board-ink);border-radius:var(--radius-sm);background:var(--color-surface);block-size:8rem;inline-size:7rem;box-shadow:0 .5rem 0 var(--color-board-edge);flex:none;place-items:center;margin-inline:-.55rem;display:grid}:where([data-sheets~=home]) .home-shop-card .mini-board{block-size:5rem;inline-size:5rem}:where([data-sheets~=home]) .home-shop-card-a{transform:rotate(-12deg)translateY(.6rem)}:where([data-sheets~=home]) .home-shop-card-b{z-index:1;transform:translateY(-.8rem)}:where([data-sheets~=home]) .home-shop-card-c{transform:rotate(12deg)translateY(.6rem)}:where([data-sheets~=home]) .home-shop-card-b .mini-board{box-shadow:inset 0 0 0 .4rem var(--color-board-field), inset 0 0 0 .65rem var(--color-street-c), inset 0 0 0 .8rem var(--color-board-ink), 0 3px 0 var(--color-board-edge)}:where([data-sheets~=home]) .home-shop-card-c .mini-board{box-shadow:inset 0 0 0 .4rem var(--color-board-field), inset 0 0 0 .65rem var(--color-street-f), inset 0 0 0 .8rem var(--color-board-ink), 0 3px 0 var(--color-board-edge)}:where([data-sheets~=home]) .home-shop-app-card .home-shop-art{min-block-size:12rem;margin-block:1.25rem}:where([data-sheets~=home]) .home-shop-app-card .home-shop-card{block-size:6.5rem;inline-size:5.5rem}:where([data-sheets~=home]) .home-shop-app-card .mini-board{block-size:4rem;inline-size:4rem}@media (width<=47.99rem){:where([data-sheets~=home]) .home-shop-layout{grid-template-columns:1fr}:where([data-sheets~=home]) .home-shop-art{min-block-size:12rem}}:where([data-sheets~=home]) .shelf{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.75rem 1.25rem;margin-block-start:2.5rem;display:grid}:where([data-sheets~=home]) .shelf-wide{grid-column:1/-1}@media (width>=64rem){:where([data-sheets~=home]) .shelf{grid-template-columns:2.2fr repeat(4,minmax(0,1fr))}:where([data-sheets~=home]) .shelf-wide{grid-column:auto}}:where([data-sheets~=home]) .shelf-group{gap:.6rem;display:grid}:where([data-sheets~=home]) .shelf>.shelf-group{grid-row:span 2;grid-template-rows:subgrid}:where([data-sheets~=home]) .shelf-plank{border-block-end:.6rem solid var(--color-board-edge);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(to top, color-mix(in oklch, var(--color-board-edge) 26%, transparent), transparent 70%);flex-wrap:wrap;align-items:end;gap:.6rem;min-block-size:5.5rem;padding:.75rem .75rem 0;display:flex}:where([data-sheets~=home]) .shelf-plank img{block-size:3.25rem;inline-size:3.25rem}:where([data-sheets~=home]) .shelf-plank .card-back{block-size:auto;inline-size:3.6rem}:where([data-sheets~=home]) .shelf-label{font-weight:700}:where([data-sheets~=home]) .mini-board{border-radius:var(--radius-xs);background:var(--color-board-field);block-size:3.6rem;inline-size:3.6rem;box-shadow:inset 0 0 0 .4rem var(--color-board-field), inset 0 0 0 .65rem var(--color-street-a), inset 0 0 0 .8rem var(--color-board-ink), 0 3px 0 var(--color-board-edge);display:block}:where([data-sheets~=home]) .badge-art{block-size:auto;inline-size:3.25rem}:where([data-sheets~=home]) .daily{border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);font-size:var(--text-xs);justify-items:center;gap:.3rem;padding:.5rem .75rem;font-weight:700;display:grid}:where([data-sheets~=home]) .daily svg{block-size:2.25rem;inline-size:2.25rem}:where([data-sheets~=home]) .dice-skin{border-radius:var(--radius-sm);background:var(--skin-face);block-size:2.75rem;inline-size:2.75rem;box-shadow:inset 0 0 0 2px var(--color-board-ink), inset 0 -4px 0 color-mix(in oklch, var(--color-board-ink) 20%, transparent);grid-template:repeat(3,1fr)/repeat(3,1fr);padding:.35rem;display:grid}:where([data-sheets~=home]) .dice-skin .pip{background:var(--skin-pip)}:where([data-sheets~=home]) .skin-paper{--skin-face:var(--color-board-house);--skin-pip:var(--color-board-ink)}:where([data-sheets~=home]) .skin-berry{--skin-face:var(--color-street-a);--skin-pip:var(--color-board-house)}:where([data-sheets~=home]) .skin-sea{--skin-face:var(--color-street-e);--skin-pip:var(--color-board-house)}:where([data-sheets~=home]) .coin{background:var(--color-street-c);block-size:1.6rem;inline-size:1.6rem;box-shadow:inset 0 0 0 2px var(--color-board-ink), inset 0 -3px 0 color-mix(in oklch, var(--color-board-ink) 25%, transparent);border-radius:50%;place-items:center;display:inline-grid}:where([data-sheets~=home]) .presets{margin-block-start:2rem}@media (width>=40rem){:where([data-sheets~=home]) .presets{grid-template-columns:repeat(2,minmax(0,1fr))}}:where([data-sheets~=home]) .presets .choice>svg{block-size:1.75rem;inline-size:1.75rem;color:var(--color-accent-ink)}:where([data-sheets~=home]) .app-section .presets{margin:1rem var(--spacing-gutter) 0}:where([data-sheets~=home]) .promises{gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){:where([data-sheets~=home]) .promises{grid-template-columns:repeat(2,minmax(0,1fr))}}:where([data-sheets~=home]) .promise{border-radius:var(--radius-xl);background:var(--color-panel);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);align-items:start;gap:1rem;padding:1.25rem;display:flex}:where([data-sheets~=home]) .promise svg{block-size:2.25rem;inline-size:2.25rem;color:var(--color-accent-ink);flex:none}:where([data-sheets~=home]) .promise strong{font-size:var(--text-lg);display:block}:where([data-sheets~=home]) .devices{align-items:end;gap:2.5rem;margin-block-start:3rem;display:grid}@media (width>=48rem){:where([data-sheets~=home]) .devices{grid-template-columns:2.2fr 1fr}:where([data-sheets~=home]) .devices:has(>[data-android]){grid-template-columns:2.2fr 1fr .8fr}}:where([data-sheets~=home]) .app-tile{aspect-ratio:1;border-radius:var(--radius-xl);background:var(--color-surface-raised);inline-size:7rem;box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--color-line);place-items:center;display:grid}:where([data-sheets~=home]) .app-tile svg{block-size:auto;inline-size:62%}:where([data-sheets~=home]) .device{justify-items:center;gap:.75rem;display:grid}:where([data-sheets~=home]) .device figcaption{text-align:center;font-weight:700}:where([data-sheets~=home]) .browser{border-radius:var(--radius-xl);background:var(--color-surface-raised);inline-size:100%;box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--color-line);overflow:hidden}:where([data-sheets~=home]) .browser-bar{background:var(--color-surface-sunken);gap:.4rem;padding:.7rem .9rem;display:flex}:where([data-sheets~=home]) .browser-bar i{background:var(--color-line-strong);border-radius:50%;block-size:.7rem;inline-size:.7rem}:where([data-sheets~=home]) .browser-body{grid-template-columns:2fr 1fr;gap:1rem;padding:1rem;display:grid}:where([data-sheets~=home]) .browser-body .board{box-shadow:none}:where([data-sheets~=home]) .mock-lines{align-content:start;gap:.5rem;display:grid}:where([data-sheets~=home]) .mock-lines i{border-radius:var(--radius-pill);background:var(--color-surface-sunken);block-size:.85rem}:where([data-sheets~=home]) .mock-lines i:first-child{background:var(--color-accent-soft);inline-size:70%}:where([data-sheets~=home]) .mock-lines i:nth-child(3){inline-size:85%}:where([data-sheets~=home]) .phone-sm{inline-size:min(100%,13rem)}:where([data-sheets~=home]) .plans{gap:1rem;margin-block-start:2.5rem;display:grid}@media (width>=48rem){:where([data-sheets~=home]) .plans{grid-template-columns:1.3fr 1fr 1fr}}:where([data-sheets~=home]) .plan{border-radius:var(--radius-xl);background:var(--color-panel);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);align-content:start;gap:.5rem;padding:1.5rem;display:grid}:where([data-sheets~=home]) .plan h3{font-size:var(--text-2xl)}:where([data-sheets~=home]) .plan-free{background:var(--color-panel-raised);box-shadow:inset 0 0 0 2px var(--color-accent-edge), 0 6px 0 var(--color-accent-edge)}:where([data-sheets~=home]) .plan p{color:var(--color-ink-muted)}:where([data-sheets~=home]) .faq{margin-block-start:2rem}:where([data-sheets~=home]) .closing{overflow:clip}:where([data-sheets~=home]) .closing-grid{align-items:center;gap:2.5rem;display:grid}@media (width>=64rem){:where([data-sheets~=home]) .closing-grid{grid-template-columns:7fr 5fr}}:where([data-sheets~=home]) .closing-h{font-size:var(--text-3xl);line-height:var(--leading-heading)}:where([data-sheets~=home]) .pile{aspect-ratio:1.3;inline-size:min(100%,24rem);margin-inline:auto;position:relative}:where([data-sheets~=home]) .pile img{block-size:auto;inline-size:30%;filter:drop-shadow(0 6px 0 var(--color-shadow-strong));position:absolute}:where([data-sheets~=home]) .pile .pile-card{inline-size:40%;inset-block-start:2%;inset-inline-start:8%;rotate:-10deg}:where([data-sheets~=home]) .pile .pile-card-2{inset-block-start:8%;inset-inline-start:36%;rotate:8deg}:where([data-sheets~=home]) .pile .pile-1{inline-size:26%;inset-block-end:0;inset-inline-start:2%}:where([data-sheets~=home]) .pile .pile-2{inline-size:24%;inset-block-end:4%;inset-inline-start:40%}:where([data-sheets~=home]) .pile .pile-3{inline-size:24%;inset-block-start:0;inset-inline-end:0}:where([data-sheets~=home]) .icon-sm{block-size:1.25rem;inline-size:1.25rem}:where([data-sheets~=home]) .nc-hand{stroke:var(--color-night-accent);stroke-width:8px;stroke-linecap:round}:where([data-sheets~=home]) .nc-moon{fill:var(--color-night-accent)}:where([data-sheets~=home]) .scene-ring{border:3px dashed var(--color-line-strong);border-radius:50%;block-size:9rem;inline-size:9rem;position:relative}:where([data-sheets~=home]) .scene-ring img{block-size:3.25rem;inline-size:3.25rem;position:absolute}:where([data-sheets~=home]) .scene-ring img:first-child{inset-block-start:-1.6rem;inset-inline-start:calc(50% - 1.6rem)}:where([data-sheets~=home]) .scene-ring img:nth-child(2){inset-block-start:calc(50% - 1.6rem);inset-inline-end:-1.6rem}:where([data-sheets~=home]) .scene-ring img:nth-child(3){inset-block-end:-1.6rem;inset-inline-start:calc(50% - 1.6rem)}:where([data-sheets~=home]) .scene-ring img:nth-child(4){inset-block-start:calc(50% - 1.6rem);inset-inline-start:-1.6rem}:where([data-sheets~=home]) .scene-code{border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-md);font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;padding:.45rem .75rem;font-weight:900;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}:where([data-sheets~=home]) .scene-phone{border-radius:var(--radius-xl);background:var(--color-canvas);inline-size:10rem;color:var(--color-ink);box-shadow:0 0 0 .55rem var(--color-band-night), var(--shadow-lg);text-align:center;justify-items:center;gap:.6rem;padding:1.25rem 1rem;display:grid}:where([data-sheets~=home]) .scene-phone img{block-size:3.5rem;inline-size:3.5rem}:where([data-sheets~=home]) .scene-phone strong{font-family:var(--font-display);font-size:var(--text-lg)}:where([data-sheets~=home]) .scene-cpu{align-items:center;gap:1rem;padding:1rem;display:flex}:where([data-sheets~=home]) .scene-cpu img{flex:none;block-size:6rem;inline-size:6rem}:where([data-sheets~=home]) .rival-portrait img{z-index:1;position:relative}:where([data-sheets~=home]) .ts-shadow{fill:var(--color-shadow-strong)}:where([data-sheets~=home]) .ts-table{fill:var(--color-board-edge);stroke:var(--color-board-ink);stroke-width:4px}:where([data-sheets~=home]) .ts-board{fill:var(--color-board-field);stroke:var(--color-board-ink);stroke-width:3px}:where([data-sheets~=home]) .ts-band-a{fill:var(--color-street-a)}:where([data-sheets~=home]) .ts-band-e{fill:var(--color-street-e)}:where([data-sheets~=home]) .ts-arc{fill:none;stroke:currentColor;stroke-width:4px;stroke-dasharray:3 10;stroke-linecap:round}:where([data-sheets~=home]) .ts-arrow{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}:where([data-sheets~=home]) .ts-phone{fill:var(--color-on-night);stroke:var(--color-board-ink);stroke-width:3px}:where([data-sheets~=home]) .podium-1 span{block-size:3rem}:where([data-sheets~=home]) .podium-2 span{block-size:2rem}:where([data-sheets~=home]) .podium-3 span{block-size:1.35rem}:where([data-sheets~=home]) .spectators{align-items:center;gap:.35rem;display:flex}:where([data-sheets~=home]) .spectators svg{block-size:1.75rem;inline-size:1.75rem}:where([data-sheets~=home]) .spectators img{block-size:2.2rem;inline-size:2.2rem}:where([data-sheets~=home]) .mock-board{aspect-ratio:1;block-size:auto;inline-size:100%;display:block}:where([data-sheets~=home]) .mock-hero{border-radius:var(--radius-lg);background:var(--color-band-lid);color:var(--color-on-lid);gap:.5rem;padding:.6rem;display:grid}:where([data-sheets~=home]) .mock-h{font-family:var(--font-display);font-weight:900;font-size:var(--text-sm);line-height:1.1}:where([data-sheets~=home]) .mock-tabs{border-block-start:1px solid var(--color-line);grid-template-columns:repeat(4,1fr);gap:.4rem;padding-block-start:.5rem;display:grid}:where([data-sheets~=home]) .mock-tabs i{border-radius:var(--radius-pill);background:var(--color-surface-sunken);block-size:.5rem}:where([data-sheets~=home]) .mock-tabs i:first-child{background:var(--color-accent)}:root:where([data-sheets~=home])[data-tab-hidden] :is(.anim-loop,.piece img,.rival-portrait img),:where([data-sheets~=home]) [data-loop-scope]:not([data-inview]) :is(.anim-loop,.piece img,.rival-portrait img),:where([data-sheets~=home])[data-loop-scope]:not([data-inview]) :is(.anim-loop,.piece img,.rival-portrait img){animation-play-state:paused}:root:where([data-sheets~=home]):is([data-motion=reduced],[data-motion=off]) .rival-portrait img{animation:none}@media (prefers-reduced-motion:reduce){:root:where([data-sheets~=home])[data-motion=system] .rival-portrait img{animation:none}}:where([data-sheets~=home]) .app-main{padding-block-end:2rem}:where([data-sheets~=home]) .app-hero{--color-band-ink:var(--color-on-lid);--color-band-muted:var(--color-on-lid-muted);--color-band-accent:var(--color-on-lid);margin:.5rem var(--spacing-gutter) 0;border-radius:var(--radius-2xl);background:var(--color-band-lid);color:var(--color-on-lid);box-shadow:var(--shadow-md);padding:1.25rem}:where([data-sheets~=home]) .app-hero .hero-h{font-size:var(--text-3xl);margin-block-start:.75rem}:where([data-sheets~=home]) .app-hero .hero-sub{font-size:var(--text-base);color:var(--color-on-lid-muted)}:where([data-sheets~=home]) .app-hero .board{margin-block-start:1.25rem}:where([data-sheets~=home]) .app-hero .hud{margin-block-start:1rem}:where([data-sheets~=home]) .app-hero .btn{inline-size:100%;margin-block-start:1.25rem}:where([data-sheets~=home]) .app-section{padding-block:1.75rem .5rem}:where([data-sheets~=home]) .app-section>h2{padding-inline:var(--spacing-gutter);font-size:var(--text-2xl)}:where([data-sheets~=home]) .app-section>p{padding-inline:var(--spacing-gutter);color:var(--color-ink-muted);margin-block-start:.4rem}:where([data-sheets~=home]) .continue{margin:1rem var(--spacing-gutter) 0;border-radius:var(--radius-xl);background:var(--color-panel-raised);color:var(--color-ink);box-shadow:var(--shadow-md), inset 0 0 0 1px var(--color-line);grid-template-columns:auto 1fr;align-items:center;gap:.25rem 1rem;padding:1rem;display:grid}:where([data-sheets~=home]) .continue img{grid-row:span 2;block-size:3.5rem;inline-size:3.5rem}:where([data-sheets~=home]) .continue-title{font-size:var(--text-lg);line-height:1.15}:where([data-sheets~=home]) .continue .btn{grid-column:1/-1;margin-block-start:.75rem}:where([data-sheets~=home]) .moment{border-radius:var(--radius-xl);background:var(--color-panel);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-sm);align-content:start;gap:.6rem;padding:1.25rem;display:grid}:where([data-sheets~=home]) .moment img{block-size:3rem;inline-size:3rem}:where([data-sheets~=home]) .moment h3{font-size:var(--text-lg)}:where([data-sheets~=home]) .moment p{font-size:var(--text-sm);color:var(--color-ink-muted)}:where([data-sheets~=home]) .stack{padding:1rem var(--spacing-gutter) 0;gap:.75rem;display:grid}:where([data-sheets~=home]) .app-card{margin:1rem var(--spacing-gutter) 0;border-radius:var(--radius-2xl);background:var(--color-panel);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);padding:1.25rem}:where([data-sheets~=home]) .app-card h2{font-size:var(--text-2xl)}:where([data-sheets~=home]) .app-card .btn{inline-size:100%;margin-block-start:1.25rem}:where([data-sheets~=home]) .app-card.is-night{--color-band-ink:var(--color-on-night);--color-band-muted:var(--color-on-night-muted);--color-band-accent:var(--color-night-accent);--color-focus:var(--color-focus-on-dark);background:var(--color-band-night);color:var(--color-on-night);box-shadow:none}:where([data-sheets~=home]) .app-card.is-lid{--color-band-ink:var(--color-on-lid);--color-band-muted:var(--color-on-lid-muted);--color-band-accent:var(--color-on-lid);background:var(--color-band-lid);color:var(--color-on-lid);box-shadow:var(--shadow-md)}:where([data-sheets~=home]) .app-section .handoff{margin:1rem var(--spacing-gutter) 0}:where([data-sheets~=home]) .app-section .room-code{font-size:var(--text-lg)}