.extra-hero{min-height:430px;padding:80px clamp(18px,7vw,110px);display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center;background:radial-gradient(circle at 80% 30%,rgba(138,77,255,.28),transparent 30%),linear-gradient(110deg,rgba(200,255,0,.09),transparent 45%)}.extra-hero h1{font-size:clamp(58px,9vw,120px)}.extra-hero aside{padding:28px;border:1px solid rgba(200,255,0,.3);border-radius:20px;background:#0d1016}.extra-hero aside strong{display:block;color:var(--lime);font-size:34px}.extra-section{padding:70px clamp(12px,6vw,90px)}.extra-shell{max-width:1100px;margin:auto;border:1px solid rgba(200,255,0,.3);border-radius:24px;overflow:hidden;background:#0d1016}.extra-canvas{position:relative;aspect-ratio:16/9;min-height:360px}.extra-hud{display:grid;grid-template-columns:repeat(4,1fr);padding:15px;border-bottom:1px solid var(--line)}.extra-hud div{text-align:center}.extra-hud span,.extra-hud strong{display:block}.extra-hud span{color:var(--muted);font-size:10px;text-transform:uppercase}.extra-hud strong{font-size:22px}.extra-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.extra-controls button{min-height:58px;border:1px solid rgba(200,255,0,.35);border-radius:12px;background:#141923;color:#fff;font-weight:900}.extra-controls .action{background:var(--lime);color:#050607}.snake-controls{max-width:520px;margin:auto;grid-template-areas:'. up .' 'left down right';grid-template-columns:repeat(3,1fr)}.snake-controls [data-dir=up]{grid-area:up}.snake-controls [data-dir=left]{grid-area:left}.snake-controls [data-dir=down]{grid-area:down}.snake-controls [data-dir=right]{grid-area:right}@media(max-width:760px){.extra-hero{grid-template-columns:1fr;min-height:auto}.extra-canvas{aspect-ratio:1/1.18;min-height:480px}.extra-hud{padding:10px 2px}.extra-hud strong{font-size:17px}.extra-controls button{min-height:64px}}