.hub-surface,.play-surface{isolation:isolate;min-height:100dvh;color:var(--table-muted);background:var(--color-shadow);scrollbar-color:var(--table-metal) var(--color-shadow);position:relative}.hub-surface{--hub-handle-width:clamp(6.5rem, 10vw, 10rem);--hub-handle-overhang:min(calc(var(--hub-handle-width) * .45), calc(var(--field-x) - 1rem));align-items:center;gap:clamp(1rem, 3dvh, 2.5rem) var(--menu-gap);min-height:max(100dvh,42rem);padding:var(--field-y) var(--field-x);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:clip}.hub-surface>.table-bar{grid-area:1/1/2/-1;align-self:start}.hub-surface>.particle-canvas{z-index:var(--z-guide-canvas);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hub-hero{z-index:2;width:min(100%, var(--hub-hero-width), var(--hub-hero-height-bound));text-align:center;grid-area:2/1;justify-self:center;position:relative}.hub-deck-card{width:var(--hub-small-card-width);aspect-ratio:var(--card-slot-aspect);perspective:var(--hub-perspective);margin-inline:auto}.hub-deck-card[data-hero=true]{width:var(--hub-hero-width);max-width:100%;filter:drop-shadow(var(--hub-card-shadow))}.hub-card-tilt{width:100%;height:100%;position:relative}.hub-card-tilt>.game-card-lift{width:100%}.hub-chain-foot{pointer-events:none;width:0;height:0;position:absolute}.hub-deck-card[data-hero=true] .game-card-lift{filter:none}.hub-deck-card[data-hero=true] .game-card:after{content:"";z-index:5;clip-path:var(--card-silhouette);background:linear-gradient(115deg, transparent, color-mix(in srgb, var(--color-bone) 12%, transparent) var(--hub-sheen,50%), transparent);pointer-events:none;opacity:0;transition:opacity var(--motion-immediate) var(--motion-ease);position:absolute;inset:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hub-deck-card[data-hero=true] .hub-card-tilt:hover .game-card:after{opacity:1}}.hub-deck-name{z-index:1;color:var(--color-bone);font-size:var(--menu-body);overflow-wrap:anywhere;margin:1rem 0 0;position:relative}.hub-carousel{box-sizing:border-box;width:max(100%, var(--hub-carousel-width));max-width:calc(100vw - var(--field-x) * 2);margin-left:calc((100% - max(100%, var(--hub-carousel-width))) / 2);scroll-snap-type:x mandatory;scrollbar-width:thin;border-block:1px solid var(--metal-hairline);background:var(--plaque-fill);justify-self:center;gap:.5rem;margin-top:.75rem;padding:.85rem .5rem .5rem;display:flex;overflow-x:auto}.hub-carousel img{width:100%;height:auto;display:block}.hub-carousel img,.hub-carousel button{touch-action:pan-x pan-y}.hub-deck-choice{scroll-snap-align:center;cursor:pointer;transition:translate var(--motion-routine) var(--motion-ease);background:0 0;flex:0 0 4rem;padding:0}.hub-deck-choice img{opacity:.6;width:2.75rem;transition:opacity var(--motion-routine);margin-inline:auto}.hub-deck-choice-name{overflow-wrap:anywhere;color:var(--table-muted);font-size:var(--table-label);margin-top:.35rem;line-height:1.3;display:block}.hub-deck-choice[aria-pressed=true] .hub-deck-choice-name{color:var(--color-cord)}.hub-deck-choice:first-child{margin-left:auto}.hub-deck-choice:last-child{margin-right:auto}.hub-deck-choice[aria-pressed=true]{translate:0 -.4rem}.hub-deck-choice[aria-pressed=true] img,.hub-deck-choice:hover img{opacity:1}.hub-empty.hub-secondary{border:1px solid var(--table-metal);place-items:center;min-height:18rem;display:grid}.hub-chain{z-index:1;pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 3px 3px var(--color-shadow));position:absolute;inset:0;overflow:hidden}.hub-column{z-index:3;min-width:0;width:min(calc(100% - var(--hub-handle-overhang) - .75rem), var(--plaque-width));grid-area:2/2;position:relative}.hub-primary-line{align-items:center;gap:1rem;max-width:100%;display:flex}.hub-loop{width:var(--hub-handle-width);aspect-ratio:1024/312;margin-right:calc(-1 * (var(--plaque-pad) + var(--hub-handle-overhang)));pointer-events:none;filter:drop-shadow(0 2px 3px var(--color-shadow));flex-shrink:0;display:block;position:relative}.hub-loop img{object-fit:contain;width:100%;height:100%;display:block}.hub-chain-clasp{width:0;height:0;position:absolute}.hub-play{justify-content:space-between;gap:.75rem;width:100%}.hub-play-word{flex:1;min-width:0}.hub-play-invitation{font-size:var(--table-body);letter-spacing:normal;line-height:1.5;display:block}.hub-primary{min-height:var(--table-target);color:var(--color-cord);font-size:var(--menu-body);cursor:pointer;-webkit-text-decoration-color:var(--color-cord);text-decoration-color:var(--color-cord);text-underline-offset:.3em;background:0 0;align-items:center;padding:.5rem 0;display:inline-flex}.hub-primary:hover:not(:disabled){color:var(--color-bone);text-decoration:underline}.hub-primary:disabled{color:var(--table-muted);opacity:.65;cursor:not-allowed}.hub-play{font-size:var(--display-size);letter-spacing:.06em;text-align:left;transition:color var(--motion-immediate), translate var(--motion-immediate) var(--motion-ease);font-weight:400;line-height:1;text-decoration:none}.hub-play[data-long=true]{font-size:var(--library-title)}.hub-play:hover:not(:disabled){text-decoration:none;translate:.3rem}.hub-play:active:not(:disabled){translate:.15rem}.hub-destinations{border-top:1px solid var(--metal-hairline);margin-top:1.25rem;display:grid}.hub-destinations a,.hub-destinations span{border-bottom:1px solid var(--metal-hairline);min-height:3.5rem;color:var(--table-muted);letter-spacing:.08em;transition:color var(--motion-immediate), translate var(--motion-immediate);align-items:center;padding:.5rem 0;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;text-decoration:none;display:flex;position:relative}.hub-destinations>:last-child{border-bottom:0}.hub-destinations a:after{content:"";opacity:0;width:.5rem;height:.5rem;transition:opacity var(--motion-immediate);border-top:1px solid;border-right:1px solid;margin-left:auto;margin-right:.5rem;transform:rotate(45deg)}.hub-destinations a:hover,.hub-destinations a:focus-visible{color:var(--color-cord);translate:.3rem}.hub-destinations a:hover:after,.hub-destinations a:focus-visible:after{opacity:1}.hub-destinations span{opacity:.5}.hub-menu-word{color:var(--color-bone);margin-top:1rem;font-size:1.25rem}.hub-pocket{text-align:center;position:relative}.hub-pocket h1,.hub-pocket h2{color:var(--color-bone);margin:0}.hub-pocket p{font-size:var(--menu-body);font-variant-numeric:tabular-nums}.hub-resume-pocket{z-index:3;width:min(100%, var(--plaque-width));padding:1rem var(--plaque-pad);text-align:left;grid-area:3/2}.hub-resume-pocket h2{letter-spacing:.14em;color:var(--table-muted);margin-bottom:.25rem;font-size:.8rem}.hub-resume-pocket p{margin:.25rem 0 0}.hub-footer{z-index:3;flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex;position:relative}.hub-surface>.hub-footer{grid-area:4/1/5/-1}.hub-footer p{max-width:50ch;color:var(--color-bone);margin:0;font-size:1rem}.hub-footer p:empty{display:none}.hub-footer .primary-control{margin-top:.75rem}@media (width<=767px){.hub-surface{min-height:100dvh;padding-block:max(var(--field-y), env(safe-area-inset-top)) max(var(--field-y), env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.25rem .75rem}.hub-hero{grid-area:2/1;width:100%}.hub-carousel{width:100%;margin-left:0}.hub-deck-choice{flex-basis:100%}.hub-column{grid-area:2/2;width:100%}.hub-chain{display:none}.hub-deck-name{font-size:1rem}.hub-deck-card[data-hero=true]{width:100%}.hub-primary-line{flex-wrap:wrap;gap:.5rem}.hub-loop{width:min(5.5rem,100%);margin-right:0}.hub-play{font-size:var(--library-title);flex-wrap:wrap}.hub-play-word{flex:initial}.hub-play[data-long=true]{font-size:var(--table-stat)}.hub-destinations{margin-top:.75rem}.hub-destinations a,.hub-destinations span{min-height:3rem;font-size:1.05rem}.hub-resume-pocket{grid-area:3/1/4/-1;width:100%}.hub-surface>.hub-footer{grid-area:4/1/5/-1}}@media (prefers-reduced-motion:reduce){.hub-deck-choice,.hub-deck-choice img,.hub-play,.hub-destinations a,.hub-destinations a:after{transition:none}.hub-play:hover:not(:disabled),.hub-play:active:not(:disabled),.hub-deck-choice[aria-pressed=true],.hub-destinations a:hover,.hub-destinations a:focus-visible{translate:none}}