/* Cache-safe Pro shell for games 06-18. The unique filename forces browsers and CDNs to refresh. */
body.pro-arcade-game{
  --arcade-accent:#59e2ff;
  --arcade-warm:#ffe36a;
  min-height:100vh;
  color:#f8fdff;
  background:
    radial-gradient(circle at 8% 6%,rgba(96,236,255,.28),transparent 28rem),
    radial-gradient(circle at 92% 17%,rgba(255,225,96,.22),transparent 26rem),
    radial-gradient(circle at 48% 105%,rgba(82,232,176,.21),transparent 34rem),
    linear-gradient(145deg,#061936,#075c80 56%,#07375f);
  background-attachment:fixed;
  overscroll-behavior:none;
}
body.pro-arcade-game::before,
body.pro-arcade-game::after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
  filter:blur(1px);
  opacity:.62;
}
body.pro-arcade-game::before{width:22rem;height:22rem;left:-9rem;bottom:-8rem;background:radial-gradient(circle at 65% 35%,rgba(129,255,226,.35),rgba(18,100,148,.08) 62%,transparent 63%)}
body.pro-arcade-game::after{width:18rem;height:18rem;right:-7rem;top:24%;background:radial-gradient(circle at 35% 55%,rgba(255,230,100,.24),rgba(72,157,220,.08) 64%,transparent 65%)}
body.pro-arcade-game[data-game-slug="spelling-train"],
body.pro-arcade-game[data-game-slug="sentence-builder"]{--arcade-accent:#b6a0ff;--arcade-warm:#ffe580}
body.pro-arcade-game[data-game-slug="memory-garden"],
body.pro-arcade-game[data-game-slug="animal-habitat"]{--arcade-accent:#71edba;--arcade-warm:#fff099}
body.pro-arcade-game[data-game-slug="number-fishing"],
body.pro-arcade-game[data-game-slug="space-explorer"]{--arcade-accent:#67caff;--arcade-warm:#ffd967}
body.pro-arcade-game>.wrap{position:relative;z-index:1;width:min(100%,1080px);max-width:none;padding-bottom:max(54px,env(safe-area-inset-bottom))}
body.pro-arcade-game .topbar{
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(8,52,92,.78),rgba(4,31,70,.6));
  box-shadow:0 18px 58px rgba(0,15,45,.28),inset 0 1px rgba(255,255,255,.15);
  backdrop-filter:blur(15px);
}
body.pro-arcade-game .topbar .logo{color:#fff}
body.pro-arcade-game .topbar .logo span{color:var(--arcade-accent)}
body.pro-arcade-game .topbar select,
body.pro-arcade-game .topbar button{min-height:44px;color:#fff;border:1px solid rgba(255,255,255,.24);background:rgba(3,33,73,.78);box-shadow:inset 0 1px rgba(255,255,255,.1)}
body.pro-arcade-game .arcade-shell{
  position:relative;
  max-width:920px;
  overflow:hidden;
  color:#fff;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(150deg,rgba(12,72,118,.94),rgba(5,34,75,.96));
  box-shadow:0 38px 110px rgba(0,11,40,.42),inset 0 1px rgba(255,255,255,.15);
}
body.pro-arcade-game .arcade-shell::before{content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 0,rgba(113,237,255,.15),transparent 31rem),radial-gradient(circle at 90% 20%,rgba(255,225,94,.12),transparent 25rem)}
body.pro-arcade-game .arcade-shell>*{position:relative;z-index:1}
body.pro-arcade-game .arcade-title h1{letter-spacing:-.045em;text-shadow:0 10px 34px rgba(0,0,0,.3)}
body.pro-arcade-game .arcade-action,
body.pro-arcade-game .difficulty-label{color:#16324d;border:1px solid rgba(255,255,255,.8);background:linear-gradient(180deg,#fff,#dff5ff);box-shadow:0 5px 0 #72a8c7,0 10px 22px rgba(0,19,51,.2)}
body.pro-arcade-game .difficulty-select{min-height:40px;color:#fff;border:0;background:#176ca9;font-weight:900}
body.pro-arcade-game .arcade-hud{grid-template-columns:repeat(4,minmax(0,1fr))}
body.pro-arcade-game .arcade-stat{display:grid;place-items:center;align-content:center;min-height:70px;color:#9defff;border:1px solid rgba(151,235,255,.32);background:linear-gradient(145deg,rgba(12,80,125,.9),rgba(5,40,82,.94));box-shadow:0 14px 34px rgba(0,12,42,.23),inset 0 1px rgba(255,255,255,.12);text-transform:uppercase;letter-spacing:.04em}
body.pro-arcade-game .arcade-stat b{color:var(--arcade-warm);font-size:1.45rem;text-shadow:0 4px 12px rgba(0,0,0,.32);letter-spacing:0;text-transform:none}
body.pro-arcade-game .arcade-guide{color:#e5f7ff;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(93,219,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.09)}
body.pro-arcade-game .arcade-guide strong{color:var(--arcade-warm)}
body.pro-arcade-game .arcade-guide p{color:#e0f4ff}
body.pro-arcade-game .arcade-stage{border:1px solid rgba(170,238,255,.38);border-radius:30px;background:#061c43;box-shadow:0 32px 90px rgba(0,7,33,.46),0 0 0 6px rgba(73,203,238,.07),inset 0 1px rgba(255,255,255,.16);isolation:isolate}
body.pro-arcade-game .arcade-stage::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 30%,transparent 72%,rgba(77,221,255,.055))}
body.pro-arcade-game .arcade-panel{color:#fff;border:1px solid rgba(255,255,255,.24);background:linear-gradient(150deg,#1378b8,#082e68);box-shadow:0 30px 82px rgba(0,0,0,.48)}
body.pro-arcade-game .arcade-panel p{color:#def4ff}
body.pro-arcade-game .arcade-panel .btn{color:#25375a;background:linear-gradient(180deg,#fff584,#ffc83f);box-shadow:0 6px 0 #b77918}
body.pro-arcade-game .arcade-actions{padding:6px}
body.pro-arcade-game .arcade-action.primary{color:#573800;background:linear-gradient(180deg,#fff58a,#ffcf45);box-shadow:0 5px 0 #c38a1d,0 10px 22px rgba(0,19,51,.2)}
body.pro-arcade-game .arcade-footer-note{color:#cfeaf6;opacity:1}
@media(hover:hover){body.pro-arcade-game .arcade-action:hover{transform:translateY(-2px);filter:saturate(1.08) brightness(1.03)}}
@media(max-width:680px){
  body.pro-arcade-game>.wrap{padding-left:8px;padding-right:8px}
  body.pro-arcade-game .topbar{border-radius:17px}
  body.pro-arcade-game .arcade-shell{margin:10px auto;padding:13px;border-radius:22px}
  body.pro-arcade-game .arcade-hud{grid-template-columns:1fr 1fr}
  body.pro-arcade-game .arcade-stat{min-height:60px;padding:7px;font-size:.76rem}
  body.pro-arcade-game .arcade-guide{font-size:.84rem}
  body.pro-arcade-game .arcade-stage{border-radius:21px}
  body.pro-arcade-game .arcade-actions{position:sticky;bottom:max(6px,env(safe-area-inset-bottom));z-index:8;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(4,31,67,.87);backdrop-filter:blur(11px)}
}
@media(prefers-reduced-motion:reduce){body.pro-arcade-game .arcade-action{transition:none!important}}