/* Escape The Circle: flat and minimal — blue field, pale circle, red dots */
.game.escape-the-circle { --g-bg: #3f72c2; --g-ink: #ffffff; --g-muted: #dce7f8; --g-accent: #e04646; --g-display: "Nunito", system-ui, sans-serif; --g-body: "Nunito", system-ui, sans-serif; overflow: hidden; }
.escape-the-circle h1, .escape-the-circle h2, .escape-the-circle h3 { font-weight: 900; }
.escape-the-circle .game-hero { position: relative; }
.escape-the-circle .game-hero::before { content: ""; position: absolute; width: 760px; height: 760px; right: -220px; top: -140px; border-radius: 50%; background: rgba(255, 255, 255, 0.12); }
.escape-the-circle .game-hero::after { content: ""; position: absolute; width: 22px; height: 22px; right: 520px; top: 120px; border-radius: 50%; background: var(--g-accent); box-shadow: 260px 440px 0 0 var(--g-accent), 470px 210px 0 -4px var(--g-accent); }
.escape-the-circle .game-hero .container { position: relative; z-index: 1; }
.escape-the-circle .game-hero-copy .lede { color: var(--g-muted); }
.escape-the-circle .game-hero-copy .game-icon { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); }
.escape-the-circle .game-hero-media img { width: 44%; max-width: 240px; border-radius: 22px; box-shadow: 0 24px 48px rgba(10, 30, 70, 0.3); }
.escape-the-circle .game-hero-media img:last-child { margin-bottom: 48px; }
.escape-the-circle .rules { background: #3567b4; }
.escape-the-circle .feature { background: rgba(255, 255, 255, 0.1); border-radius: 22px; }
.escape-the-circle .feature p { color: var(--g-muted); }
.escape-the-circle .dot { width: 40px; height: 40px; border-radius: 50%; }
.escape-the-circle .dot.white { background: #fff; }
.escape-the-circle .dot.ring { border: 6px solid rgba(255, 255, 255, 0.5); }
.escape-the-circle .dot.red { background: var(--g-accent); }
.escape-the-circle .shots img { border-radius: 18px; }
.escape-the-circle .shots img { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.28); margin: 2px; }
@media (max-width: 760px) { .escape-the-circle .game-hero::after { display: none; } }