:root{--ink:#231a15;--ink-deep:#1c1512;--paper:#fdf9f6;--card:#fff;--orange:#f65f24;--orange-dark:#b33a0d;--orange-hover:#db4a12;--peach:#fba37b;--peach-soft:#fcdcce;--cream:#fef1eb;--line:#e2d0c4;--muted:#7c6d64;--header:#fff;--hero-text:#fdf9f6;--shadow:0 12px 32px #231a1514;--radius:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1000px 320px at 8% -10%, #f65f241a, transparent 50%), var(--paper);color:var(--ink);margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.55}img,svg{max-width:100%}a{color:var(--orange-dark)}a:hover{color:var(--orange-hover)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.skip{z-index:80;color:var(--ink);background:#fff;border-radius:8px;padding:8px 12px;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.site-header{z-index:40;background:var(--header);color:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0}.header-bar{align-items:center;gap:18px;min-height:76px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand-logo{width:auto;height:48px;display:block}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{font-size:1.05rem;font-weight:750}.brand-sub{color:var(--muted);margin-top:3px;font-size:.75rem}.primary-nav ul,.menu ul,.footer-grid ul,.crumbs ol,.card-grid,.studio-grid,.jump-grid,.steps,.link-list{margin:0;padding:0;list-style:none}.primary-nav ul{gap:2px;display:flex}.primary-nav a,.menu summary,.age,.tabbar a{align-items:center;min-height:44px;display:inline-flex}.primary-nav a{color:var(--ink);border-radius:999px;padding:0 8px;font-size:.95rem;text-decoration:none}.primary-nav a[aria-current=page],.menu a[aria-current=page]{background:var(--peach-soft);color:var(--orange-dark)}.header-actions{align-items:center;gap:8px;display:flex;position:relative}.age{color:var(--orange-dark);border:1px solid var(--peach);border-radius:999px;padding:0 10px;font-size:.82rem;font-weight:700;text-decoration:none}.btn{cursor:pointer;min-height:44px;font-weight:700;font:inherit;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.btn-solid{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-solid:hover{background:var(--orange-hover);color:#fff}.btn-ghost{color:var(--orange-dark);border-color:var(--orange);background:0 0}.btn-ghost:hover{background:var(--cream);color:var(--orange-dark)}.hero .btn-ghost{color:#fff;border-color:#fdf9f68c}.hero .btn-ghost:hover{color:#fff;background:#fdf9f61a}.btn-line{color:var(--orange-dark);border-color:var(--orange);background:#fff}.btn-line:hover{background:var(--cream);color:var(--orange-dark)}.menu{display:none}.menu summary{cursor:pointer;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:0 14px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu nav{background:var(--card);color:var(--ink);min-width:240px;box-shadow:var(--shadow);border-radius:16px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.menu a{color:var(--ink);border-radius:10px;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;display:flex}.hero{color:var(--hero-text);background:radial-gradient(700px 280px at 100% 0,#f65f2473,#0000 55%),linear-gradient(165deg,#3a2c25 0%,#231a15 58%);padding:48px 0 42px}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:28px;display:grid}.hero h1,.page-hero h1{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(2rem,4.4vw,3.35rem);line-height:1.08}.lede{max-width:62ch;margin:0;font-size:1.08rem}.hero .lede{color:#e6dccb}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--peach);margin:0 0 10px;font-size:.78rem;font-weight:750}.page .eyebrow{color:var(--orange)}.hero-actions,.card-actions,.cta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-actions{margin-top:22px}.hero .text-link{color:#f7f3ea}.hero-note{color:#d9d0c3;max-width:62ch;margin:16px 0 0}.jump-grid,.studio-grid,.card-grid,.steps{gap:14px;display:grid}.jump-grid{grid-template-columns:1fr 1fr}.jump-card,.studio-card,.game-card{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.jump-card,.studio-card{background:var(--card);color:var(--ink);flex-direction:column;height:auto;text-decoration:none;display:flex}.jump-card .art,.studio-card .art{height:auto}.jump-card span,.studio-card span,.card-body{display:block}.jump-card>span,.studio-card>span{padding:12px 14px 14px}.jump-card strong,.studio-card strong,.game-card h3{color:var(--ink);font-size:1.05rem;display:block}.jump-card span span,.studio-card span span,.card-body p{color:var(--muted);font-size:.92rem}.section{padding:28px 0 8px}.section-tight{padding-top:8px}.section-head{max-width:70ch;margin-bottom:16px}.section-head h2,.prose h2,.promo h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.5rem,2vw,2rem);line-height:1.2}.section-head p{color:var(--muted);margin:0}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 14px;font-weight:700}.chip[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff}.filter-count{color:var(--muted);margin:10px 0}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid li[hidden]{display:none}.game-card{flex-direction:column;height:100%;display:flex}.card-body{flex-direction:column;flex:1;gap:8px;padding:14px 14px 16px;display:flex}.card-body p{color:var(--muted);flex:1;margin:0}.card-body h3{margin:0}.card-actions{margin-top:6px}.art{aspect-ratio:1200/266;object-fit:cover;object-position:center;background:var(--peach-soft);width:100%;height:auto;display:block}.page-art{border-radius:16px;width:min(760px,100%);height:auto;margin-top:18px;display:block}.studio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.promo{background:var(--card);border:1px solid #eadcbe;border-left:6px solid var(--orange);border-radius:var(--radius);grid-template-columns:1.4fr .8fr;gap:18px;padding:22px;display:grid}.promo p{color:var(--muted)}.promo-aside{background:var(--cream);border-radius:16px;padding:16px}.promo-aside ul{margin:0;padding-left:18px}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps li,.note{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.steps strong,.steps span{display:block}.steps span{color:var(--muted);margin-top:6px}.page{padding:22px 0 48px}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.92rem;display:flex}.crumbs li:not(:last-child):after{content:"/";color:#8a8174;margin-left:8px}.prose{width:min(760px,100%)}.prose p,.prose li{font-size:1.02rem}.prose h2{margin-top:28px}.link-list{gap:8px;margin:12px 0 20px;display:grid}.note{color:var(--ink)}.site-footer{background:var(--ink);color:#e6dccb;margin-top:36px;padding:36px 0 28px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr .9fr;gap:22px;display:grid}.footer-logo{width:auto;height:40px;margin-bottom:12px;display:block}.footer-mark,.footer-heading{color:#fff;margin:0 0 8px;font-weight:750}.site-footer a{color:#f7f3ea}.site-footer ul{gap:6px;display:grid}.site-footer li a{text-decoration:none}.site-footer li a:hover{text-decoration:underline}.footer-age{font-weight:700}.tabbar{z-index:30;background:var(--card);border-top:1px solid var(--line);padding:4px 8px calc(4px + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink);flex:1;justify-content:center;font-size:.82rem;font-weight:700;text-decoration:none}@media (max-width:980px){.primary-nav,.header-actions .btn-ghost{display:none}.menu{display:block}.hero-grid,.promo,.footer-grid,.card-grid,.studio-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.tabbar{display:flex}body{padding-bottom:72px}}@media (max-width:680px){.hero-grid,.promo,.footer-grid,.card-grid,.studio-grid,.jump-grid{grid-template-columns:1fr}.hero{padding:32px 0 28px}.header-bar{min-height:64px}.brand-logo{height:40px}.brand-text{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}