:root{color:#fff4df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffc77d29,#0000 26%),radial-gradient(circle at 100%,#9465ff2e,#0000 24%),linear-gradient(#130d1f 0%,#1a1230 45%,#110b1b 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.9;background-image:radial-gradient(circle at 18% 12%,#ffffffe6 0 1.2px,#0000 2px),radial-gradient(circle at 82% 30%,#fffc 0 1.1px,#0000 2px),radial-gradient(circle at 60% 16%,#ffffff73 0 1px,#0000 2px),radial-gradient(circle at 48% 22%,#fff9 0 1.5px,#0000 2px);position:fixed;inset:0}button{font:inherit}h1,h2,p{margin:0}h1{letter-spacing:-.05em;color:#fff2c8;margin-top:12px;font-size:clamp(2.3rem,6vw,4.6rem);line-height:1}h2{color:#ffe4ad;font-size:1.25rem}a{color:inherit}.page-shell{width:min(1220px,100% - 28px);margin:0 auto;padding:28px 0 40px}.hero-card,.info-card,.game-frame{background:#1c122bd1;border:1px solid #f6d4952e;border-radius:28px;box-shadow:0 18px 60px #06040c47}.hero-card{grid-template-columns:1.3fr .7fr;gap:20px;margin-bottom:22px;padding:28px;display:grid}.eyebrow{color:#ffd98c;text-transform:uppercase;letter-spacing:.12em;background:#ffe5ab1f;border-radius:999px;padding:7px 12px;font-size:.82rem;display:inline-flex}.lead{color:#f6e4c0;max-width:58ch;margin-top:12px;line-height:1.75}.chip-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chip{color:#e8d6ff;background:#ffffff14;border-radius:999px;padding:10px 14px;font-size:.92rem}.side-panel{gap:12px;display:grid}.stat-card{background:#ffffff0f;border-radius:20px;padding:16px 18px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card span{color:#d7bbff;margin-bottom:6px;font-size:.82rem;display:block}.stat-card strong{color:#fff7db;font-size:1.08rem}.stat-card.accent{background:linear-gradient(135deg,#8f5cff38,#ffbb7029)}.game-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start;gap:20px;display:grid}.game-frame{padding:14px}.game-canvas{background:#20162f;border-radius:18px;min-height:540px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffdda41a}.game-canvas canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.mobile-controls{gap:10px;margin-top:12px;display:none}.control-button{color:#fff3d0;background:linear-gradient(#43255f,#2a173c);border:none;border-radius:18px;flex:1;min-height:56px;font-size:1.05rem;font-weight:700;box-shadow:inset 0 0 0 1px #ffda9c33}.control-button.jump{background:linear-gradient(#9a5cff,#6b38bf)}.control-button.restart{background:linear-gradient(#c56f4f,#8d4f36)}.control-button.menu{background:linear-gradient(#6d6f86,#47495a)}.info-panel{gap:16px;display:grid}.info-card{padding:20px}.info-card h2{margin-bottom:12px}.info-card ul{color:#efdcc0;margin:0;padding-left:18px;line-height:1.75}.fun-card{background:linear-gradient(135deg,#2b1b46e0,#60325dcc)}.fun-card p{color:#ffe8c4;line-height:1.8}.fun-card strong{color:#fff}@media (width<=1024px){.hero-card,.game-layout{grid-template-columns:1fr}}@media (width<=768px){.mobile-controls{grid-template-columns:repeat(5,1fr);display:grid}}@media (width<=640px){.page-shell{width:min(100% - 16px,1220px);padding-top:14px}.hero-card,.info-card,.game-frame{border-radius:22px}.hero-card,.info-card{padding:18px}.game-frame{padding:10px}.game-canvas{min-height:420px}.stat-grid,.mobile-controls{grid-template-columns:1fr 1fr}}