:root { color-scheme: dark; --cyan: #63e1dc; --pink: #ed5be8; --muted: #98a7b8; }
* { box-sizing: border-box; }
body {
    min-height: 100vh;
    margin: 0;
    padding: 30px 18px;
    color: #edf5ff;
    background: radial-gradient(ellipse at 50% 0, rgba(99,225,220,.11), transparent 55%), #090a0d;
    font-family: "Courier New", monospace;
}
.catalog { width: min(100%, 820px); margin: 0 auto; }
.intro { margin: 0 0 26px; text-align: center; }
.eyebrow { margin: 0 0 8px; color: var(--cyan); font-size: 11px; letter-spacing: 3px; }
h1 { margin: 0; color: #fff; font: 700 clamp(38px, 9vw, 58px)/1 Arial, sans-serif; letter-spacing: 5px; text-shadow: 3px 0 var(--pink), 0 0 22px rgba(99,225,220,.25); }
.intro > p:last-child { margin: 12px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.game-section { margin: 0 0 26px; padding: clamp(14px, 3vw, 22px); border: 1px solid rgba(99,225,220,.28); border-radius: 12px; background: linear-gradient(145deg, rgba(64,52,93,.28), rgba(13,14,20,.96)); box-shadow: 0 12px 34px #0006; }
.section-heading { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; }
.number { color: var(--pink); font-size: 12px; letter-spacing: 2px; }
.section-heading h2 { margin: 0; color: var(--cyan); font: 700 22px Arial, sans-serif; }
.section-heading p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
iframe { display: block; width: 100%; height: 690px; border: 1px solid rgba(99,225,220,.15); border-radius: 8px; background: #090a0d; }
.game-section:nth-of-type(3) iframe { height: 680px; }
footer { padding: 4px 0 18px; color: #687585; font-size: 11px; text-align: center; }
@media (max-width: 600px) { body { padding: 22px 12px; } iframe { height: 740px; } .game-section:nth-of-type(3) iframe { height: 720px; } }