@layer components{.join-with-code{gap:var(--space-s);flex-direction:column;display:flex}.join-with-code h2{font-family:var(--font-display);font-size:clamp(1.25rem, var(--stage-unit) * 3, 1.75rem);letter-spacing:-.005em;color:var(--ink-muted);font-weight:700;font-stretch:90%;line-height:1.05}.join-with-code .react-aria-Form{gap:var(--space-m);flex-direction:column;display:flex}.game-spines .preset-box .spine{background:var(--card);color:var(--card-ink);grid-template-columns:auto minmax(0,1fr);padding-inline-start:var(--space-s)}@container (width>=26rem){.game-spines .preset-box .spine{grid-template-columns:auto minmax(0,1fr) auto}}.game-spines .preset-box .packed{grid-row:span 2;align-self:stretch;gap:.1875rem;display:flex}@container (width>=26rem){.game-spines .preset-box .packed{grid-row:auto}}.game-spines .preset-box .packed>span{background:var(--spine);border-radius:var(--radius-s);width:clamp(.5rem,2.2cqi,.875rem)}.game-spines .preset-box .tagline{color:var(--card-muted)}.game-spines .preset-box .opened-lid{gap:var(--space-m);flex-direction:column;display:flex}.game-spines .preset-box .contents{gap:var(--space-xs) var(--space-l);flex-wrap:wrap;list-style:none;display:flex}.game-spines .preset-box .contents li{font-family:var(--font-display);border-block-end:.375rem solid var(--spine);font-weight:800;font-stretch:85%;line-height:1;font-size:var(--text-l);align-items:center;gap:var(--space-xs);padding-block-end:var(--space-2xs);display:flex}.game-spines .preset-box .how{font-size:clamp(1rem, var(--stage-unit) * 2, 1.125rem);color:var(--card-muted);font-weight:400;line-height:1.45}.game-spines .preset-box .error{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);background:var(--danger);color:var(--danger-ink);padding:var(--space-2xs) var(--space-s);font-weight:700;line-height:1.35}.game-spines{gap:var(--space-s);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.game-spines h2{font-family:var(--font-display);font-size:clamp(1.25rem, var(--stage-unit) * 3, 1.75rem);letter-spacing:-.005em;font-weight:700;font-stretch:90%;line-height:1.05}.game-spines .stack{gap:var(--space-xs);display:grid}.game-spines .spine{--edge:.1875rem;border-radius:var(--radius-s);box-shadow:0 var(--edge) 0 0 var(--chipboard), var(--shadow-piece);transition:transform var(--transition-fast,0s) var(--ease-out), box-shadow var(--transition-fast,0s) var(--ease-out);border:0;position:relative}.game-spines .spine:before,.game-spines .spine:after{background:var(--ground,var(--board));content:"";width:.625rem;height:.1875rem;position:absolute;inset-inline-start:50%;translate:-50%}.game-spines .spine:before{border-radius:0 0 var(--radius-xs) var(--radius-xs);top:0}.game-spines .spine:after{border-radius:var(--radius-xs) var(--radius-xs) 0 0;bottom:0}.game-spines .spine:not([data-disabled])[data-pressed]{box-shadow:0 calc(var(--edge) * .25) 0 0 var(--chipboard), var(--shadow-pressed);transform:translateY(calc(var(--edge) * .75))}@media (hover:hover) and (pointer:fine){.game-spines .spine:not([data-disabled])[data-hovered]:not([data-pressed]){box-shadow:0 calc(var(--edge) * 1.75) 0 0 var(--chipboard), var(--shadow-lifted);transform:translateY(calc(var(--edge) * -.75))}}.game-spines .spine{--ground:var(--field);background:var(--spine);color:var(--spine-ink);cursor:pointer;font:inherit;align-items:center;gap:var(--space-2xs) var(--space-m);min-width:0;min-height:4.5rem;padding:var(--space-s) var(--space-m);text-align:start;grid-template-columns:minmax(0,1fr);display:grid}@container (width>=26rem){.game-spines .spine{min-height:clamp(4.75rem,15cqi,5.75rem);padding-inline:clamp(var(--space-m), 4.5cqi, 1.75rem);grid-template-columns:minmax(0,1fr) auto}.game-spines .shelf-box:first-of-type{margin-inline-end:5cqi}.game-spines .shelf-box:nth-of-type(2){margin-inline-start:3cqi}.game-spines .shelf-box:nth-of-type(3){margin-inline-end:2cqi}.game-spines .shelf-box:nth-of-type(4){margin-inline-start:6cqi}.game-spines .shelf-box:nth-of-type(5){margin-inline-end:7cqi}}.game-spines .name{font-family:var(--font-display);letter-spacing:-.01em;font-weight:800;font-stretch:82%;line-height:1;font-size:clamp(var(--text-xl), 9cqi, 2.5rem);align-items:center;gap:var(--space-xs);display:flex}.game-spines .tagline{font-weight:700;line-height:1.2;font-size:var(--text-s);text-wrap:balance}@container (width>=26rem){.game-spines .tagline{max-width:var(--measure-tagline);text-align:end}}.game-spines .one-room{font-size:clamp(1rem, var(--stage-unit) * 2, 1.125rem);color:var(--ink-muted);text-wrap:pretty;font-weight:400;line-height:1.45}.game-spines .game-icon{flex:none;width:.8em;height:.8em}.game-spines .shelf-box[data-expanded]{margin-inline:0}.game-spines .shelf-box:not([data-expanded]) .opened-lid{display:none}.game-spines .opened-lid{--edge:.1875rem;background:var(--card);border-radius:var(--radius-l);box-shadow:0 var(--edge) 0 var(--chipboard), var(--shadow-card);color:var(--card-ink);--cut:var(--card);--cut-ink:var(--card-ink);--field:var(--card);--ground:var(--card);--ink:var(--card-ink);--ink-muted:var(--card-muted);--rule:color-mix(in oklab, var(--card-ink) 22%, var(--card));--rule-strong:color-mix(in oklab, var(--card-ink) 60%, var(--card));--hairline:var(--stroke-thin) solid var(--rule);position:relative}.game-spines .opened-lid:before{border:var(--stroke-thin) solid var(--card-rule);border-radius:calc(var(--radius-l) - var(--space-xs));content:"";inset:var(--space-s);pointer-events:none;position:absolute}.game-spines .opened-lid{padding:var(--space-l);margin-block-start:var(--space-xs);container-type:inline-size}.held-rooms{animation:page-enter var(--transition-base,0s) var(--ease-out) both}:root[data-landing] .held-rooms{animation:none}.held-rooms{gap:var(--space-s);flex-direction:column;display:flex}.held-rooms h2{font-family:var(--font-display);font-size:clamp(1.25rem, var(--stage-unit) * 3, 1.75rem);letter-spacing:-.005em;color:var(--ink-muted);font-weight:700;font-stretch:90%;line-height:1.05}.held-rooms .link{justify-content:space-between}.held-rooms .code{flex:none}.held-rooms .door{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.home-page{animation:page-enter var(--transition-base,0s) var(--ease-out) both}:root[data-landing] .home-page{animation:none}.home-page{gap:var(--space-l);max-width:var(--column-max-width);padding-block:var(--layout-padding-block-start) var(--layout-padding-block-end);padding-inline:var(--gutter-left) var(--gutter-right);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=56.25rem){.home-page{max-width:var(--column-wide-max-width)}}.home-page{align-content:center;padding-block-start:var(--menu-block-inset);display:grid}@media (width>=60rem){.home-page{align-items:center;column-gap:clamp(var(--space-l), 4vw, var(--space-xl));row-gap:var(--space-s);max-width:var(--stage-max-width);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.home-page .more{grid-column:1/-1}}.home-page .door-side{gap:var(--space-l);flex-direction:column;min-width:0;display:flex}.home-page .lid{--edge:.1875rem;background:var(--card);border-radius:var(--radius-l);box-shadow:0 var(--edge) 0 var(--chipboard), var(--shadow-card);color:var(--card-ink);--cut:var(--card);--cut-ink:var(--card-ink);--field:var(--card);--ground:var(--card);--ink:var(--card-ink);--ink-muted:var(--card-muted);--rule:color-mix(in oklab, var(--card-ink) 22%, var(--card));--rule-strong:color-mix(in oklab, var(--card-ink) 60%, var(--card));--hairline:var(--stroke-thin) solid var(--rule);position:relative}.home-page .lid:before{border:var(--stroke-thin) solid var(--card-rule);border-radius:calc(var(--radius-l) - var(--space-xs));content:"";inset:var(--space-s);pointer-events:none;position:absolute}.home-page .lid{gap:var(--space-m);padding:clamp(var(--space-l), 7vw, 3.25rem) clamp(var(--space-l), 7vw, 3.5rem);flex-direction:column;display:flex;container-type:inline-size}.home-page .wordmark{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.035em;font-weight:800;font-stretch:78%;line-height:.82;font-size:clamp(var(--text-4xl), 21cqi, 9.25rem)}.home-page .wordmark .dot{color:var(--primary)}.home-page h1{font-family:var(--font-display);letter-spacing:-.015em;font-weight:700;line-height:1.02;font-size:clamp(var(--text-xl), 6.6cqi, 2.75rem);max-width:var(--measure-door-headline);text-wrap:balance}.home-page .pitch{color:var(--ink-muted);line-height:1.38;font-size:clamp(var(--text-s), 3.6cqi, 1.375rem);max-width:var(--measure-door-pitch);text-wrap:pretty}.home-page .pitch strong{color:var(--ink)}.home-page .doors{align-items:end;gap:var(--space-l) var(--space-xl);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--space-s);display:flex}.home-page .open{gap:var(--space-xs);flex-direction:column;display:flex}.home-page .join-with-code{gap:var(--space-xs);flex:16rem}.home-page .join-with-code h2{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);font-weight:700}.home-page .join-with-code .react-aria-Form{gap:var(--space-xs) var(--space-s);grid-template-columns:minmax(0,1fr) auto;display:grid}.home-page .join-with-code .react-aria-Form>.button{grid-area:2/2}@container (width<17rem){.home-page .join-with-code .react-aria-Form{grid-template-columns:minmax(0,1fr)}.home-page .join-with-code .react-aria-Form>.button{grid-area:3/1}}.home-page .join-with-code .text-field{display:contents}.home-page .join-with-code .text-field>*{grid-column:1/-1}.home-page .join-with-code .text-field>.react-aria-Input{grid-area:2/1;min-width:0}.home-page .error{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);background:var(--danger);color:var(--danger-ink);padding:var(--space-2xs) var(--space-s);padding-block:var(--space-2xs);font-weight:700;line-height:1.35}@supports (text-box:trim-both cap alphabetic){.home-page .error{padding-block:calc(var(--space-2xs) + (1lh - 1cap) / 2);text-box:trim-both cap alphabetic}}.home-page .more{align-items:start;gap:var(--space-s) var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.home-page .project-with-code .react-aria-Form{align-items:start;gap:var(--space-s);flex-direction:column;display:flex}.home-page .project-with-code .react-aria-Form .text-field{align-self:stretch}.home-page .wall-door .panel-content{align-items:start;gap:var(--space-s);flex-direction:column;display:flex}.home-page .wall-door .panel-content .description{font-size:clamp(1rem, var(--stage-unit) * 2, 1.125rem);color:var(--ink-muted);font-weight:400;line-height:1.45}}