:root{--yellow-300:#ffe47a;--yellow-500:#ffc72c;--orange-500:#ff8a00;--blue-300:#9edbff;--blue-400:#35b8ff;--blue-500:#168bff;--cyan-300:#7be7ff;--pink-500:#ff4f9a;--green-500:#31c875;--navy-950:#07183f;--navy-900:#0b2255;--navy-800:#163164;--navy-700:#213d70;--ink:#0a1739;--white:#fff;--color-brand-primary:var(--yellow-500);--color-brand-secondary:var(--blue-500);--color-brand-accent:var(--blue-400);--color-action-primary:var(--yellow-500);--color-action-primary-hover:var(--orange-500);--color-action-secondary:var(--white);--color-surface-page:#f8fbff;--color-surface-card:var(--white);--color-surface-soft:#f4f8ff;--color-surface-muted:#eaf1ff;--color-surface-warm:#fff8d4;--color-surface-header:var(--navy-950);--color-text-primary:var(--ink);--color-text-secondary:#52627e;--color-text-inverse:var(--white);--color-border:#d8e3f5;--color-border-strong:#b8c9e5;--color-answer-border:#ffe17a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.125rem;--radius-card:1.5rem;--radius-hero:2.75rem;--radius-pill:999px;--shadow-card:0 18px 45px #0b22551a;--shadow-card-hover:0 24px 58px #0b225529;--shadow-action:0 9px 20px #ff8a003d;--shadow-overlay:0 22px 60px #07183f2e;--font-display:"Fredoka","Trebuchet MS",system-ui,sans-serif;--font-body:"Nunito Sans","Nunito","Inter",system-ui,sans-serif;--content-max:1180px}*{box-sizing:border-box}html{background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-body);scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit}button,input{font:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--blue-500);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border);min-height:48px;color:var(--navy-950);background:var(--color-action-secondary);cursor:pointer;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-border-strong)}.button.primary{background:var(--color-action-primary);box-shadow:var(--shadow-action);border-color:#0000}.button.primary:hover{background:var(--color-action-primary-hover)}.button.secondary{background:#ffffffb8}body{background:radial-gradient(circle at 78% 8%, #35b8ff1f, transparent 24rem), linear-gradient(180deg,var(--color-surface-soft) 0,var(--color-surface-page) 30rem,var(--white) 54rem);line-height:1.55}.container{width:min(calc(100% - 2rem),var(--content-max));margin-inline:auto}.skip-link{left:var(--space-4);z-index:100;background:var(--white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:900;position:fixed;top:-5rem}.skip-link:focus{top:var(--space-4)}.site-header{z-index:30;backdrop-filter:blur(18px);background:#07183ff5;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.nav{align-items:center;gap:var(--space-6);min-height:72px;display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand img{width:173px;height:40px}.nav-links{gap:var(--space-5);margin-left:auto;display:flex}.nav-links a{color:var(--color-text-inverse);opacity:.86;font-weight:800;text-decoration:none}.nav-links a:hover{opacity:1;color:var(--yellow-300)}.hero{padding:var(--space-20) 0 var(--space-16);overflow:hidden}.compact-hero{padding-bottom:var(--space-10)}.hero-grid{gap:var(--space-12);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--blue-500);margin:0 0 var(--space-3);font-size:.78rem;font-weight:950}h1,h2,h3{font-family:var(--font-display);color:var(--navy-950);margin:0 0 .55em;line-height:1.04}h1{letter-spacing:-.045em;font-size:clamp(3.2rem,7vw,5.8rem)}h2{letter-spacing:-.025em;font-size:clamp(2rem,4vw,3.15rem)}h3{font-size:1.35rem}.hero p,.section-head p{color:var(--color-text-secondary);max-width:58ch}.hero-lede{font-size:1.18rem}.actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.category-shortcuts{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.category-shortcuts a,.chip{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.4rem .7rem;font-size:.78rem;font-weight:900;text-decoration:none}.category-shortcuts a:hover{border-color:var(--blue-400)}.mascot-stage{border-radius:var(--radius-hero);background:radial-gradient(circle at 28% 26%,var(--yellow-300),transparent 26%), radial-gradient(circle at 72% 78%,var(--cyan-300),transparent 24%), linear-gradient(145deg,var(--color-surface-muted),var(--blue-300));min-height:390px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.mascot-orbit{border:1px solid #168bff33;border-radius:50%;position:absolute}.orbit-one{width:360px;height:360px;top:-90px;right:-80px}.orbit-two{width:250px;height:250px;bottom:-95px;left:-75px}.bop,.bit{color:var(--navy-950);place-items:center;display:grid;position:absolute;box-shadow:0 22px 45px #07183f2e}.bop{background:var(--yellow-500);border-radius:58px;width:190px;height:220px;top:18%;left:12%;transform:rotate(-6deg)}.bit{background:var(--blue-400);border-radius:36px;width:118px;height:118px;bottom:18%;right:12%;transform:rotate(8deg)}.headphones{border:15px solid var(--blue-500);border-bottom:0;border-radius:75px 75px 0 0;width:135px;height:85px;position:absolute;top:-32px;left:28px}.face{gap:34px;display:flex;position:relative}.face:before,.face:after{content:"";background:var(--navy-950);border-radius:50%;width:15px;height:18px}.bit-face{transform:scale(.55)}.bop-shine{border-radius:var(--radius-pill);background:#ffffff57;width:46px;height:16px;position:absolute;top:24px;right:29px;transform:rotate(12deg)}.section{padding:var(--space-16) 0}.section-tight{padding-top:var(--space-8)}.section-head{justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-6);align-items:end;display:flex}.section-head p{margin-bottom:0}.text-link{color:var(--navy-700);white-space:nowrap;font-weight:900;text-decoration:none}.text-link:hover{color:var(--blue-500)}.search-panel{max-width:760px;position:relative}.search-panel label{display:block}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-pill);width:100%;min-height:54px;padding:0 var(--space-5);background:var(--white);color:var(--color-text-primary)}.search-input:focus{border-color:var(--blue-500)}.search-results{top:calc(100% + var(--space-2));z-index:10;background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);padding:var(--space-2);display:grid;position:absolute;left:0;right:0}.search-result{padding:var(--space-3);border-radius:var(--radius-md);gap:.1rem;text-decoration:none;display:grid}.search-result:hover{background:var(--color-surface-soft)}.search-result span,.search-empty{color:var(--color-text-secondary);font-size:.88rem}.recent-panel{margin-top:var(--space-12);padding:var(--space-6);border-radius:var(--radius-card);background:var(--navy-950);color:var(--white)}.recent-panel h2{color:var(--white);font-size:1.8rem}.recent-panel .eyebrow{color:var(--yellow-300)}.recent-links{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recent-links a{padding:var(--space-4);background:var(--navy-900);border-radius:var(--radius-lg);gap:.2rem;text-decoration:none;display:grid}.recent-links span{opacity:.76;font-size:.85rem}.game-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.game-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .18s,box-shadow .18s;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.game-card a{height:100%;text-decoration:none;display:block}.game-art{aspect-ratio:16/9;background:var(--color-surface-muted);overflow:hidden}.game-art img{object-fit:cover;width:100%;height:100%}.game-body{padding:var(--space-5)}.game-body p{color:var(--color-text-secondary);margin:.35rem 0 var(--space-4)}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.chip{background:var(--color-surface-soft);padding:.35rem .55rem}.game-hero-grid{gap:var(--space-12);grid-template-columns:1fr minmax(320px,.8fr);align-items:center;display:grid}.game-hero-art{border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-card);background:var(--color-surface-muted)}.answer-box{padding:var(--space-6);background:var(--color-surface-warm);border:1px solid var(--color-answer-border);border-radius:var(--radius-card);font-size:1.06rem}.answer-box strong{font-family:var(--font-display);font-size:1.25rem}.answer-box p{max-width:78ch;margin:.5rem 0 0}.player-heading{margin-bottom:var(--space-4)}.quiet-note{color:var(--color-text-secondary);font-size:.9rem}.player-shell{aspect-ratio:16/9;background:var(--navy-950);border-radius:var(--radius-card);color:var(--white);box-shadow:var(--shadow-card);place-items:center;display:grid;overflow:hidden}.player-shell iframe{background:var(--navy-950);border:0;width:100%;height:100%}.player-poster{text-align:center;justify-items:center;gap:var(--space-4);padding:var(--space-6);display:grid}.player-kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--cyan-300);font-size:.76rem;font-weight:900}.player-button{min-width:190px}.player-poster small{opacity:.72}.game-details-grid{gap:var(--space-12);grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);align-items:start;display:grid}.facts{gap:var(--space-3);display:grid}.fact{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--color-border)}.fact span{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:.78rem;font-weight:900}.fact strong{margin-top:.2rem;display:block}.prose{max-width:760px}.prose h2:not(:first-child){margin-top:var(--space-10)}.prose li{color:var(--navy-700);margin:.55rem 0}.related-section{background:var(--color-surface-soft)}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.consent-panel{right:var(--space-4);bottom:var(--space-4);z-index:50;background:var(--white);max-width:420px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);position:fixed}.consent-panel p{margin:.4rem 0 var(--space-4);color:var(--color-text-secondary)}.consent-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.footer{padding:var(--space-12) 0;border-top:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--white)}.footer-grid{justify-content:space-between;align-items:end;gap:var(--space-6);display:flex}.footer strong{font-family:var(--font-display);color:var(--navy-950);font-size:1.25rem}@media (width<=900px){.hero{padding-top:var(--space-16)}.hero-grid,.game-hero-grid{grid-template-columns:1fr}.mascot-stage{min-height:320px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-details-grid{grid-template-columns:1fr}}@media (width<=700px){.nav-links{display:none}.recent-links{grid-template-columns:1fr}.section-head,.footer-grid{flex-direction:column;align-items:start}}@media (width<=540px){.container{width:min(calc(100% - 1.25rem),var(--content-max))}.hero{padding:var(--space-12) 0 var(--space-8)}h1{font-size:3rem}.game-grid,.related-grid{grid-template-columns:1fr}.section{padding:var(--space-12) 0}.mascot-stage{min-height:280px}.bop{border-radius:45px;width:145px;height:170px}.headphones{transform-origin:0 0;transform:scale(.75)}.bit{width:92px;height:92px}.consent-panel{left:var(--space-3);right:var(--space-3);bottom:var(--space-3)}}