/* Approved designer artwork. The source JPEG is preserved byte-for-byte.
   CSS crops only its empty outer margin; lettering and proportions stay intact. */
:root{--bg:#000311;--panel:#0b1323;--line:#324657;--yellow:#ead98d;--blue:#b9ddfa;--ink:#f3f6fa;--muted:#b7c1d0;--radius:20px}
body{background:radial-gradient(ellipse at 50% 0,#17233b66,transparent 52%),#000311}
.zv-brand-art{position:relative;display:block;flex:none;width:198px;max-width:100%;aspect-ratio:3.6;overflow:hidden;background:#000311;border-radius:8px;isolation:isolate}
.zv-brand-art>img{position:absolute!important;display:block;left:50%;top:50%;width:136%!important;max-width:none!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;transform:translate(-50%,-50%)}
.brand{flex:none;transform:none;filter:none}.brand .zv-brand-art{width:198px}
.site-header{background:#000311f5;border-bottom:1px solid #52687966;box-shadow:0 8px 24px #0002}
.header-inner{min-height:80px}.nav{gap:26px}.nav a{font-size:13px;min-height:64px}.nav svg{width:20px;height:20px}
.nav a[aria-current=page]:after{height:2px;background:var(--yellow);box-shadow:none;border-radius:2px}
.nav .phone{border-color:#b9ddfa66;color:var(--blue);box-shadow:none;border-radius:10px}
.hero{padding:48px 0 44px;min-height:0}
.hero:before{top:0;bottom:0;background:radial-gradient(ellipse at 50% 12%,#7598c51a,transparent 65%);opacity:1}
.hero:after{left:10%;right:10%;background:linear-gradient(90deg,transparent,#8298aa55,transparent);box-shadow:none}
.hero .eyebrow{padding:5px 13px;margin:0 0 22px;border:1px solid #b9ddfa38;background:#0c1523;border-radius:20px;color:#c6def4;letter-spacing:.24em;font-size:9px}
.hero-wordmark{width:min(900px,100%);max-width:none;filter:none;margin:0 auto 25px!important}
.hero-wordmark .zv-brand-art{width:100%;border-radius:0}
.hero .hero-slogan{margin:0 0 12px;font-size:clamp(15px,2.2vw,25px);font-style:normal;letter-spacing:.12em;text-shadow:none;color:#e8f1fb;font-weight:850}
.hero .hero-tagline{margin:0 0 20px;letter-spacing:.08em;color:#d8e1ee;font-weight:650}
.hero .actions{margin:0 0 20px;gap:12px}.hero .actions .btn{min-height:52px;padding:12px 24px;font-size:14px}
.hero .tags{font-size:11px;gap:18px;color:var(--muted)}
.btn{border-radius:12px;border-color:#95bad766;background:linear-gradient(150deg,#1c3047,#0c192b);color:#eaf4ff;box-shadow:inset 0 1px #ffffff14;transition:transform .18s,box-shadow .18s}
.btn.primary,.card-bottom strong{border:1px solid #f5e9b9;background:linear-gradient(145deg,#f4e8b2,#dfca7a);color:#151522;box-shadow:inset 0 1px #fff9,0 4px 12px #0003;transform:none;font-style:normal}
.btn.primary:after{display:none}.btn.primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 8px 20px #ead98d1a}
.section{padding:30px 0}.section-head{border:0;border-bottom:1px solid #7f94a844;padding:0 0 18px;background:none;box-shadow:none;gap:16px;align-items:center}
.section-head:before{display:none}.section-head .eyebrow{font-size:11px;font-style:normal;letter-spacing:.17em;color:var(--blue);text-shadow:none;line-height:1.4}
.section-head h2{display:block;font-size:27px;letter-spacing:-.02em;margin:5px 0 0}.section-head p{display:block;font-size:13px;margin:7px 0 0;color:var(--muted)}
.games-grid{gap:24px;padding:0}.game-card{transform:none;border:1px solid #7993ad77;border-radius:20px;background:linear-gradient(145deg,#132238,#07101f 70%);box-shadow:inset 0 1px #e4f1ff1f,0 10px 24px #0003}
.game-card:before,.game-card:after{display:none}.game-card:hover,.game-card:focus-visible{transform:translateY(-4px);border-color:#e6d593;box-shadow:inset 0 1px #e4f1ff22,0 16px 28px #0004}
.game-art{height:155px;padding-top:23px;background:radial-gradient(ellipse at 50% 100%,var(--glow,#1a3750),transparent 75%)}.game-art svg{transform:none;filter:drop-shadow(0 6px 8px #0005)}
.chip{transform:none;top:12px;left:14px;padding:4px 8px;border:1px solid #a6bbcf55;border-radius:6px;background:#061020d9;color:#d8e5f2;font-size:9px;letter-spacing:.03em}
.game-body{transform:none;padding:12px 20px 21px}.game-body .en{color:var(--blue);font-size:10px;letter-spacing:.1em}.game-body h3{font-size:22px;font-style:normal;letter-spacing:-.03em;text-shadow:none;font-weight:800;margin:5px 0 10px;line-height:1.4}
.game-body p{color:#c4cfdd;font-size:13px;line-height:1.7;min-height:44px;margin-bottom:16px}
.card-bottom strong{border-radius:10px;max-width:none;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:14px}
.rank-callout{transform:none;border:1px solid #c3b06e80;border-radius:20px;background:linear-gradient(115deg,#202330,#0b1527);box-shadow:inset 0 1px #f5e9b91a;padding:30px;gap:26px}
.rank-callout:after{display:none}.rank-callout>div,.rank-callout>.btn{transform:none}.rank-callout h2{font-size:26px;font-style:normal;text-shadow:none;color:#efdfa2}.rank-callout p{font-size:13px;color:#c6cfdb}.rank-callout .btn{min-height:48px}
.about-grid article{border-top:1px solid #7592ae66;padding-top:17px}.about-grid h3{font-size:16px}.about-grid p{font-size:13px;color:var(--muted)}
.site-footer{border-top:1px solid #52687966;box-shadow:none;background:#000311;padding-bottom:76px}.footer-logo.zv-brand-art{width:160px;height:auto;aspect-ratio:3.6}.footer-inner{gap:20px}
.rank-board,.personal,.guide-grid article{border-color:#50657d88;box-shadow:inset 0 1px #ffffff0d;background:linear-gradient(145deg,#132137,#081121)}
.page-heading h1,.article h1{font-style:normal;text-shadow:none}.periods [aria-pressed=true]{box-shadow:none}
.zv-language{border-color:#7998b377;background:#071121f5;color:#dcecff;border-radius:12px}
/* Keep branding out of the play surface. Only opening/result panels change. */
.tg-panel:before,.zv-card:before{width:min(100%,270px);height:75px;max-width:100%;margin:0 auto 14px;background:#000311 url('assets/zapvolt-designer.jpg') center/136% auto no-repeat;border-radius:10px}
.zv-brand-logo.zv-brand-art{width:min(100%,270px);height:auto;aspect-ratio:3.6;margin:0 auto 14px;object-fit:initial}
.tg-start{background:radial-gradient(ellipse at 50% 25%,#1c2b44eb,#000311f5)!important}.tg-panel{border-color:#829bb666!important;background:linear-gradient(145deg,#152238,#080e1e)!important;box-shadow:0 20px 70px #0008!important}.tg-panel h1{font-style:normal!important}
.tg-go{background:linear-gradient(145deg,#f4e8b2,#dfca7a)!important;box-shadow:inset 0 1px #fff8,0 5px 16px #0003!important}
.zv-card{border-color:#829bb688!important;box-shadow:0 24px 70px #0008!important}.zv-card button.primary{background:#ead98d;border-color:#f5e9b9;color:#151522}
@media(max-width:1100px){.nav{gap:18px}.nav a{font-size:12px}.wrap{padding-left:26px;padding-right:26px}}
@media(max-width:800px){.hero{padding-top:36px}.hero-wordmark{width:100%}.hero .hero-tagline{font-size:14px}.rank-callout{flex-direction:column;align-items:stretch}.rank-callout .btn{width:100%;font-size:13px}.game-body h3{font-size:21px}}
@media(max-width:560px){.wrap{padding-left:17px;padding-right:17px}.header-inner{min-height:66px;gap:8px}.brand .zv-brand-art{width:125px}.nav{gap:12px}.nav a{font-size:10px;gap:4px;min-height:58px}.nav svg{width:15px;height:15px}.nav a[aria-current=page]:after{bottom:5px}.hero{padding:29px 0 30px}.hero .eyebrow{font-size:6.5px;letter-spacing:.14em;padding:5px 9px;margin-bottom:19px}.hero-wordmark{max-width:none;margin-bottom:22px!important}.hero .hero-slogan{font-size:11px;letter-spacing:.055em;margin:0 0 12px;white-space:normal}.hero .hero-tagline{font-size:12px;letter-spacing:.03em;margin-bottom:19px}.hero .actions{width:100%;gap:9px;margin-bottom:18px}.hero .actions .btn{font-size:11px;min-height:48px;padding:12px 9px}.hero .tags{font-size:8px;gap:8px}.section{padding:25px 0}.section-head{gap:10px;padding-bottom:15px;margin-bottom:19px}.section-head .eyebrow{font-size:9px}.section-head h2{font-size:23px}.section-head p{font-size:11px}.section-head .quiet-link{font-size:11px;min-height:44px;display:flex;align-items:center}.games-grid{gap:15px 12px}.game-card{border-radius:15px}.game-art{height:112px;padding-top:26px}.game-art svg{height:100px;width:94%}.chip{top:10px;left:8px;font-size:6.5px;padding:3px 5px;letter-spacing:0}.game-body{padding:8px 10px 13px}.game-body .en{font-size:7px}.game-body h3{font-size:15px;min-height:42px;margin:5px 0 7px}.game-body p{font-size:10px;min-height:51px;line-height:1.7;margin-bottom:12px}.card-bottom strong{font-size:12px;min-height:44px}.rank-callout{padding:22px;gap:20px}.rank-callout h2{font-size:21px}.rank-callout p{font-size:12px;max-width:none}.rank-callout .btn{margin:0;transform:none}.about-grid h3{font-size:15px}.about-grid p{font-size:12px}.footer-logo.zv-brand-art{width:140px}.footer-links{font-size:11px;gap:16px}.footer-links a{min-height:44px;display:flex;align-items:center}.zv-brand-logo.zv-brand-art{width:min(100%,250px)}}
@media(max-width:350px){.brand .zv-brand-art{width:105px}.nav{gap:8px}.nav a{font-size:9px}.nav svg{width:13px;height:13px}.hero .tags{gap:6px;font-size:7.5px}.hero .actions .btn{font-size:10px}.game-body h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.game-card,.btn{transition:none}.game-card:hover,.game-card:focus-visible,.btn.primary:hover{transform:none}}
/* Motion is opt-out, pauses offscreen, and is disabled for reduced motion.
   The original artwork is moved as one piece, never warped or redrawn. */
.logo-motion-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:6px 0 -12px;padding:8px 14px;border:1px solid #7998b344;border-radius:22px;background:#081223;color:#c8d8e8;font:600 10px system-ui;cursor:pointer}
.logo-motion-toggle:focus-visible{outline:3px solid #b9ddfa;outline-offset:4px}.logo-motion-toggle:disabled{cursor:default;opacity:.7}
.hero-wordmark .zv-brand-art:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 37%,#e4f5ff 46%,#fff8d3 50%,transparent 59%);background-size:240% 100%;background-position:120% 0;mix-blend-mode:screen}
.zv-logo-motion .hero-wordmark{animation:zv-logo-float 6s ease-in-out infinite}
.zv-logo-motion .hero-wordmark .zv-brand-art:after{animation:zv-logo-sheen 8s ease-in-out infinite}
@keyframes zv-logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes zv-logo-sheen{0%,70%,100%{opacity:0;background-position:120% 0}76%{opacity:.1}88%{opacity:.1}94%{opacity:0;background-position:-30% 0}}
@media(prefers-reduced-motion:reduce){.zv-logo-motion .hero-wordmark,.zv-logo-motion .hero-wordmark .zv-brand-art:after{animation:none!important;transform:none}.hero-wordmark .zv-brand-art:after{display:none}}
/* Shared game chrome. Keep target/slime colors and danger signals distinct. */
.zv-audio{border-color:#829bb666;background:#081223f5;color:#d9e6f5;box-shadow:0 4px 20px #0007}
.zv-audio button{border-color:#829bb666;background:#14253b;color:#d9e6f5;min-height:40px;border-radius:9px}
.zv-audio button[aria-pressed=true]{color:#f3e4ae;border-color:#ead98d99;background:#2a2b2d}
.zv-audio input{accent-color:#ead98d}.zv-audio :focus-visible{outline:3px solid #b9ddfa;outline-offset:3px}
.tg-home{border-color:#829bb666!important;color:#d9e6f5!important;background:#081223ed!important}
.zv-label,.zv-status{color:#b9ddfa}.zv-score,.zv-new{color:#efdfa2}.zv-target{border-color:#b9ddf866;color:#d9eafa;background:#081223f2}
.zv-card{background:linear-gradient(145deg,#152238,#080e1e)}.zv-card button{background:#14253b;border-color:#829bb666;color:#e6eff9}
.zv-card button.primary{background:linear-gradient(145deg,#f4e8b2,#dfca7a);border-color:#f5e9b9;color:#151522;box-shadow:inset 0 1px #fff8}
.zv-ranking{border-top-color:#829bb644}.zv-ranking input{background:#070d1d;border-color:#829bb666}.zv-note,.zv-best{color:#bac7d8}
.zv-card button:focus-visible,.zv-card a:focus-visible,.zv-card input:focus-visible{outline-color:#b9ddfa}
.rush-shell header a,.burst-shell header a,.burst-shell header button{color:#d7e8f7;border-color:#829bb666;background:#0b1729;border-radius:12px}
.rush-shell header a{padding:11px 13px;border:1px solid #829bb666;font-size:12px;min-height:44px}
.rush-shell header span,.burst-title>span{color:#b9ddfa;letter-spacing:.14em}
.rush-shell h1,.burst-title h1{font-style:normal;color:#efdfa2;text-shadow:none;letter-spacing:-.03em}
.rush-hud div,.burst-shell .hud>div{border:1px solid #829bb666;border-radius:13px;background:linear-gradient(145deg,#18283d,#0a1425);box-shadow:inset 0 1px #e4f1ff12;color:#b7cbe0}
.rush-hud strong,.burst-shell .hud strong{color:#f4f6fa}.rush-hud .urgent,.burst-shell #time.urgent{color:#ffc476}
.rush-shell #feedback,.burst-shell #feedback{color:#efdfa2}.rush-note,.burst-shell .hint{color:#b7c5d8}
.rush-pad{border:1px solid #829bb65c;border-radius:20px;background:linear-gradient(145deg,#1a2d44,#0a1527);box-shadow:inset 0 1px #e4f1ff1a,0 3px 8px #0003;color:#65829d}
.rush-pad.charged{border:2px solid #f6eabd;background:linear-gradient(145deg,#f8ebaf,#dfc679);color:#151522;box-shadow:inset 0 2px #fff9,0 0 20px #ead98d38}
.rush-pad.danger{border-color:#ee6983;background:linear-gradient(145deg,#4b2339,#251526);color:#ff9bb0;box-shadow:inset 0 1px #ffb3c31a}
.rush-pad:focus-visible{outline:3px solid #b9ddfa;outline-offset:3px}
.burst-shell #board{border:1px solid #829bb688;border-radius:19px;background:linear-gradient(145deg,#15243b,#070e1d);box-shadow:inset 0 1px #e4f1ff22,0 8px 24px #0004}
.rush-intro,.intro{background:radial-gradient(ellipse at 50% 20%,#1c2b44ed,#000311f5)}
.rush-card,.intro>div{border:1px solid #829bb688;border-radius:24px;background:linear-gradient(145deg,#152238,#080e1e);box-shadow:inset 0 1px #e4f1ff12,0 20px 70px #0008}
.rush-card h2,.intro h2{color:#efdfa2;font-style:normal;letter-spacing:-.03em}
.rush-card p,.intro p{color:#c8d4e3}.rush-card small,.intro small{color:#b7c5d8}
.rush-card button,.intro button{border:1px solid #f5e9b9;border-radius:14px;background:linear-gradient(145deg,#f4e8b2,#dfca7a);color:#151522;box-shadow:inset 0 1px #fff8,0 4px 12px #0004;min-height:52px}
.rush-card #share{background:linear-gradient(145deg,#1c3047,#0c192b);color:#d9e8f7;border-color:#829bb677;box-shadow:inset 0 1px #e4f1ff12}
.rush-card #final-score{color:#efdfa2}.rush-card button:focus-visible,.intro button:focus-visible,.burst-shell header button:focus-visible,.burst-shell header a:focus-visible,.rush-shell header a:focus-visible{outline:3px solid #b9ddfa;outline-offset:4px}
@media(max-width:560px){.rush-card{padding:23px}.rush-card h2{font-size:26px}.rush-card p{font-size:14px;line-height:1.7}.rush-card small{font-size:11px}.rush-card .zv-brand-art{margin-bottom:10px}.intro h2{font-size:26px}.rush-pad{border-radius:16px}}
@media(max-height:720px){.rush-card{max-height:calc(100svh - 100px);margin-bottom:55px}.rush-card h2{font-size:23px;margin:14px 0}.rush-card p{font-size:13px;line-height:1.65;margin:10px 0}.rush-card small{margin-top:12px}.rush-card .zv-brand-art{width:210px}.intro>div{max-height:calc(100svh - 100px);overflow:auto;margin-bottom:55px}.intro .mascot{font-size:38px}.intro h2{margin:12px 0}.intro p{font-size:13px;line-height:1.7}.intro button{margin-top:18px}}
/* The designer's black backdrop blends into a brighter blue/gold stage.
   Lighten composition removes the rectangular edge without altering the JPEG. */
:root{--bg:#153954;--panel:#16334e;--line:#6b91ad;--muted:#d0deea}
body{background:radial-gradient(ellipse at 12% 8%,#397fa480,transparent 48%),radial-gradient(ellipse at 90% 28%,#b9953d26,transparent 45%),linear-gradient(150deg,#245778,#153954 55%,#183d57);background-color:#153954}
.zv-brand-art{background:transparent;mix-blend-mode:lighten;isolation:auto}
.site-header{background:#173d58f5;border-bottom-color:#a9d7f05c;box-shadow:0 5px 25px #06253b29}
.hero{isolation:auto;background:radial-gradient(ellipse at 24% 35%,#4a9ccc66,transparent 65%),radial-gradient(ellipse at 84% 32%,#e8d27c2b,transparent 65%)}
.hero-wordmark{mix-blend-mode:lighten}
.hero-wordmark .zv-brand-art{mix-blend-mode:normal}
.hero:before{background:linear-gradient(150deg,#d6f1ff0d,transparent 48%)}
.hero:after{background:linear-gradient(90deg,transparent,#c8e9f088,#ead98d66,transparent)}
.hero .eyebrow{background:#153e59;border-color:#c4e7ff66;color:#e5f4ff}
.hero .hero-slogan{color:#fff8df;text-shadow:0 2px 12px #163b5b66}
.hero .hero-tagline{color:#f0f7fc}.hero .tags{color:#d7e9f5}
.logo-motion-toggle:not([hidden]){background:#163c56;border-color:#b9ddfa66;color:#e5f1fa}
.game-card{border-color:#a3c9e180;background:linear-gradient(145deg,#214d6b,#14324b 75%);box-shadow:inset 0 1px #e4f1ff29,0 10px 24px #08243a33}
.game-art{background:radial-gradient(ellipse at 50% 100%,#53a2be38,transparent 78%)}
.game-body p{color:#d9e6f0}.chip{background:#123149eb;border-color:#bad9e566;color:#edf6fd}
.section-head{border-bottom-color:#bddff04d}.section-head p{color:#d0deea}
.rank-callout{background:linear-gradient(115deg,#42545e,#204660);border-color:#e4d39299}
.rank-callout p{color:#e1ebf4}.rank-board,.personal,.guide-grid article{background:linear-gradient(145deg,#244d68,#173851);border-color:#a3c9e177}
.site-footer{background:#153b56;border-top-color:#bad7e65c}.zv-language{background:#173e58f5;border-color:#bad9ed88}
.tg-panel:before,.zv-card:before{background-color:transparent;mix-blend-mode:lighten}
.tg-start{background:radial-gradient(ellipse at 25% 20%,#3c7895f2,#153954f7)!important}
.tg-panel,.zv-card{background:linear-gradient(145deg,#26526e,#132f49)!important;border-color:#a9d1e788!important}
.rush-intro,.intro{background:radial-gradient(ellipse at 20% 20%,#3c7895f2,#153954f7)}
.rush-card,.intro>div{background:linear-gradient(145deg,#26526e,#132f49);border-color:#a9d1e788}
.rush-card p,.intro p{color:#e3edf5}.rush-card small,.intro small{color:#cedfec}
.rush-shell header a,.burst-shell header a,.burst-shell header button{background:#1d4561;color:#e7f4fc;border-color:#a2cbe277}
.rush-hud div,.burst-shell .hud>div{background:linear-gradient(145deg,#285974,#17364e);border-color:#a2cbe277;color:#d4e8f7}
.rush-note,.burst-shell .hint{color:#d1e2ee}
/* Keep opening/replay controls clear of fixed audio controls on short phones. */
@media(max-height:720px){.tg-panel,.zv-card{max-height:calc(100svh - 100px);margin-bottom:55px;overflow:auto}.tg-panel{padding:22px 20px!important}.tg-panel:before,.zv-card:before{width:min(100%,220px);height:61px;margin-bottom:10px}.tg-panel .tg-emoji{font-size:36px!important}.tg-panel h1,html[lang=en] .tg-panel h1{font-size:25px;margin:10px 0}.tg-panel p{font-size:14px;line-height:1.65;margin:8px 0}.tg-panel .tg-go{margin-top:14px}}

/* Rounded, raised surfaces echo the approved blue-and-gold wordmark. */
.game-card {
  border-color: #b9ddfa99;
  border-radius: 22px;
  background: linear-gradient(155deg, #396c89, #204d6c 45%, #173951);
  box-shadow: inset 0 2px #effaff66, inset 0 -5px #102d46, 0 8px 18px #06253b44;
}
.game-card:hover, .game-card:focus-visible {
  border-color: #f4e8b2;
  box-shadow: inset 0 2px #effaff88, inset 0 -5px #102d46, 0 12px 24px #06253b55;
}
.game-art {
  background: radial-gradient(ellipse at 45% 25%, #c4ecff26, transparent 68%);
}
.game-body h3, .section-head h2, .rush-shell h1, .burst-title h1 {
  font-family: ui-rounded, 'Hiragino Maru Gothic ProN', system-ui, sans-serif;
  color: #fff0ba;
  text-shadow: 0 2px #23445f;
  font-weight: 900;
}
.btn.primary, .card-bottom strong, .rush-card button, .intro button, .zv-card button.primary {
  border-color: #fff2c4;
  border-radius: 16px;
  background: linear-gradient(170deg, #fff3c5, #ecd58f 58%, #d6b56d);
  color: #203044;
  box-shadow: inset 0 2px #fff9, inset 0 -3px #bd955c, 0 4px #8c7049, 0 8px 14px #0b243b44;
}
.rush-card #share {
  background: linear-gradient(160deg, #426d87, #214760);
  color: #effaff;
  box-shadow: inset 0 2px #d2efff55, inset 0 -3px #13324c, 0 4px #102d46;
}
.rush-shell .rush-pad {
  border-color: #a6cde377;
  background: linear-gradient(155deg, #355e7c, #1c3d59 65%);
  box-shadow: inset 0 2px #d2efff33, inset 0 -4px #102d46, 0 3px 6px #0b243b33;
}
.rush-shell .rush-pad.charged {
  border-color: #fff3c5;
  background: linear-gradient(155deg, #fff4cc, #ebd186 60%, #d3ae66);
  color: #293b4a;
  box-shadow: inset 0 3px #fff9, inset 0 -4px #ba9252, 0 0 16px #ead98d33;
}
.rush-shell .rush-pad.danger {
  border-color: #f49aad;
  background: linear-gradient(155deg, #623b55, #36233a 65%);
  color: #ffc1ce;
  box-shadow: inset 0 2px #ffc1ce33, inset 0 -4px #281a31;
}
@media (prefers-reduced-motion: reduce) {
  .game-card:hover, .game-card:focus-visible, .btn.primary:hover { transform: none; }
}