:root{font-family:Trebuchet MS,Verdana,sans-serif;color:#18213a;background:#0f1b31;--ink: #18213a;--paper: #fff8dc;--gold: #ffd35a;--orange: #ff9e3d;--sky: #80d9ff;--leaf: #4cab62;--leaf-dark: #397f46;--pixel-border: 4px solid #18213a}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at top,rgba(255,232,157,.18),transparent 28%),linear-gradient(180deg,#173761,#0f1b31 70%)}body.play-route,body.play-route #app{height:100%;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}a{color:#1849b3}.game-route-shell{width:100vw;height:100vh}.marketing-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,244,184,.22),transparent 34%),linear-gradient(180deg,#80d9ff,#8ae4cb 42%,#f5f1d8)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:22px 0 10px}.site-nav__brand,.site-nav__link,.site-nav__play,.hero-button,.related-card{text-decoration:none}.site-nav__brand{color:var(--ink);font-size:1.1rem;font-weight:900}.site-nav__links{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.site-nav__link,.site-nav__play{padding:10px 14px;border:3px solid #18213a;border-radius:999px;background:#fff8dceb;color:var(--ink);font-weight:900;box-shadow:0 4px #a66a36}.site-nav__link.is-active{background:#7be18d}.site-nav__play{background:var(--orange)}.marketing-hero{padding-bottom:20px}.hero-panel{width:min(1180px,calc(100vw - 32px));margin:22px auto 0;padding:clamp(26px,5vw,54px);border:var(--pixel-border);border-radius:18px;background:linear-gradient(135deg,#fff8dcfa,#fff0befa),repeating-linear-gradient(90deg,transparent 0 20px,rgba(255,255,255,.18) 20px 22px);box-shadow:0 16px #a66a36,0 28px 34px #121d3938}.hero-eyebrow{margin:0 0 12px;color:#3563b8;font-size:.95rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.hero-panel h1,.content-card h2,.related-section h2{margin:0;line-height:1.02;color:#26366d}.hero-panel h1{font-size:clamp(2.4rem,5.4vw,4.8rem)}.content-card h2,.related-section h2{font-size:clamp(1.7rem,2.4vw,2.4rem);margin-bottom:14px}.hero-intro,.content-card p{font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.7}.hero-intro{max-width:760px;margin:20px 0 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero-button{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:14px 20px;border:3px solid #18213a;border-radius:10px;font-weight:900;color:#18213a;box-shadow:0 6px #7b4529}.hero-button--primary{background:var(--orange)}.hero-button--secondary{background:#a5e4ff}.hero-keyword{margin:18px 0 0;color:#304879;font-size:.96rem;font-weight:700}.content-grid,.related-section,.content-card--wide{width:min(1180px,calc(100vw - 32px));margin-left:auto;margin-right:auto}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px 0}.content-card{padding:24px 24px 18px;border:var(--pixel-border);border-radius:16px;background:#fff8dcf5;box-shadow:0 10px #a66a36,0 20px 28px #121d3924}.content-card p{margin:0 0 14px}.content-card--wide{margin-top:6px}.related-section{padding:26px 0 48px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.related-card{display:block;padding:18px;border:3px solid #18213a;border-radius:14px;background:#f7d97a;box-shadow:0 8px #b98536;color:var(--ink)}.related-card span{display:block;margin-bottom:8px;color:#3563b8;font-size:.82rem;font-weight:900;text-transform:uppercase}.related-card strong{display:block;font-size:1.05rem;line-height:1.35}@media(max-width:760px){.site-nav,.hero-panel,.content-grid,.content-card--wide,.related-section{width:min(100vw - 20px,100%)}.site-nav{flex-direction:column;align-items:stretch}.site-nav__links,.hero-actions{justify-content:flex-start}.content-grid,.related-grid{grid-template-columns:1fr}}