: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}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:2rem 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-link{color:var(--hub-muted)}.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}.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-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}.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;overflow:hidden;padding:clamp(1.5rem,5vw,3rem);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;max-width:48rem}.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-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)}.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--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-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.15rem;font-weight:700;border-radius:var(--radius-sm);text-decoration:none!important}.co-btn--primary{background:var(--color-action);color:var(--color-text-on-gold);box-shadow:var(--shadow-gold)}.co-btn--primary:hover{background:var(--color-action-hover);color:var(--color-text-on-gold)}.co-btn--ghost{border:1px solid var(--hub-border);color:var(--hub-text)}.co-btn--ghost:hover{border-color:var(--family-tracy);color:var(--family-tracy)}.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-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)}.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}}