:root,[data-theme=midnight-family]{color-scheme:dark;--family-curtis: #111184;--family-colton: #35063e;--family-madison: #daa520;--family-tracy: #9966cc;--family-camille: #ff69b4;--family-lily: #c94c5c;--color-background: #090a18;--color-background-raised: #101225;--color-surface: #15172d;--color-surface-hover: #1b1d38;--color-surface-strong: #222442;--color-text: #f8f7fc;--color-text-secondary: #c7c5d3;--color-text-muted: #9997aa;--color-text-on-gold: #211903;--color-primary: var(--family-curtis);--color-primary-hover: #1b1ba2;--color-primary-soft: #23235f;--color-secondary: var(--family-colton);--color-secondary-hover: #4a0b57;--color-action: var(--family-madison);--color-action-hover: #edb82a;--color-accent: var(--family-tracy);--color-accent-soft: #2e2444;--color-creative: var(--family-camille);--color-memorial: var(--family-lily);--color-success: #53b987;--color-warning: var(--family-madison);--color-danger: #e26b76;--color-info: #6f8fe8;--color-border: #2d2f4a;--color-border-strong: #414462;--color-focus: var(--family-madison);--color-overlay: rgb(3 4 15 / 78%);--gradient-brand: linear-gradient( 135deg, var(--family-curtis) 0%, var(--family-colton) 58%, #24152f 100% );--gradient-hero: radial-gradient(circle at 88% 14%, rgb(153 102 204 / 18%), transparent 32%), radial-gradient(circle at 12% 86%, rgb(17 17 132 / 24%), transparent 35%), linear-gradient(145deg, #101225 0%, #090a18 68%);--gradient-family-line: linear-gradient( 90deg, var(--family-curtis), var(--family-colton), var(--family-tracy), var(--family-madison), var(--family-camille), var(--family-lily) );--font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: clamp(1.6rem, 3vw, 2.2rem);--font-size-hero: clamp(2.2rem, 6vw, 4.5rem);--line-height-tight: 1.15;--line-height-base: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: .45rem;--radius-md: .75rem;--radius-lg: 1.2rem;--radius-pill: 999px;--shadow-sm: 0 .4rem 1.2rem rgb(0 0 0 / 18%);--shadow-md: 0 1rem 2.8rem rgb(0 0 0 / 26%);--shadow-gold: 0 .6rem 1.8rem rgb(218 165 32 / 17%);--content-width: 72rem;--reading-width: 46rem;--header-height: 4.5rem}html{scroll-behavior:smooth;background:var(--color-background)}body{margin:0;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 50% -20%,rgb(17 17 132 / 20%),transparent 35rem),var(--color-background);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:var(--color-action);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-action-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{color:var(--color-text);background:#9966cc7a}h1,h2,h3,h4{margin:0 0 var(--space-4);color:var(--color-text);font-family:var(--font-family-heading);font-weight:700;letter-spacing:-.025em;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-hero)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin:0 0 var(--space-4)}.container{width:min(calc(100% - 2rem),var(--content-width));margin-inline:auto}.reading-width{max-width:var(--reading-width)}.section{padding-block:var(--space-8)}.section-compact{padding-block:var(--space-7)}.surface{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.surface-muted{background:var(--color-background-raised)}.site-header{position:sticky;top:0;z-index:50;min-height:var(--header-height);background:#090a18e0;border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px)}.site-nav{display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;gap:var(--space-5)}.site-brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text);font-weight:700;text-decoration:none}.site-brand-mark{width:2rem;aspect-ratio:1;border-radius:50%;background:var(--family-curtis);box-shadow:inset -.5rem -.5rem 0 var(--family-colton)}.site-nav-links{display:flex;align-items:center;gap:var(--space-5);margin:0;padding:0;list-style:none}.site-nav-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;text-decoration:none}.site-nav-links a:hover,.site-nav-links a[aria-current=page]{color:var(--color-text)}.site-nav-links a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--family-madison);text-decoration-thickness:.16rem;text-underline-offset:.45rem}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--gradient-hero);border-bottom:1px solid var(--color-border)}.hero:after{position:absolute;inset:auto 0 0;z-index:-1;height:.3rem;background:var(--gradient-family-line);content:"";opacity:.8}.hero-inner{display:grid;min-height:36rem;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);align-items:center;gap:var(--space-7);padding-block:var(--space-8)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{width:.7rem;height:.7rem;background:var(--family-lily);border-radius:50%;content:""}.hero-copy{max-width:44rem}.hero-copy p{max-width:40rem;color:var(--color-text-secondary);font-size:var(--font-size-lg)}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.btn{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:var(--space-2);padding:.68rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-weight:700;line-height:1;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--color-text-on-gold);background:var(--color-action);box-shadow:var(--shadow-gold)}.btn-primary:hover{color:var(--color-text-on-gold);background:var(--color-action-hover)}.btn-secondary{color:var(--color-text);background:#9966cc24;border-color:#9966cc85}.btn-secondary:hover{color:var(--color-text);background:#9966cc3d;border-color:var(--family-tracy)}.btn-quiet{color:var(--color-text-secondary);background:transparent;border-color:var(--color-border-strong)}.btn-quiet:hover{color:var(--color-text);background:var(--color-surface-hover)}.hero-art{position:relative;min-height:22rem;overflow:hidden;background:linear-gradient(145deg,#11118461,#35063e94),var(--color-surface);border:1px solid var(--color-border-strong);border-radius:2rem;box-shadow:var(--shadow-md)}.hero-art:before,.hero-art:after{position:absolute;border-radius:50%;content:""}.hero-art:before{width:12rem;height:12rem;top:2.5rem;left:2rem;background:#daa520c7;box-shadow:8rem 4rem #ff69b447}.hero-art:after{width:9rem;height:9rem;right:2rem;bottom:-3rem;background:#c94c5c94}.grid{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{position:relative;padding:var(--space-5);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.card-accent-blue{border-top:.25rem solid var(--family-curtis)}.card-accent-purple{border-top:.25rem solid var(--family-colton)}.card-accent-amethyst{border-top:.25rem solid var(--family-tracy)}.card-accent-gold{border-top:.25rem solid var(--family-madison)}.card-accent-pink{border-top:.25rem solid var(--family-camille)}.card-accent-lily{border-top:.25rem solid var(--family-lily)}.card p,.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:.35rem .65rem;color:var(--color-text-secondary);background:var(--color-background-raised);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:700}.badge-featured{color:var(--color-text-on-gold);background:var(--family-madison);border-color:var(--family-madison)}.family-divider{width:100%;height:.25rem;background:var(--gradient-family-line);border:0;opacity:.75}.callout{padding:var(--space-5);background:#9966cc1a;border:1px solid rgb(153 102 204 / 36%);border-left:.3rem solid var(--family-tracy);border-radius:var(--radius-md)}.memorial-accent{border-left-color:var(--family-lily);background:linear-gradient(90deg,rgb(201 76 92 / 12%),transparent 55%),var(--color-surface)}.creative-accent{border-left-color:var(--family-camille);background:linear-gradient(90deg,rgb(255 105 180 / 10%),transparent 55%),var(--color-surface)}.form-field{display:grid;gap:var(--space-2)}.form-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:700}.form-control{width:100%;min-height:2.8rem;padding:.65rem .8rem;color:var(--color-text);background:var(--color-background-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.form-control::placeholder{color:var(--color-text-muted)}.form-control:hover{border-color:var(--family-tracy)}.form-control:focus{border-color:var(--color-focus);outline:3px solid rgb(218 165 32 / 28%)}.site-footer{padding-block:var(--space-7);color:var(--color-text-secondary);background:linear-gradient(180deg,transparent,rgb(53 6 62 / 22%)),var(--color-background-raised);border-top:1px solid var(--color-border)}.site-footer a{color:var(--color-text-secondary)}.site-footer a:hover{color:var(--color-action)}@media(max-width:52rem){.hero-inner{min-height:auto;grid-template-columns:1fr}.hero-art{min-height:17rem}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:38rem){:root,[data-theme=midnight-family]{--space-8: 3.25rem}.site-nav{align-items:flex-start;flex-direction:column;padding-block:var(--space-3)}.site-nav-links{width:100%;flex-wrap:wrap;gap:var(--space-3)}.grid-2,.grid-3{grid-template-columns:1fr}.hero-actions .btn,.button-row .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root,[data-theme=midnight-family]{--hub-bg: var(--color-background);--hub-bg-elevated: var(--color-surface);--hub-border: var(--color-border);--hub-text: var(--color-text);--hub-muted: var(--color-text-muted);--hub-gold: var(--family-madison);--hub-gold-dim: var(--color-action-hover);--hub-accent: var(--family-curtis);--hub-accent-bright: var(--family-tracy);--hub-on-gold: var(--color-text-on-gold);--hub-radius: var(--radius-lg);--hub-font: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--hub-display: "Fraunces", "Palatino Linotype", Palatino, serif}.hub-shell h1,.hub-shell h2,.hub-shell h3,.hub-shell h4{font-family:var(--hub-display);font-size:revert;letter-spacing:-.02em}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--hub-bg);color:var(--hub-text);font-family:var(--hub-font);line-height:1.5}.hub-shell a{color:var(--hub-gold);text-decoration:none}.hub-shell a:hover{color:var(--hub-gold-dim);text-decoration:underline}.hub-shell a.co-btn,.hub-shell a.co-btn:hover{text-decoration:none}code{font-size:.9em;background:var(--color-surface-strong);padding:.1em .35em;border-radius:4px}#root{min-height:100vh}.hub-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-hero);color:var(--hub-text);font-family:var(--hub-font)}.hub-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--hub-border);background:#090a18e0;backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.hub-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gradient-family-line);pointer-events:none}.hub-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.hub-brand:hover{text-decoration:none}.hub-brand-logo{display:block;height:2.5rem;width:auto;max-width:7.5rem;object-fit:contain}.hub-brand-mark{display:grid;place-items:center;min-width:2.75rem;height:2.5rem;padding:0 .35rem;border-radius:10px;background:linear-gradient(145deg,var(--hub-gold),var(--hub-gold-dim));color:var(--hub-on-gold);font-weight:800;font-size:.72rem;letter-spacing:.02em}.hub-brand-text{display:flex;flex-direction:column;font-family:var(--hub-display);font-weight:600;line-height:1.2}.hub-brand-text small{font-weight:400;font-size:.72rem;color:var(--hub-muted);letter-spacing:.04em;text-transform:uppercase}.hub-nav{display:flex;flex-wrap:wrap;gap:.35rem}.hub-nav-link{padding:.45rem .85rem;border-radius:999px;color:var(--hub-muted);text-decoration:none;font-size:.9rem;border:1px solid transparent}.hub-nav-link:hover{color:var(--hub-text);background:var(--hub-bg-elevated);text-decoration:none}.hub-nav-link.active{color:var(--hub-text);border-color:#9966cc73;background:var(--color-accent-soft)}.hub-main{flex:1;width:min(1100px,100%);margin:0 auto;padding:1.25rem 1.5rem 3rem}.hub-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:1rem 1.5rem;border-top:1px solid var(--hub-border);font-size:.85rem;color:var(--hub-muted)}.hub-footer a{color:var(--hub-muted)}.hub-footer a:hover{color:var(--hub-text)}.hub-footer-link{color:inherit}.hub-hero{max-width:38rem;margin-bottom:2.5rem}.hub-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--hub-gold);margin:0 0 .5rem}.hub-hero h1,.page-header h1,.coming-soon h1{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.15}.hub-lead,.page-header p{color:var(--hub-muted);margin:0 0 1.25rem;max-width:36rem}.hub-signin-hint{font-size:.9rem;color:var(--hub-muted);margin:-.5rem 0 1.25rem;max-width:36rem}.hub-cta{display:inline-block;padding:.7rem 1.4rem;border-radius:999px;background:linear-gradient(145deg,var(--hub-gold),var(--hub-gold-dim));color:var(--hub-on-gold);font-weight:700;text-decoration:none;border:none;cursor:pointer}.hub-cta:hover{filter:brightness(1.08);text-decoration:none}.hub-cta--ghost{background:transparent;border:1px solid var(--hub-border);color:var(--hub-text)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.dest-card{padding:1.25rem;border-radius:var(--hub-radius);border:1px solid var(--hub-border);background:var(--hub-bg-elevated);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s,transform .2s}.dest-card:hover{border-color:var(--hub-gold-dim);transform:translateY(-2px);text-decoration:none}.dest-card h2{margin:0;font-size:1.1rem}.dest-card p{margin:0;font-size:.88rem;color:var(--hub-muted);flex:1}.dest-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--hub-muted)}.dest-card--live .dest-status{color:#6fcf97}.hub-dev-banner{margin-top:2rem;padding:1rem 1.25rem;border-radius:var(--hub-radius);border:1px dashed var(--hub-gold-dim);background:#daa5200f;font-size:.9rem;color:var(--hub-muted)}.page-header{margin-bottom:2rem}.section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--hub-muted);margin:0 0 1rem}.section-lede{margin:-.35rem 0 1rem;max-width:42rem;font-size:.92rem;line-height:1.45;color:var(--hub-muted)}.locked-shelf-note,.beta-disclaimer{padding:.85rem 1rem;border-radius:8px;border:1px dashed var(--hub-border);background:var(--hub-bg-elevated)}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:2.5rem}.pack-grid--muted{opacity:.72}.pack-tile{position:relative;padding:1.25rem;border-radius:var(--hub-radius);border:1px solid var(--hub-border);background:var(--hub-bg-elevated);display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.pack-tile-content-link{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:.75rem;color:inherit;text-decoration:none}.pack-tile-content-link:hover{text-decoration:none}.pack-tile-content-link:focus-visible{outline:2px solid var(--hub-gold);outline-offset:5px;border-radius:4px}.pack-tile-glow{position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--pack-accent) 35%,transparent),transparent 55%);pointer-events:none;opacity:.5}.pack-tile--playable{border-color:color-mix(in srgb,var(--pack-accent) 50%,var(--hub-border))}.pack-tile--compact{gap:.65rem;padding:1rem 1.1rem}.pack-tile--design{border-style:dashed}.pack-tile-head{position:relative}.pack-tile-head h3{margin:0 0 .25rem;font-size:1.05rem}.pack-tile-head p{margin:0;font-size:.82rem;color:var(--hub-muted)}.pack-description{position:relative;margin:0;font-size:.8rem;line-height:1.45;color:var(--hub-muted)}.pack-description--clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pack-description--compact{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.3em;overflow:hidden}.pack-tile-meta{position:relative;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.72rem}.pack-badge{padding:.15rem .45rem;border-radius:4px;background:#6fcf9726;color:#6fcf97}.pack-badge--live{background:#daa5202e;color:var(--hub-gold)}.pack-badge--free{background:#6fcf9733;color:#6fcf97}.pack-port{color:var(--hub-gold-dim);font-family:ui-monospace,monospace}.pack-tags{display:flex;flex-wrap:wrap;gap:.35rem}.pack-tag{padding:.15rem .45rem;border:1px solid var(--hub-border);border-radius:999px;color:var(--hub-muted);background:#ffffff06;font-size:.7rem;line-height:1.35}.pack-tile-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:auto}.pack-details-btn{display:grid;place-items:center;padding:.55rem 1rem;border:1px solid var(--hub-border);border-radius:8px;color:var(--hub-text);font-weight:600;text-decoration:none}.pack-details-btn:hover{border-color:var(--hub-gold-dim);text-decoration:none}.pack-play-btn{position:relative;margin:0;padding:.55rem 1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;background:var(--pack-accent);color:var(--hub-on-gold)}.pack-play-btn:disabled{opacity:.45;cursor:not-allowed;background:#2a3344;color:var(--hub-muted)}.pack-play-btn:focus-visible{outline:2px solid var(--hub-gold);outline-offset:2px}.home-section{margin-top:2.5rem}.featured-game{max-width:52rem}.featured-game .pack-tile{padding:1.5rem}.featured-game .pack-tile-head h3{font-size:clamp(1.3rem,3vw,1.8rem)}.featured-game .pack-description{max-width:44rem;font-size:.95rem}.storefront-page{max-width:64rem}.storefront-facets{display:flex;flex-wrap:wrap;gap:.45rem;margin:-.5rem 0 1.75rem}.storefront-facet{margin:0;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--hub-border);background:transparent;color:var(--hub-muted);font:inherit;font-size:.82rem;cursor:pointer}.storefront-facet--active,.storefront-facet:hover{color:var(--hub-text);border-color:var(--hub-gold-dim)}.storefront-facet--active{background:#daa52024;color:var(--hub-gold)}.storefront-section{margin-bottom:2.25rem}.storefront-featured{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.9fr);gap:1.25rem;align-items:stretch;padding:1rem;border:1px solid color-mix(in srgb,var(--pack-accent) 45%,var(--hub-border));border-radius:calc(var(--hub-radius) + 4px);background:var(--hub-bg-elevated)}.storefront-featured-copy{display:flex;flex-direction:column;gap:.65rem;justify-content:center}.storefront-featured-copy h2{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.1}.storefront-featured-copy p{margin:0;color:var(--hub-muted);font-size:1.02rem;line-height:1.5}.storefront-featured-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.5rem}.pack-row-list{display:grid;gap:.85rem}.pack-row{display:grid;grid-template-columns:minmax(10rem,16rem) minmax(0,1fr);gap:1rem;align-items:stretch;padding:.75rem;border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-bg-elevated)}.pack-row-visual{display:block;min-width:0;text-decoration:none}.pack-row-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;min-width:0}.pack-row-copy{flex:1 1 16rem;min-width:0}.pack-row-copy h3{margin:.15rem 0 .35rem;font-size:1.15rem}.pack-row-copy h3 a{color:inherit;text-decoration:none}.pack-row-kicker{margin:0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--hub-gold)}.pack-row-hook{margin:0 0 .5rem;color:var(--hub-muted);font-size:.92rem;line-height:1.45}.pack-row-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;min-width:12rem}.pack-visual{position:relative;display:grid;align-content:end;gap:.2rem;padding:.85rem .95rem;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--pack-accent) 28%,#12141f);color:var(--hub-text)}.pack-visual:before{content:"";position:absolute;inset:auto -20% -40% 30%;height:80%;background:color-mix(in srgb,var(--pack-accent) 40%,transparent);opacity:.55}.pack-visual--hero,.pack-visual--catalog{aspect-ratio:16 / 9}.pack-visual--cover{aspect-ratio:2 / 3}.pack-visual-motif,.pack-visual-note,.pack-visual-title{position:relative}.pack-visual-motif,.pack-visual-note{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8}.pack-visual-title{font-size:clamp(1rem,2vw,1.35rem);line-height:1.15}.pack-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pack-focal, 50% 35%)}.storefront-collection{margin-bottom:1.25rem}.storefront-collection-title{margin:0 0 .75rem;font-size:1.05rem}.storefront-empty{margin:0 0 2rem;color:var(--hub-muted)}.storefront-facet:focus-visible{outline:2px solid var(--hub-gold);outline-offset:2px}@media(max-width:720px){.storefront-featured,.pack-row{grid-template-columns:1fr}.pack-row-actions{width:100%}}.home-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.home-section-head .section-title{margin-bottom:1rem}.home-section-link{font-size:.85rem;white-space:nowrap}.pack-grid--home{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.archive-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--hub-border)}.archive-toggle{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;background:none;border:none;color:inherit;cursor:pointer;padding:0 0 1rem;text-align:left;font:inherit}.archive-toggle .section-title{margin:0}.settings-copy{color:var(--hub-muted);max-width:36rem}.settings-section--admin{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--hub-border)}.settings-subsection{margin-top:1.5rem}.detail-back-link{display:inline-block;margin-bottom:1.25rem;color:var(--hub-muted);font-size:.9rem}.game-detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(16rem,1fr);gap:1.25rem;align-items:center;overflow:hidden;padding:clamp(1.25rem,4vw,2rem);border:1px solid color-mix(in srgb,var(--pack-accent) 55%,var(--hub-border));border-radius:calc(var(--hub-radius) + 4px);background:var(--hub-bg-elevated)}.game-detail-accent{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--pack-accent) 38%,transparent),transparent 48%)}.game-detail-heading{position:relative;z-index:1;max-width:48rem}.game-detail-hero .pack-visual{position:relative;z-index:1}.game-detail-status,.game-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.detail-collection,.detail-playtime{color:var(--hub-muted);font-size:.8rem}.game-detail-heading h1{margin:.8rem 0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.05}.game-detail-lead{max-width:46rem;margin:0 0 1.25rem;color:var(--hub-muted);font-size:clamp(1rem,2.2vw,1.15rem)}.game-detail-actions{margin-top:1.5rem}.game-detail-play{min-width:11rem;background:var(--pack-accent)}.game-detail-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:1rem;margin-top:1rem}.game-detail-section{padding:1.4rem;border:1px solid var(--hub-border);border-radius:var(--hub-radius);background:var(--hub-bg-elevated)}.game-detail-section h2{margin:0 0 1rem}.game-feature-list{display:grid;gap:.8rem;margin:0;padding-left:1.25rem}.game-feature-list li::marker{color:var(--hub-gold)}.game-detail-beta>p:not(.hub-eyebrow){color:var(--hub-muted)}.game-facts{display:grid;gap:0;margin:1.25rem 0 0}.game-facts div{display:grid;grid-template-columns:5rem 1fr;gap:.75rem;padding:.65rem 0;border-top:1px solid var(--hub-border)}.game-facts dt{color:var(--hub-muted)}.game-facts dd{margin:0}@media(max-width:720px){.game-detail-hero,.game-detail-columns{grid-template-columns:1fr}}@media(max-width:430px){.pack-tile-actions{grid-template-columns:1fr}}.settings-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.hub-btn{padding:.55rem 1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;background:var(--hub-gold);color:var(--hub-on-gold)}.hub-btn:disabled{opacity:.4;cursor:not-allowed}.hub-btn--ghost{background:transparent;border:1px solid var(--hub-border);color:var(--hub-text)}.settings-section{margin-bottom:2rem;padding:1.25rem;border-radius:var(--hub-radius);border:1px solid var(--hub-border);background:var(--hub-bg-elevated)}.share-invite{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--hub-border)}.share-invite:first-of-type{margin-top:.75rem;padding-top:0;border-top:none}.share-invite-title{margin:0 0 .35rem;font-size:1.05rem}.share-invite-body{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start;margin-top:.85rem}.share-invite-qr{width:220px;height:220px;border-radius:8px;border:1px solid var(--hub-border);background:#fff}.share-invite-qr--placeholder{display:grid;place-items:center;color:var(--hub-muted);font-size:.85rem}.share-invite-actions{flex:1;min-width:min(100%,16rem)}.share-invite-link-label{display:block;font-size:.8rem;color:var(--hub-muted);margin-bottom:.35rem}.share-invite-link{width:100%;box-sizing:border-box;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--hub-border);background:var(--hub-bg);color:var(--hub-text);font-size:.85rem;margin-bottom:.75rem}.share-invite-status{margin:.5rem 0 0;font-size:.85rem;color:var(--hub-muted)}.invite-page .invite-eyebrow{margin:0 0 .35rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--hub-muted)}.invite-cta-section{display:flex;flex-direction:column;gap:.85rem;align-items:flex-start}a.hub-btn.invite-cta,.invite-cta.hub-btn{display:inline-flex;align-items:center;text-decoration:none}.invite-from{margin:0;font-size:.8rem}.invite-secondary{margin-top:1.5rem;font-size:.9rem}.invite-secondary a{color:var(--hub-text)}.mode-toggle{display:flex;flex-direction:column;gap:.65rem}.mode-card{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--hub-border);cursor:pointer;align-items:start}.mode-card input{margin-top:.2rem}.mode-card--active{border-color:var(--hub-gold-dim);background:#daa5200f}.mode-card-title{font-weight:600;grid-column:2}.mode-card-desc{grid-column:2;font-size:.85rem;color:var(--hub-muted)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.65rem}.skin-grid--compact{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.skin-option{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border-radius:10px;border:1px solid var(--hub-border);background:var(--hub-bg);cursor:pointer;color:inherit;font:inherit}.skin-option--selected{border-color:var(--hub-gold);box-shadow:0 0 0 1px var(--hub-gold-dim)}.skin-option--premium{opacity:.85}.skin-option--supporter{border-color:#daa52040}.skin-groups{display:flex;flex-direction:column;gap:1.25rem}.skin-groups--compact{gap:.75rem}.skin-group-title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:var(--hub-text-muted, #9aa3b5);text-transform:uppercase;letter-spacing:.06em}.skin-swatch{width:2.5rem;height:2.5rem;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#2a3344,#1a2233);background-size:cover;background-position:center}.skin-swatch[data-tile=Tile1]{background:linear-gradient(135deg,#e8e4dc,#c9c4ba)}.skin-swatch[data-tile=Tile14]{background:linear-gradient(135deg,#1a1a1f,#0d0d10)}.skin-swatch[data-tile=Tile2]{background:linear-gradient(135deg,#b8bcc4,#8a9099)}.skin-swatch[data-tile=Tile9]{background:linear-gradient(135deg,#e6dfd3,#cfc5b5)}.skin-swatch[data-tile=Tile3]{background:linear-gradient(135deg,#3d5c45,#2a4030)}.skin-swatch[data-tile=Tile4]{background:linear-gradient(135deg,#2a4a6e,#1a3050)}.skin-swatch[data-tile=Tile5]{background:linear-gradient(135deg,#c4a574,#9a7d4a)}.skin-swatch[data-tile=Tile6]{background:linear-gradient(135deg,#4a6b4a,#355035)}.skin-swatch[data-tile=Tile7]{background:linear-gradient(135deg,#a65d45,#7a4030)}.skin-swatch[data-tile=Tile8]{background:linear-gradient(135deg,#4a5a6e,#354050)}.skin-label{font-size:.72rem;text-align:center;line-height:1.2}.skin-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--hub-gold)}.settings-row-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.apply-all-bar{font-size:.85rem;color:var(--hub-muted)}.apply-all-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.chip-btn{padding:.3rem .65rem;border-radius:999px;border:1px solid var(--hub-border);background:var(--hub-bg);color:var(--hub-text);font-size:.78rem;cursor:pointer}.chip-btn:hover{border-color:var(--hub-gold-dim)}.per-pack-block{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--hub-border)}.per-pack-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.per-pack-head h3{margin:0;font-size:1rem}.link-btn{background:none;border:none;color:var(--hub-gold);cursor:pointer;font-size:.85rem;text-decoration:underline}.text-muted{font-size:.85rem;color:var(--hub-muted)}@media(max-width:640px){.hub-header{flex-direction:column;align-items:flex-start}.hub-nav{width:100%}}.hub-header-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.hub-auth{display:flex;align-items:center}.hub-auth-signin{padding:.4rem .85rem;font-size:.85rem}.hub-shell--play{min-height:100dvh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.hub-shell--play .hub-main{flex:1;padding:0;display:flex;flex-direction:column;min-height:0}.play-shell{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;background:#000;overflow:hidden;position:relative}.play-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--hub-bg);z-index:1}.play-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--hub-border);border-top-color:var(--hub-gold);border-radius:50%;animation:play-spin .8s linear infinite}@keyframes play-spin{to{transform:rotate(360deg)}}.play-unavailable{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.co-page{max-width:52rem;margin:0 auto}.co-hero{min-height:min(70vh,36rem);display:flex;flex-direction:column;justify-content:flex-end;gap:.85rem;padding:2.5rem 0 2rem;background:radial-gradient(circle at 88% 14%,rgb(153 102 204 / 18%),transparent 32%),radial-gradient(circle at 12% 86%,rgb(17 17 132 / 28%),transparent 38%),linear-gradient(180deg,transparent 15%,rgb(9 10 24 / 88%) 78%)}.co-hero--home{min-height:0;justify-content:flex-start;padding:.75rem 0 1.5rem}.co-iter-spotlight{margin-bottom:1.25rem;padding:1.35rem 1.25rem 1.5rem;border-radius:var(--radius-md, 12px);border:1px solid var(--hub-border);background:radial-gradient(circle at 92% 12%,rgb(153 102 204 / 22%),transparent 38%),radial-gradient(circle at 6% 88%,rgb(17 17 132 / 35%),transparent 42%),linear-gradient(145deg,#15172deb,#090a18f5);box-shadow:0 12px 40px #03040f59}.co-iter-spotlight-inner{max-width:40rem}.co-iter-eyebrow{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--family-tracy);font-weight:700}.co-iter-title{margin:0 0 .5rem;font-family:var(--hub-display);font-size:clamp(1.85rem,5.5vw,2.5rem);line-height:1.1;letter-spacing:-.02em}.co-iter-lead{margin:0;color:var(--hub-muted);font-size:1.02rem;line-height:1.55;max-width:36rem}.co-iter-points{margin:.85rem 0 0;padding:0;list-style:none;display:grid;gap:.35rem;font-size:.92rem;color:var(--hub-text)}.co-iter-points li:before{content:"→ ";color:var(--family-madison);font-weight:700}.co-iter-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.co-iter-foot{margin:.85rem 0 0;font-size:.88rem;font-weight:600;color:var(--family-madison)}.co-hero--compact{min-height:0;padding-top:1.25rem;padding-bottom:1.5rem}.co-eyebrow{margin:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hub-muted)}.co-eyebrow:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.45rem;border-radius:2px;background:var(--family-lily);vertical-align:.05em}.co-brand,.co-hero h1{margin:0;font-family:var(--hub-display);font-size:clamp(2.4rem,8vw,3.6rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.co-lead{margin:0;max-width:34rem;font-size:1.1rem;color:var(--hub-muted);line-height:1.55}.co-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.co-kicker{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hub-gold, #c9a227)}.co-status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.65rem;margin:1.15rem 0 0;padding:0;list-style:none}.co-status-row li{border:1px solid var(--hub-border, rgb(255 255 255 / 12%));border-radius:12px;padding:.7rem .85rem;background:#ffffff08}.co-status-row strong{display:block;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--hub-gold, #c9a227)}.co-status-row span{display:block;margin-top:.2rem;font-size:.88rem;color:var(--hub-muted, #c5cddc)}.co-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;font-size:.92rem;font-weight:600;border-radius:999px;border:1px solid transparent;text-decoration:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.co-btn--primary{background:#15172deb;border-color:#daa52073;color:var(--hub-text)}.hub-shell a.co-btn--primary,.hub-shell a.co-btn--primary:hover{color:var(--hub-text)}.co-btn--primary:hover{background:#15172d;border-color:var(--hub-gold);color:var(--hub-text)}.co-btn--ghost{border-color:var(--hub-border);color:var(--hub-muted);background:transparent}.hub-shell a.co-btn--ghost,.hub-shell a.co-btn--ghost:hover{color:var(--hub-muted)}.co-btn--ghost:hover{border-color:#9966cc8c;color:var(--hub-text)}.hub-shell a.co-btn--ghost:hover{color:var(--hub-text)}.co-section{padding:2rem 0 1rem;border-top:1px solid var(--hub-border)}.co-section-title{margin:0 0 .4rem;font-family:var(--hub-display);font-size:1.55rem}.co-section-lead{margin:0 0 1.25rem;color:var(--hub-muted);max-width:36rem}.co-product-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.co-product{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.25rem;padding:1.15rem 0;border-bottom:1px solid var(--hub-border)}.co-product-status{margin:0 0 .25rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hub-gold)}.co-product h3{margin:0 0 .35rem;font-family:var(--hub-display);font-size:1.35rem}.co-product-copy p:last-child{margin:0;color:var(--hub-muted);max-width:28rem;line-height:1.45}.co-product-cta{font-weight:700;color:var(--hub-accent-bright);white-space:nowrap}.co-product-cta--muted{color:var(--hub-muted);font-weight:600}.co-belief-list{margin:0;padding-left:1.15rem;color:var(--hub-muted);line-height:1.65}.co-belief-list strong{color:var(--hub-text)}.co-lumavel{border-top:none;color:var(--hub-muted);font-size:.92rem}.co-placeholder{margin:0;padding:1rem 1.1rem;border:1px dashed var(--hub-border);color:var(--hub-muted)}.pub-catalog-stats{margin-bottom:1.25rem}.pub-catalog-stats p{margin:0 0 .35rem}.pub-catalog-source{font-size:.85rem}.pub-subject-list,.pub-series-list,.pub-title-list{list-style:none;margin:0;padding:0}.pub-subject{border:1px solid var(--hub-border);border-radius:10px;margin-bottom:.65rem;overflow:hidden;background:var(--hub-bg-elevated)}.pub-subject-toggle{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;align-items:baseline;padding:.9rem 1rem;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.pub-subject-title{font-family:var(--hub-display);font-size:1.2rem;font-weight:700}.pub-subject-meta{font-size:.85rem;color:var(--hub-muted)}.pub-series-list{border-top:1px solid var(--hub-border);padding:.35rem .75rem .85rem}.pub-series{padding:.75rem .25rem;border-bottom:1px solid var(--hub-border)}.pub-series:last-child{border-bottom:none}.pub-series-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;margin-bottom:.45rem}.pub-series-head h3{margin:0;font-size:1rem}.pub-title-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;padding:.28rem 0;font-size:.9rem;color:var(--hub-muted)}.pub-status{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--hub-muted)}.pub-status--live,.pub-status--listed{color:#6fcf97}.pub-status--draft{color:var(--hub-gold)}.pub-channel-note{margin:1.25rem 0 0;padding:.85rem 1rem;border-radius:8px;border:1px dashed var(--hub-border);font-size:.88rem;color:var(--hub-muted);line-height:1.45}.hub-footer-links{display:flex;flex-wrap:wrap;gap:.85rem 1.1rem}.hub-nav-link--ext{opacity:.9}@media(max-width:640px){.hub-brand-text small{display:none}.co-product{flex-direction:column;align-items:flex-start}}.launch-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:3rem 1.5rem 6rem;background:var(--gradient-hero, var(--hub-bg, #090a18));color:var(--hub-text, #f8f7fc);font-family:var(--hub-font, "Source Sans 3", system-ui, sans-serif)}.launch-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgb(153 102 204 / 18%),transparent 60%);pointer-events:none}.launch-card{position:relative;width:min(46rem,100%);text-align:center}.launch-logo{display:block;height:auto;width:min(13rem,60%);margin:0 auto 1.75rem;object-fit:contain}.launch-title{font-family:var(--hub-display, "Fraunces", Palatino, serif);font-size:clamp(2.25rem,6vw,3.25rem);font-weight:600;letter-spacing:-.02em;margin:0}.launch-tagline{font-family:var(--hub-display, "Fraunces", Palatino, serif);font-size:clamp(1.05rem,2.6vw,1.4rem);color:var(--hub-gold, #daa520);margin:.65rem 0 2.25rem}.launch-body{max-width:38rem;margin:0 auto 1.25rem;font-size:1.03rem;line-height:1.7;color:var(--hub-text, #f8f7fc)}.launch-soon{margin:2.5rem 0 0;font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hub-gold, #daa520)}.launch-platform{margin:2.25rem 0 0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hub-muted, #9997aa)}.launch-access{position:fixed;right:1.25rem;bottom:1.25rem;z-index:5}.launch-access-btn{padding:.5rem .95rem;border-radius:999px;border:1px solid var(--hub-border, #2d2f4a);background:#15172dd9;color:var(--hub-muted, #9997aa);font-family:inherit;font-size:.82rem;cursor:pointer;backdrop-filter:blur(6px);transition:color .12s ease,border-color .12s ease}.launch-access-btn:hover{color:var(--hub-text, #f8f7fc);border-color:var(--hub-gold, #daa520)}.launch-access-denied{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.6rem .85rem;border-radius:var(--hub-radius, 12px);border:1px solid var(--hub-border, #2d2f4a);background:#15172deb;font-size:.82rem;color:var(--hub-muted, #9997aa);max-width:min(22rem,calc(100vw - 2.5rem))}.launch-access-denied strong{color:var(--hub-text, #f8f7fc);font-weight:600}.launch-shell--loading{gap:.85rem;align-content:center;color:var(--hub-muted, #9997aa)}.launch-shell--loading p{margin:0;font-size:.9rem}.launch-spinner{width:1.75rem;height:1.75rem;margin:0 auto;border-radius:50%;border:2px solid var(--hub-border, #2d2f4a);border-top-color:var(--hub-gold, #daa520);animation:launch-spin .7s linear infinite}@keyframes launch-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.launch-spinner{animation-duration:2s}}[data-theme=studio]{color-scheme:light;--bg-page: #faf9f6;--bg-surface: #ffffff;--bg-muted: #f3f1ec;--bg-elevated: #ffffff;--bg-inverse: #1c1a17;--text-primary: #222222;--text-secondary: #5f5b55;--text-muted: #817b73;--text-inverse: #faf9f6;--border-soft: #e8e4dd;--border-strong: #d6d0c6;--brand-blue: #111184;--brand-purple: #35063e;--brand-amethyst: #9966cc;--brand-yellow: #c4961a;--brand-red: #c94c5c;--brand-pink: #e05a9f;--brand-green: #2f7a4a;--status-play-now: #1f7a4c;--status-playtest: #b86a12;--status-in-development: #2b5f9e;--status-coming-soon: #6d4aa8;--font-display: "Fraunces", "Palatino Linotype", Palatino, serif;--font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--text-hero: clamp(2.35rem, 5.2vw, 4.25rem);--text-page-title: clamp(2rem, 3.6vw, 3.25rem);--text-section: clamp(1.7rem, 2.8vw, 2.4rem);--text-card-title: clamp(1.125rem, 1.4vw, 1.5rem);--text-body-lg: 1.125rem;--text-body: 1.0625rem;--text-small: .9375rem;--text-meta: .8125rem;--leading-tight: 1.15;--leading-body: 1.6;--prose-width: 42rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--gutter: clamp(1rem, 3vw, 2.5rem);--content-max: 68rem;--content-wide: 80rem;--content-readable: 42rem;--header-height: 4.25rem;--radius-sm: .4rem;--radius-md: .75rem;--radius-lg: 1.1rem;--radius-xl: 1.5rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(34 32 28 / 5%), 0 1px 3px rgb(34 32 28 / 4%);--shadow-md: 0 8px 24px rgb(34 32 28 / 8%);--shadow-lg: 0 18px 40px rgb(34 32 28 / 10%);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .28s;--ease-standard: cubic-bezier(.22, 1, .36, 1);--focus-ring: 2px solid var(--brand-blue);--focus-offset: 3px;--hub-bg: var(--bg-page);--hub-bg-elevated: var(--bg-surface);--hub-border: var(--border-soft);--hub-text: var(--text-primary);--hub-muted: var(--text-muted);--hub-gold: var(--brand-yellow);--hub-gold-dim: #a67c12;--hub-accent: var(--brand-blue);--hub-accent-bright: var(--brand-amethyst);--hub-on-gold: #211903;--hub-radius: var(--radius-lg);--hub-font: var(--font-body);--hub-display: var(--font-display);--color-background: var(--bg-page);--color-surface: var(--bg-surface);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-border: var(--border-soft);--color-focus: var(--brand-blue);--color-action: var(--brand-blue);--color-action-hover: var(--brand-purple)}@media(prefers-reduced-motion:reduce){[data-theme=studio]{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}html[data-theme=studio],body[data-theme=studio]{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body)}body[data-theme=studio]{min-height:100vh;overflow-x:clip}.hub-shell:not(.hub-shell--play){background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body)}.hub-shell:not(.hub-shell--play) a{color:var(--brand-blue);text-decoration:none}.hub-shell:not(.hub-shell--play) a:hover{color:var(--brand-purple);text-decoration:underline;text-underline-offset:.16em}.hub-shell:not(.hub-shell--play) a:not([class]){text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.16em}.hub-shell:not(.hub-shell--play) :focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.hub-shell:not(.hub-shell--play) .hub-main{flex:1;width:min(var(--content-max),100%);margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-8)}.hub-shell:not(.hub-shell--play) .hub-eyebrow{color:var(--text-muted)}.studio-prose{max-width:var(--prose-width)}.studio-skip{position:absolute;left:var(--space-4);top:-4rem;z-index:80;padding:.5rem .85rem;background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--radius-sm)}.studio-skip:focus{top:var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hub-shell:not(.hub-shell--play) a.studio-brand,.hub-shell:not(.hub-shell--play) a.studio-nav-link,.hub-shell:not(.hub-shell--play) a.studio-footer-link{color:inherit;text-decoration:none}.hub-shell:not(.hub-shell--play) a.studio-nav-link:hover,.hub-shell:not(.hub-shell--play) a.studio-footer-link:hover{color:var(--text-primary)}.hub-shell:not(.hub-shell--play) a.pack-play-btn,.hub-shell:not(.hub-shell--play) a.co-btn--primary,.hub-shell:not(.hub-shell--play) a.studio-btn--primary{color:var(--text-inverse);text-decoration:none}.hub-shell:not(.hub-shell--play) h1,.hub-shell:not(.hub-shell--play) h2,.hub-shell:not(.hub-shell--play) p{overflow-wrap:break-word}.hub-shell:not(.hub-shell--play) .co-product-cta{white-space:normal}.hub-shell:not(.hub-shell--play) .co-iter-spotlight{background:var(--bg-surface);border-color:var(--border-soft);box-shadow:var(--shadow-sm);color:var(--text-primary)}.hub-shell:not(.hub-shell--play) .pack-play-btn,.hub-shell:not(.hub-shell--play) .co-btn--primary{background:var(--brand-blue);color:var(--text-inverse);border-color:transparent}.hub-shell:not(.hub-shell--play) .pack-play-btn:hover,.hub-shell:not(.hub-shell--play) .co-btn--primary:hover{background:var(--brand-purple);color:var(--text-inverse)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hub-shell *,.hub-shell *:before,.hub-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.studio-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.55rem 1.15rem;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-body);font-weight:600;font-size:.95rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.studio-btn:disabled{opacity:.45;cursor:not-allowed}.studio-btn:active:not(:disabled){box-shadow:inset 0 1px 2px #22201c1f}.studio-btn--sm{min-height:2.25rem;padding:.35rem .85rem;font-size:.85rem}.studio-btn--lg{min-height:3rem;padding:.7rem 1.4rem;font-size:1.05rem}.studio-btn--primary{background:var(--brand-blue);color:var(--text-inverse)}.studio-btn--primary:hover:not(:disabled){background:var(--brand-purple);color:var(--text-inverse)}.hub-shell a.studio-btn--primary,.hub-shell a.studio-btn--primary:hover{color:var(--text-inverse);text-decoration:none}.studio-btn--secondary{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}.studio-btn--secondary:hover:not(:disabled){border-color:var(--brand-blue);color:var(--brand-blue)}.hub-shell a.studio-btn--secondary,.hub-shell a.studio-btn--secondary:hover{color:inherit;text-decoration:none}.studio-btn--ghost{background:transparent;border-color:transparent;color:var(--text-primary)}.studio-btn--ghost:hover:not(:disabled){background:var(--bg-muted)}.studio-btn--link{min-height:auto;padding:0;border:0;border-radius:0;background:none;color:var(--brand-blue);text-decoration:underline;text-underline-offset:.16em}.studio-surface{background:var(--bg-surface);color:var(--text-primary)}.studio-surface--card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.studio-surface--elevated{border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.studio-surface--muted{background:var(--bg-muted);border-radius:var(--radius-lg)}.studio-section{padding:var(--space-7) 0}.studio-section-header{margin-bottom:var(--space-5);max-width:var(--prose-width)}.studio-section-header h2,.studio-type-section{margin:0 0 .4rem;font-family:var(--font-display);font-size:var(--text-section);line-height:var(--leading-tight);letter-spacing:-.02em}.studio-section-header p{margin:0;color:var(--text-secondary)}.studio-type-hero{font-family:var(--font-display);font-size:var(--text-hero);line-height:var(--leading-tight);letter-spacing:-.03em}.studio-type-page{font-family:var(--font-display);font-size:var(--text-page-title);line-height:var(--leading-tight)}.studio-type-card{font-family:var(--font-display);font-size:var(--text-card-title);line-height:1.25}.studio-type-meta{font-size:var(--text-meta);color:var(--text-muted)}.studio-page{width:min(var(--content-max),100%);margin:0 auto}.studio-page--wide{width:min(var(--content-wide),100%)}.studio-page--readable{width:min(var(--content-readable),100%)}.studio-status{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-meta);font-weight:600;letter-spacing:.01em;color:var(--text-secondary)}.studio-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.studio-status--play_now{color:var(--status-play-now)}.studio-status--playtest{color:var(--status-playtest)}.studio-status--in_development{color:var(--status-in-development)}.studio-status--coming_soon{color:var(--status-coming-soon)}.studio-chip{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:var(--bg-muted);color:var(--text-secondary);font-size:var(--text-meta);font-weight:600}.studio-chip--accent{border-color:color-mix(in srgb,var(--brand-amethyst) 35%,var(--border-soft));background:color-mix(in srgb,var(--brand-amethyst) 10%,var(--bg-surface))}.studio-price,.studio-platform{font-size:var(--text-meta);font-weight:600;color:var(--text-secondary)}.studio-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg-page) 92%,white);border-bottom:1px solid var(--border-soft);backdrop-filter:blur(10px)}.studio-header.is-scrolled{box-shadow:var(--shadow-sm);background:var(--bg-page)}.studio-header-inner{display:flex;align-items:center;gap:var(--space-4);width:min(var(--content-wide),100%);margin:0 auto;min-height:var(--header-height);padding:.65rem var(--gutter)}.studio-brand{display:flex;align-items:center;gap:.7rem;min-width:0;color:inherit;text-decoration:none}.hub-shell a.studio-brand,.hub-shell a.studio-brand:hover{color:inherit;text-decoration:none}.studio-brand-tile{display:grid;place-items:center;flex-shrink:0;width:3.1rem;height:3.1rem;padding:.28rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.studio-brand-tile img{width:100%;height:100%;object-fit:contain}.studio-brand-name{display:flex;flex-direction:column;font-family:var(--font-display);font-weight:600;line-height:1.15}.studio-brand-name small{font-family:var(--font-body);font-weight:500;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.studio-nav-desktop{display:none;flex:1;justify-content:center;gap:.15rem}.studio-nav-link{padding:.45rem .75rem;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.95rem;font-weight:600;text-decoration:none}.hub-shell a.studio-nav-link,.hub-shell a.studio-nav-link:hover{text-decoration:none}.studio-nav-link:hover,.studio-nav-link.is-active{color:var(--text-primary);background:var(--bg-muted)}.studio-header-end{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.studio-menu-btn{display:inline-flex;flex-shrink:0}.studio-drawer-backdrop{position:fixed;inset:0;z-index:50;background:#1c1a1761}.studio-drawer{position:fixed;top:0;right:0;z-index:51;display:flex;flex-direction:column;width:min(22rem,100%);height:100%;padding:var(--space-5);background:var(--bg-page);box-shadow:var(--shadow-lg);overflow-y:auto}.studio-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.studio-drawer nav{display:flex;flex-direction:column;gap:.25rem}.studio-drawer .studio-nav-link{padding:.75rem .85rem;font-size:1.05rem}.studio-drawer-account{margin-top:auto;padding-top:var(--space-5);border-top:1px solid var(--border-soft)}.studio-footer{margin-top:auto;border-top:1px solid var(--border-soft);background:var(--bg-muted);color:var(--text-secondary)}.studio-footer-inner{display:grid;gap:var(--space-6);width:min(var(--content-wide),100%);margin:0 auto;padding:var(--space-7) var(--gutter) var(--space-5)}.studio-footer-brand p{margin:.35rem 0 0;max-width:18rem}.studio-footer-philosophy{font-family:var(--font-display);font-size:1.05rem;color:var(--text-primary)}.studio-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-5)}.studio-footer h2{margin:0 0 .65rem;font-family:var(--font-body);font-size:var(--text-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.studio-footer ul{margin:0;padding:0;list-style:none}.studio-footer li+li{margin-top:.35rem}.hub-shell .studio-footer a{color:var(--text-secondary);text-decoration:none}.hub-shell .studio-footer a:hover{color:var(--text-primary);text-decoration:underline}.studio-footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);width:min(var(--content-wide),100%);margin:0 auto;padding:0 var(--gutter) var(--space-5);font-size:var(--text-meta)}.studio-family{color:var(--text-muted)}.studio-pack-visual{position:relative;display:grid;align-content:end;gap:.25rem;overflow:hidden;border-radius:var(--radius-md);color:var(--text-inverse);background:radial-gradient(120% 80% at 88% 12%,color-mix(in srgb,var(--pack-accent, var(--brand-amethyst)) 55%,white),transparent 46%),linear-gradient(160deg,color-mix(in srgb,var(--pack-accent, var(--brand-blue)) 42%,#2a2420),#1c1a17)}.studio-pack-visual:after{content:"";position:absolute;width:55%;height:70%;right:-8%;top:-18%;border-radius:40% 60% 50% 50%;background:color-mix(in srgb,var(--pack-accent, var(--brand-yellow)) 28%,transparent)}.studio-pack-visual--card,.studio-pack-visual--hero{aspect-ratio:16 / 9}.studio-pack-visual--cover{aspect-ratio:2 / 3}.studio-pack-visual--social{aspect-ratio:1.91 / 1}.studio-pack-visual-copy{position:relative;z-index:1;padding:.85rem .95rem}.studio-pack-visual-motif,.studio-pack-visual-note{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:.78}.studio-pack-visual-title{font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.15}.studio-media{overflow:hidden;border-radius:var(--radius-md);background:var(--bg-muted)}.studio-media img{width:100%;height:100%;object-fit:cover}.studio-field{display:flex;flex-direction:column;gap:.3rem}.studio-field label{font-size:var(--text-small);font-weight:600}.studio-field input,.studio-field textarea,.studio-field select{min-height:2.75rem;padding:.55rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary)}.studio-field textarea{min-height:7rem}.studio-field-help,.studio-field-error{font-size:var(--text-meta)}.studio-field-error{color:var(--brand-red)}.studio-field input[type=checkbox],.studio-field input[type=radio]{width:1.15rem;min-height:1.15rem;padding:0;accent-color:var(--brand-blue)}.studio-footer-link{color:var(--text-secondary);text-decoration:none}.hub-shell .studio-footer a.studio-footer-link:hover{color:var(--text-primary);text-decoration:underline}@media(min-width:900px){.studio-nav-desktop{display:flex}.studio-menu-btn{display:none}.studio-brand-name small{display:block}}@media(max-width:899px){.studio-brand-name small{display:none}.studio-brand-tile{width:2.6rem;height:2.6rem}.studio-header-inner{gap:.5rem}.studio-menu-btn{border-color:var(--border-strong)}}@media(max-width:400px){.studio-brand-name{font-size:.95rem}}@media(max-width:640px){.studio-footer-inner{grid-template-columns:1fr}}.hub-shell:not(.hub-shell--play) .hub-main:has(.home-page){width:min(var(--content-wide),100%);max-width:100%;min-width:0;padding-top:var(--space-5);padding-bottom:0}.home-page,.home-page .studio-page{min-width:0;max-width:100%}.home-hero{display:grid;gap:var(--space-6);padding:var(--space-5) 0 var(--space-7);align-items:center;min-width:0}.home-hero-copy,.home-hero-visual{min-width:0;max-width:100%}.home-hero-eyebrow{margin:0 0 var(--space-3);letter-spacing:.08em;text-transform:uppercase}.home-hero-lead{max-width:var(--prose-width);font-size:var(--text-body-lg);color:var(--text-secondary);overflow-wrap:break-word}.hub-shell:not(.hub-shell--play) .home-hero h1{overflow-wrap:anywhere;word-break:normal;white-space:normal;max-width:100%;font-size:clamp(1.8rem,6.2vw,4.25rem)}.home-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.home-hero-collage{position:relative;min-height:16rem;min-width:0}.home-hero-tile{overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:100%}.home-hero-tile .studio-pack-visual,.home-hero-tile .pack-visual,.home-hero-tile--wander{width:100%}.home-hero-tile--mid{position:absolute;right:0;top:18%;width:48%}.home-hero-tile--iter{position:absolute;left:18%;bottom:-8%;width:42%}.home-band{padding:var(--space-7) 0}.home-band--muted{background:var(--bg-muted);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.home-band--story{padding-bottom:var(--space-8)}#playtest,#playtest-games{scroll-margin-top:calc(var(--header-height) + .75rem)}.home-feature{display:grid;gap:var(--space-5);overflow:hidden;min-width:0}.home-feature-media .studio-pack-visual,.home-feature-media .studio-media{border-radius:0}.home-feature-copy{display:grid;gap:var(--space-3);padding:0 var(--space-5) var(--space-5)}.home-feature-tagline{margin:0;font-family:var(--font-display);font-size:var(--text-card-title);color:var(--text-secondary)}.home-feature-philosophy{margin:0;font-style:italic;color:var(--text-secondary)}.home-feature-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.home-feature-meta{margin:0}.home-feature-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.home-game-grid,.home-playtest-side,.home-book-rail{margin:0;padding:0;list-style:none;min-width:0}.home-game-grid{display:grid;gap:var(--space-5)}.home-game-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;height:100%;transition:box-shadow var(--motion-base) var(--ease-standard)}.home-game-card:hover{box-shadow:var(--shadow-md)}.home-game-card-media .studio-pack-visual,.home-game-card-media .studio-media{border-radius:0}.home-game-card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1}.home-game-card-body .studio-btn{margin-top:auto;align-self:flex-start}.home-game-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .25rem;margin:0}.home-game-card--compact{flex-direction:row;align-items:stretch}.home-game-card--compact .home-game-card-media{flex:0 0 42%}.home-game-card--compact .home-game-card-body{padding:var(--space-3)}.home-playtest-layout{display:grid;gap:var(--space-5)}.home-playtest-side{display:grid;gap:var(--space-4)}.home-section-cta{margin-top:var(--space-6)}.home-book-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(10.5rem,14rem);gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);scroll-snap-type:x mandatory}.home-book-rail>li{scroll-snap-align:start}.home-book-card-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;min-height:100%}.hub-shell .home-book-card-link:hover{color:inherit;text-decoration:none}.home-book-card-body{padding:var(--space-3)}.home-story-body{font-size:var(--text-body-lg);color:var(--text-secondary)}.home-story-principles{margin:var(--space-5) 0;padding-left:1.15rem;color:var(--text-secondary)}.home-story-principles li+li{margin-top:var(--space-2)}.home-dev-warning{padding:var(--space-5)}@media(min-width:900px){.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-7);padding-top:var(--space-6)}.home-hero-collage{min-height:20rem}.home-hero-tile--wander{width:72%}.home-feature{grid-template-columns:1.1fr .9fr;align-items:stretch}.home-feature--media-first{grid-template-columns:.9fr 1.1fr}.home-feature--media-first .home-feature-media{order:-1}.home-feature-copy{padding:var(--space-6)}.home-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-playtest-layout{grid-template-columns:1.2fr .8fr;align-items:start}.home-book-rail{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}}@media(min-width:640px)and (max-width:899px){.home-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature{grid-template-columns:1fr 1fr}}@media(max-width:899px){.home-hero-tile--mid,.home-hero-tile--iter{display:none}.home-hero-tile--wander{width:100%}.home-hero-collage{min-height:0}}@media(max-width:639px){.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-actions .studio-btn{width:100%;justify-content:center;text-align:center;white-space:normal;font-size:1rem;padding-inline:1rem}.home-game-card--compact{flex-direction:column}.home-game-card--compact .home-game-card-media{flex:none}}@media(max-width:360px){.hub-shell:not(.hub-shell--play) .home-hero h1{font-size:clamp(1.65rem,8vw,2rem)}}@media(min-width:1100px){.home-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.home-game-card{transition:none}}.hub-shell:not(.hub-shell--play) .hub-main:has(.games-page){width:min(var(--content-wide),100%);max-width:100%;min-width:0;padding-top:var(--space-5);padding-bottom:0}.games-page{min-width:0;max-width:100%}.games-hero{padding:var(--space-4) 0 var(--space-5);max-width:40rem}.games-hero h1{margin:0 0 var(--space-3)}.games-hero-lead{margin:0;color:var(--text-secondary)}.games-band{padding:var(--space-6) 0}.games-band--muted{background:var(--bg-muted);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.games-start{display:grid;gap:var(--space-5);min-width:0}.games-start-side{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none;min-width:0}.games-controls{display:grid;gap:var(--space-4);margin-bottom:var(--space-5);justify-items:start}.games-controls .studio-field,.games-search{width:100%}.games-search{display:flex;gap:var(--space-2);align-items:center}.games-search input{flex:1;min-width:0}.games-filters{display:grid;gap:var(--space-4)}.games-status{display:flex;flex-wrap:wrap;gap:var(--space-2)}.games-filter-chip{min-height:2.5rem;padding:.4rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer}.games-filter-chip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.games-filter-chip--active,.games-filter-chip[aria-pressed=true]{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--text-inverse)}.games-count{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-meta)}.games-empty{display:grid;gap:var(--space-4);justify-items:start;padding:var(--space-6) 0}.games-grid{display:grid;gap:var(--space-5);margin:0;padding:0;list-style:none;min-width:0}.game-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;height:100%;transition:box-shadow var(--motion-base) var(--ease-standard)}.game-card-media{overflow:hidden}.game-card-media .studio-pack-visual,.game-card-media .studio-media{border-radius:0;transition:transform .45s var(--ease-standard)}.game-card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1}.game-card-status{margin:0}.hub-shell:not(.hub-shell--play) a.game-card-title-link{color:inherit;text-decoration:none}.hub-shell:not(.hub-shell--play) a.game-card-title-link:hover{color:var(--brand-blue);text-decoration:underline;text-underline-offset:.12em}.game-card-hook{margin:0;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-card-tags,.game-card-meta{margin:0}.game-card-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.game-card-actions{margin-top:auto;padding-top:var(--space-2)}.game-card--compact{flex-direction:row;align-items:stretch}.game-card--compact .game-card-media{flex:0 0 42%}.game-card--compact .game-card-hook{-webkit-line-clamp:2;line-clamp:2}.game-card--featured{display:grid}.games-playtest-callout{display:grid;gap:var(--space-3);padding:var(--space-6);max-width:40rem}@media(hover:hover)and (pointer:fine){.game-card:hover,.game-card:focus-within{box-shadow:var(--shadow-md)}.game-card:hover .game-card-media .studio-pack-visual,.game-card:hover .game-card-media .studio-media,.game-card:focus-within .game-card-media .studio-pack-visual,.game-card:focus-within .game-card-media .studio-media{transform:scale(1.04)}}@media(min-width:900px){.games-hero{padding:var(--space-5) 0 var(--space-6)}.games-start{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:stretch}.games-filters{grid-template-columns:minmax(0,1fr) 14rem;align-items:end}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card--featured{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.game-card--featured .game-card-body{padding:var(--space-5)}}@media(min-width:1100px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:640px)and (max-width:899px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-start{grid-template-columns:1fr}}@media(max-width:639px){.game-card--compact{flex-direction:column}.game-card--compact .game-card-media{flex:none}.games-hero{padding-top:var(--space-3);padding-bottom:var(--space-4)}}@media(prefers-reduced-motion:reduce){.game-card,.game-card-media .studio-pack-visual,.game-card-media .studio-media{transition:none}.game-card:hover .game-card-media .studio-pack-visual,.game-card:hover .game-card-media .studio-media,.game-card:focus-within .game-card-media .studio-pack-visual,.game-card:focus-within .game-card-media .studio-media{transform:none}}