.brainopia-game-page{
  --brainopia-ink:#10245c;
  --brainopia-purple:#7447c7;
  --brainopia-sky:#1682d4;
  --brainopia-pink:#dc3a82;
  --brainopia-gold:#f3a400;
  --brainopia-green:#38a853;
  --brainopia-region:#7447c7;
  --brainopia-region-soft:#f2edff;
  --brainopia-region-deep:#4c278f;
  box-sizing:border-box;
  background-color:#f7f9ff;
}
.brainopia-game-page[data-brainopia-region="word-woods"]{--brainopia-region:#0874ce;--brainopia-region-soft:#eaf6ff;--brainopia-region-deep:#07559a}
.brainopia-game-page[data-brainopia-region="number-neighborhood"]{--brainopia-region:#e89700;--brainopia-region-soft:#fff6dc;--brainopia-region-deep:#9c6000}
.brainopia-game-page[data-brainopia-region="memory-meadows"]{--brainopia-region:#7041bd;--brainopia-region-soft:#f2edff;--brainopia-region-deep:#4c278f}
.brainopia-game-page[data-brainopia-region="quickstep-quarter"]{--brainopia-region:#eb3e4f;--brainopia-region-soft:#fff0f2;--brainopia-region-deep:#a31d2b}
.brainopia-game-page[data-brainopia-region="focus-forest"]{--brainopia-region:#38a853;--brainopia-region-soft:#eefaf1;--brainopia-region-deep:#247539}
.brainopia-game-page[data-brainopia-region="puzzle-peaks"]{--brainopia-region:#dc3a82;--brainopia-region-soft:#fff0f7;--brainopia-region-deep:#982254}
.brainopia-game-page,.brainopia-game-page *{box-sizing:border-box}
.brainopia-game-page :focus-visible{outline:4px solid var(--brainopia-region);outline-offset:4px}
.brainopia-game-station{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  width:100%;
  margin:0 0 clamp(24px,4vw,40px);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--brainopia-region) 28%,#dce4f2);
  border-radius:26px;
  padding:clamp(16px,2.5vw,24px);
  background:linear-gradient(120deg,#fff 0 62%,var(--brainopia-region-soft));
  box-shadow:0 18px 52px rgba(16,36,92,.1);
}
.brainopia-game-station::before{
  position:absolute;
  inset:0 auto 0 0;
  z-index:-1;
  width:8px;
  background:var(--brainopia-region);
  content:"";
}
.brainopia-game-station-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:20px;color:#fff;background:var(--brainopia-region);box-shadow:0 10px 24px color-mix(in srgb,var(--brainopia-region) 28%,transparent);font-size:29px}
.brainopia-game-station>div{display:grid;gap:3px}
.brainopia-game-station small{color:var(--brainopia-region-deep);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.brainopia-game-station strong{color:var(--brainopia-ink);font:900 clamp(22px,3vw,31px)/1.05 'Changa',Arial,sans-serif}
.brainopia-game-station>div>span{color:#61708a;font-size:12px;font-weight:800}
.brainopia-game-station>a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:10px 16px;color:#fff;background:var(--brainopia-region);font-size:11px;font-weight:950;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.brainopia-game-station>a:hover,.brainopia-game-station>a:focus-visible{color:#fff;background:var(--brainopia-region-deep);box-shadow:0 12px 26px color-mix(in srgb,var(--brainopia-region) 24%,transparent);transform:translateY(-2px)}
.brainopia-game-page .game-play-heading{position:relative;align-items:stretch;border:1px solid #dfe6f3;border-top:8px solid var(--brainopia-region);border-radius:30px;padding:clamp(22px,4vw,38px);background:rgba(255,255,255,.94);box-shadow:0 20px 58px rgba(16,36,92,.09)}
.brainopia-game-page .game-play-heading h1{color:var(--brainopia-ink)}
.brainopia-game-page .game-play-heading>div>p:not(.game-level-current){color:var(--brainopia-region-deep)}
.brainopia-game-page .game-play-heading aside{align-content:center;background:linear-gradient(150deg,var(--brainopia-region-deep),var(--brainopia-ink))}
.brainopia-game-page .game-play-heading aside strong{color:#fff2a5}
.brainopia-game-page .game-play-breadcrumbs a{border-color:color-mix(in srgb,var(--brainopia-region) 22%,#dce4f2);color:var(--brainopia-region-deep)}
.brainopia-game-page .game-play-breadcrumbs a:hover,.brainopia-game-page .game-play-breadcrumbs a:focus-visible{color:#fff;background:var(--brainopia-region);border-color:var(--brainopia-region)}
.brainopia-game-page .game-focus-strip strong{background:var(--brainopia-region-deep)}
.brainopia-game-page .keyboard-game{border-top:8px solid var(--brainopia-region);box-shadow:0 26px 74px rgba(16,36,92,.12)}
.brainopia-game-page .game-next-challenge,.brainopia-game-page .game-play-coach,.brainopia-game-page .game-related-games,.brainopia-game-page .game-caregiver-note{border-color:color-mix(in srgb,var(--brainopia-region) 20%,#dce4f2)}
.brainopia-game-page .game-caregiver-note{border-left-color:var(--brainopia-region)}
.brainopia-game-page .game-caregiver-note strong,.brainopia-game-page .game-play-coach dt,.brainopia-game-page .game-related-games>div:first-child>strong{color:var(--brainopia-region-deep)}
.brainopia-game-page .game-next-challenge .ybag-button,.brainopia-game-page .game-level-action,.brainopia-game-page .game-related-card em{background:var(--brainopia-region)}
.memory-game.brainopia-game-page .brainopia-game-station{width:min(calc(100% - 48px),1380px);margin:clamp(26px,4vw,46px) auto 0}
.memory-game.brainopia-game-page .memory-heading{border-top:8px solid var(--brainopia-region)}
.memory-game.brainopia-game-page .memory-breadcrumbs a{border-color:color-mix(in srgb,var(--brainopia-region) 22%,#dce4f2);color:var(--brainopia-region-deep)}
.memory-game.brainopia-game-page .memory-breadcrumbs a:hover,.memory-game.brainopia-game-page .memory-breadcrumbs a:focus-visible{color:#fff;background:var(--brainopia-region);border-color:var(--brainopia-region)}
@media(max-width:780px){
  .brainopia-game-station{grid-template-columns:auto minmax(0,1fr)}
  .brainopia-game-station>a{grid-column:1/-1;width:100%}
  .brainopia-game-page .game-play-heading{grid-template-columns:1fr}
}
@media(max-width:560px){
  .brainopia-game-page{padding-right:14px;padding-left:14px}
  .brainopia-game-station{grid-template-columns:1fr;text-align:center}
  .brainopia-game-station-icon{margin-inline:auto}
  .brainopia-game-page .game-play-heading{border-radius:24px;padding:20px}
  .brainopia-game-page .game-play-breadcrumbs{display:grid;grid-template-columns:1fr}
  .brainopia-game-page .game-play-breadcrumbs a{justify-content:center}
  .memory-game.brainopia-game-page .brainopia-game-station{width:min(calc(100% - 28px),1380px)}
}
@media(prefers-reduced-motion:reduce){
  .brainopia-game-station>a{transition:none}
  .brainopia-game-station>a:hover,.brainopia-game-station>a:focus-visible{transform:none}
}
.brainopia-interior-guide{display:grid;gap:18px;margin-top:24px;border:1px solid color-mix(in srgb,var(--brainopia-region) 22%,#dce4f2);border-radius:28px;padding:clamp(20px,3.5vw,32px);background:linear-gradient(145deg,#fff,var(--brainopia-region-soft));box-shadow:0 18px 50px rgba(16,36,92,.08)}
.brainopia-interior-guide>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px}.brainopia-interior-guide>header p{margin:0;color:var(--brainopia-region-deep);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.brainopia-interior-guide h2{max-width:760px;margin:6px 0;color:var(--brainopia-ink);font:900 clamp(27px,4vw,40px)/1.04 'Changa',Arial,sans-serif}.brainopia-interior-guide>header>div>span{color:#63728a;font-size:12px;font-weight:850}.brainopia-interior-guide dl{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:7px;margin:0}.brainopia-interior-guide dl>div{display:grid;gap:3px;border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:10px;background:rgba(255,255,255,.72);text-align:center}.brainopia-interior-guide dt{color:#75839a;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.brainopia-interior-guide dd{margin:0;color:var(--brainopia-region-deep);font:900 18px/1 'Changa',Arial,sans-serif}.brainopia-interior-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.brainopia-interior-steps article{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:11px;border:1px solid #e1e7f0;border-radius:18px;padding:15px;background:#fff}.brainopia-interior-steps article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:var(--brainopia-region-soft);font-size:21px}.brainopia-interior-steps article>div{display:grid;align-content:start;gap:4px}.brainopia-interior-steps small{color:var(--brainopia-region-deep);font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.brainopia-interior-steps strong{color:var(--brainopia-ink);font:900 18px/1.08 'Changa',Arial,sans-serif}.brainopia-interior-steps p{margin:0;color:#5d6c83;font-size:11px;font-weight:720;line-height:1.48}.brainopia-interior-steps em{width:max-content;max-width:100%;margin-top:4px;border-radius:999px;padding:5px 8px;color:var(--brainopia-region-deep);background:var(--brainopia-region-soft);font-size:8px;font-style:normal;font-weight:950;text-transform:uppercase}.brainopia-interior-guide>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid color-mix(in srgb,var(--brainopia-region) 18%,#dce4f2);padding-top:15px}.brainopia-interior-guide>footer p{max-width:760px;margin:0;color:#5d6c83;font-size:11px;font-weight:760;line-height:1.45}.brainopia-interior-guide>footer>div{display:flex;flex-wrap:wrap;gap:7px}.brainopia-interior-guide>footer a{display:inline-flex;min-height:36px;align-items:center;border-radius:999px;padding:8px 12px;color:#fff;background:var(--brainopia-region);font-size:9px;font-weight:950;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.brainopia-interior-guide>footer a+a{border:1px solid var(--brainopia-region);color:var(--brainopia-region-deep);background:#fff}
@media(max-width:900px){.brainopia-interior-guide>header{grid-template-columns:1fr}.brainopia-interior-guide dl{width:100%}.brainopia-interior-steps{grid-template-columns:1fr}.brainopia-interior-guide>footer{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.brainopia-interior-guide dl{grid-template-columns:1fr}.brainopia-interior-guide>footer>div,.brainopia-interior-guide>footer a{width:100%;justify-content:center}}