body{min-height:100svh;background:radial-gradient(circle at 50% 0,#173247,#0b0d10 58%)}.arcade-page{width:min(1050px,calc(100% - 24px));margin:auto;padding:18px 0 30px}.arcade-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.arcade-head a{color:var(--lime)}.arcade-head h1{margin:0;font-size:clamp(1.8rem,5vw,3.2rem);letter-spacing:-.05em}.arcade-intro{text-align:center;padding:48px 10px 28px}.arcade-intro h2{font-size:clamp(2.8rem,8vw,6.5rem);line-height:.88;letter-spacing:-.07em;margin:.15em 0}.arcade-intro p{color:#c4cad2;font-size:1.08rem}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.game-card-link{min-height:480px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--panel);position:relative;display:flex;align-items:flex-end}.game-card-link:hover,.game-card-link:focus-visible{border-color:var(--lime);transform:translateY(-4px)}.game-card-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.game-card-copy{position:relative;width:100%;padding:100px 24px 24px;background:linear-gradient(transparent,#080b0fee 55%)}.game-card-copy span{color:var(--lime);font:700 .75rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}.game-card-copy h3{font-size:2.2rem;margin:.1em 0}.game-card-copy p{margin:0;color:#ccd2d9}.game-page{width:min(960px,calc(100% - 24px));margin:auto;padding:18px 0 28px}.game-shell{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0c1117;box-shadow:0 24px 70px #000a}.hud{position:absolute;z-index:2;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;pointer-events:none;font:700 .85rem ui-monospace,monospace}.hud span{background:#081018d9;border:1px solid #ffffff22;border-radius:999px;padding:7px 11px}.game-canvas{display:block;width:100%;height:min(72svh,620px);touch-action:none}.game-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#071019c2;padding:24px}.game-overlay[hidden]{display:none}.overlay-card{max-width:520px;text-align:center;background:#10161ef2;border:1px solid var(--line);border-radius:24px;padding:28px}.overlay-card h2{font-size:clamp(2.2rem,7vw,4.4rem);line-height:.9;margin:.2em 0}.overlay-card p{color:#c4cad2}.pause{position:absolute;z-index:3;right:14px;bottom:14px;background:#081018dd;color:white;border:1px solid #ffffff28;border-radius:10px;padding:9px 12px}.hint{text-align:center;color:var(--muted);font-size:.9rem}.lives{color:#ff786d}.bug-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.game-grid{grid-template-columns:1fr}.game-card-link{min-height:410px}.arcade-head .brand span:last-child{display:none}.game-canvas{height:70svh}.overlay-card{padding:22px}.hud{left:7px;right:7px;gap:4px;font-size:.68rem}.hud span{padding:6px 7px}}
.game-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.game-card-link{background:radial-gradient(circle at 50% 28%,#263d4c,var(--panel) 64%)}.game-card-link img{object-fit:contain;object-position:center bottom;padding:16px 12px 94px}
.release-notice{position:absolute;z-index:3;top:64px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:min(360px,calc(100% - 32px));padding:12px 22px;border:1px solid #c9ff57;border-radius:14px;background:#07120eef;color:#c9ff57;box-shadow:0 0 28px #c9ff574f;text-align:center;font:700 .82rem ui-monospace,monospace;letter-spacing:.06em}.release-notice[hidden]{display:none}.release-notice strong{font-size:1rem}.release-notice span{color:#fff;letter-spacing:0}.deploy-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin:14px auto 4px;color:#bfc8d2;font:600 .75rem ui-monospace,monospace}.deploy-legend span{white-space:nowrap}.deploy-legend b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:4px;border-radius:50%;color:#071019}.deploy-legend .build{background:#c9ff57}.deploy-legend .feature{background:#8c74ff}.deploy-legend .bug{background:#ff786d}.deploy-legend .leak{background:#39c9f2}.deploy-legend .coffee{background:#ffb35c;font-size:.68rem}.energy-charges{color:#ffcf5a}
@media(max-width:700px){.deploy-hud{flex-wrap:wrap;justify-content:center}.deploy-hud span{flex:0 0 auto}.release-notice{top:88px}.deploy-legend{font-size:.68rem;gap:7px 10px}}