/* REV6: A real game scene, not a bordered quiz form. Child-facing interactions retain original handlers. */
:root{--ra6-blue:#1357e9;--ra6-navy:#103ca8;--ra6-yellow:#ffce0a;--ra6-orange:#f5a900;--ra6-coral:#ff6977;--ra6-green:#61ce68}
.app-shell:has(.ra6-game-page){background:#fff!important;max-width:1100px}
.app-shell:has(.ra6-game-page) .app-header{display:none!important}
.app-shell:has(.ra6-game-page) .main-content{padding:0 0 30px!important;max-width:900px;margin:0 auto}
.ra6-game-page{max-width:770px!important;padding:0 0 32px;margin:0 auto;position:relative}
.ra6-action-rail{display:flex;gap:13px;align-items:center;margin:12px 4px 16px;padding:0 2px}
.ra6-back,.ra6-sound{width:49px;height:49px;border:0;border-radius:17px;background:#e9f2ff;color:var(--ra6-blue);display:grid;place-items:center;flex:none;box-shadow:0 4px 0 #d5e5ff}
.ra6-back svg,.ra6-sound svg{width:26px;height:26px;stroke-width:2.7}
.ra6-sound{background:#ffdf36;color:#1248c1;box-shadow:0 4px 0 #e5b400}
.ra6-action-rail .ra6-progress{display:flex;gap:9px;align-items:center;flex:1;margin:0!important}
.ra6-progress .step{height:13px;flex:1;background:#dce8fc;border-radius:999px}
.ra6-progress .step.done{background:#1660f1}.ra6-progress .step.current{background:var(--ra6-yellow)}
.ra6-storyboard{position:relative;isolation:isolate;border-radius:38px;overflow:hidden;background:linear-gradient(180deg,#d9edff 0%,#e6f4ff 32%,#edf8ff 100%);box-shadow:0 8px 0 #c5e0f8;padding:25px 25px 13px;min-height:570px}
.ra6-storyboard:before{content:"";position:absolute;z-index:-1;right:-82px;top:-138px;background:#ffcf11;width:340px;height:305px;border-radius:50%}
.ra6-storyboard:after{content:"";position:absolute;z-index:-1;left:-80px;bottom:31px;background:#c4e8ff;width:260px;height:170px;border-radius:50%}
.ra6-skin-count{background:linear-gradient(170deg,#e7f4ff 0%,#d8edff 40%,#eff9fe 100%)}
.ra6-skin-move{background:linear-gradient(165deg,#e8f3ff 0%,#d9efff 45%,#f0fbff 100%)}
.ra6-skin-puzzle{background:linear-gradient(170deg,#e4f2ff 0%,#e9f5ff 52%,#f8fbff 100%)}
.ra6-bubble-circle{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.ra6-bubble-one{width:26px;height:26px;left:26px;top:145px;background:#ff6370}
.ra6-bubble-two{width:15px;height:15px;right:28px;top:186px;background:#06be73}
.ra6-caption-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}
.ra6-level{font-weight:1000;letter-spacing:.05em;color:#1243bd;background:#fff8db;padding:8px 14px;border-radius:24px;font-size:12px}
.ra6-deco-stars{color:#ffb600;letter-spacing:6px;font-size:25px}
.ra6-hero-heading{position:relative;display:flex;align-items:center;min-height:131px;margin-bottom:6px;gap:10px}
.ra6-heading-text{flex:1;z-index:1;min-width:0;padding:5px 0}
.ra6-small-hint{font-family:system-ui,sans-serif;font-weight:950;font-size:11px;letter-spacing:.095em;color:#2e65ce;text-transform:uppercase}
.ra6-hero-heading h1{font-family:"Trebuchet MS",system-ui,sans-serif;color:var(--ra6-navy);letter-spacing:-.05em;line-height:1.09;font-size:clamp(34px,5vw,49px);font-weight:1000;margin:7px 0 0;max-width:560px;text-wrap:balance}
.ra6-mascot{position:relative;width:116px;height:116px;align-self:flex-end;flex:none;margin-left:-6px;transform:rotate(7deg);filter:drop-shadow(0 7px 0 #aec8e8)}
.ra6-mascot-star{width:100%;height:100%;object-fit:contain}
.ra6-mascot-shine{position:absolute;right:-13px;top:0;font-size:35px;color:var(--ra6-orange)}
.ra6-playing-field{position:relative;padding:0;min-height:270px}
.ra6-playing-field .activity-zone{background:none!important;border:none!important;box-shadow:none!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;width:100%!important}
.ra6-game-page .ra6-activity{display:flex!important;flex-direction:column;align-items:stretch;gap:12px}
.ra6-game-page .ra6-activity .block-zone{display:flex;gap:8px;justify-content:center;align-content:center;flex-wrap:wrap;min-height:0;margin:0 auto}
.ra6-game-page .math-block.item-block{background:none!important;border:none!important;box-shadow:none!important;width:clamp(49px,9vw,75px)!important;height:clamp(49px,9vw,75px)!important;padding:0!important;min-height:49px;border-radius:8px;touch-action:none;transition:transform .16s,filter .16s}
.ra6-game-page .math-block.item-block:hover,.ra6-game-page .math-block.item-block:focus-visible{transform:scale(1.13) rotate(-4deg);filter:drop-shadow(0 5px 0 rgba(18,65,133,.16))}
.ra6-game-page .math-block.item-block img{width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none;filter:drop-shadow(0 4px 0 rgba(43,94,161,.12))}
.ra6-count-head{display:flex;justify-content:center;align-items:center;gap:14px;min-height:98px;margin:-7px auto -2px;align-self:stretch}
.ra6-count-big{display:grid;place-items:center;width:100px;height:100px;background:#ffca05;border:6px solid #fff;border-radius:34px;box-shadow:0 8px 0 #ec9f00,0 12px 0 rgba(15,72,168,.11);font-size:74px;line-height:1;color:#1351d4;font-weight:1000;letter-spacing:-.08em}
.ra6-count-word{font-size:24px;font-weight:1000;color:#1546b6;min-width:90px;max-width:140px;line-height:1.13;text-transform:capitalize}
.ra6-count-word small{display:block;margin-top:7px;font-size:12px;font-weight:850;color:#4877a6}
.ra6-count-art{width:90px;height:90px;object-fit:contain;transform:rotate(12deg);filter:drop-shadow(0 7px 0 #c1d9f7)}
.ra6-toy-field{position:relative;display:grid;place-items:center;min-height:135px;padding:15px 6px 12px;margin:4px auto;width:100%;border-radius:26px;background:rgba(255,255,255,.46);box-shadow:inset 0 -4px 0 rgba(119,176,229,.11)}
.ra6-toy-field .ra6-toy-grid{max-width:615px;position:relative;z-index:1}
.ra6-float-dots{position:absolute;right:10px;top:5px;color:#ffb300;font-size:15px}
.ra6-garage{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;min-height:140px!important;width:100%;max-width:none!important;background:#ffcf13!important;border:0!important;border-radius:32px!important;box-shadow:0 8px 0 #efa800,0 12px 0 rgba(10,65,142,.09)!important;padding:13px 12px 15px!important;margin:4px 0 6px}
.ra6-garage .ra6-garage-label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:35px;color:#1844a4;font-weight:1000;font-size:12px;letter-spacing:.055em}
.ra6-garage-label strong{display:grid;place-items:center;background:white;border-radius:15px;min-width:55px;height:37px;padding:0 9px;font-size:23px;font-weight:1000;color:#1355dd;letter-spacing:0}
.ra6-garage-symbol{width:33px;height:34px;display:block}.ra6-label-art{width:100%;height:100%;object-fit:contain}
.ra6-garage .ra6-toy-grid{min-height:43px;max-width:600px}
.ra6-drop-invite{display:block;font-size:14px;color:#9c6803;font-weight:950;margin:7px auto 10px}
.ra6-garage.drag-hover,.ra6-garage.drag-over{background:#fbe878!important;transform:scale(1.015)}
.ra6-two-islands{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.ra6-island{min-width:0;min-height:160px!important;border:0!important;border-radius:29px!important;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:11px 9px!important;box-shadow:0 6px 0 rgba(19,91,189,.12)!important;position:relative}
.ra6-island-blue{background:#1f62e9!important}.ra6-island-yellow{background:#ffe048!important}
.ra6-island .ra6-island-head{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:29px;color:#fff;font-weight:1000;font-size:11px;letter-spacing:.04em}
.ra6-island-yellow .ra6-island-head{color:#1744a3}
.ra6-island-head b{display:grid;place-items:center;border-radius:30px;background:#fff;color:#1454dd;width:32px;height:32px;font-size:19px}
.ra6-island .ra6-toy-grid{min-height:91px!important}
.ra6-all-moved{color:white;font-weight:900;font-size:15px;margin:auto}.ra6-island-yellow .ra6-all-moved{color:#1550b6}
.ra6-join-arrow{color:#1660e1;font-size:27px;text-align:center;font-weight:1000;line-height:1;margin:-4px auto -8px}
.ra6-dot-stage{min-height:185px;background:rgba(255,255,255,.53);border-radius:28px;display:grid;align-content:center;gap:10px;padding:14px 5px;margin:0}
.ra6-mini-title{text-align:center;font-size:11px;font-weight:1000;color:#2054b1;letter-spacing:.09em}
.ra6-game-page .dot-grid.object-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px!important;max-width:510px;margin:4px auto!important;justify-items:center;align-items:center}
.ra6-game-page .item-count .item-art{height:clamp(38px,9vw,70px);width:clamp(38px,9vw,70px);object-fit:contain;filter:drop-shadow(0 5px 0 rgba(3,65,142,.11))}
.ra6-game-page .ra6-visual-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ra6-game-page .answer-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;width:100%!important;max-width:580px!important;margin:14px auto 6px!important}
.ra6-game-page .answer-choices button,.ra6-game-page .shape-choice{min-width:0!important;width:100%;min-height:91px!important;border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 8px 0 #bdd7f7!important;font-size:clamp(33px,7vw,60px)!important;color:#164bd2!important;padding:9px!important;font-family:"Trebuchet MS",system-ui,sans-serif;font-weight:1000}
.ra6-game-page .answer-choices button:nth-child(2){background:#ffdc32!important;box-shadow:0 8px 0 #e7ac08!important}
.ra6-game-page .answer-choices button:nth-child(3){background:#fdefef!important;box-shadow:0 8px 0 #f5b0c0!important}
.ra6-game-page .answer-choices button.selected{background:#45cc77!important;color:white!important;box-shadow:0 8px 0 #269c51!important}
.ra6-game-page .answer-choices button:active{transform:translateY(4px)!important;box-shadow:0 3px 0 #afcaed!important}
.ra6-game-page .answer-choices button.visual-option{min-height:148px!important;align-content:center;align-items:center;justify-content:center;display:flex!important;flex-wrap:wrap;padding:5px!important;border-radius:26px!important}
.ra6-game-page .visual-option .dot{display:inline-flex;justify-content:center;align-items:center;min-width:16px;min-height:16px;padding:0!important;margin:0!important}
.ra6-game-page .visual-option .item-art{width:clamp(16px,3.2vw,30px)!important;height:clamp(16px,3.2vw,30px)!important}
.ra6-game-page .ra6-compare .math-group{cursor:pointer}.ra6-compare .math-group[aria-pressed=true]{outline:5px solid #52d66b!important;outline-offset:3px}
.ra6-compare .math-group .dot-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;margin:4px auto}
.ra6-compare .math-group .item-count .item-art{width:clamp(21px,4vw,42px);height:clamp(21px,4vw,42px)}
.ra6-game-page .pattern-row{background:rgba(255,255,255,.64);padding:24px 10px;border-radius:27px;min-height:128px;gap:6px}
.ra6-game-page .pattern-shape{background:#1959e6;border:0;width:clamp(30px,7vw,53px);height:clamp(30px,7vw,53px);border-radius:50%;box-shadow:0 6px 0 #0b3cba}.ra6-game-page .pattern-shape.square{background:#ffca05;border-radius:12px;box-shadow:0 6px 0 #e8a601}
.ra6-game-page .pattern-shape.missing{background:white;box-shadow:none;border:3px dotted #78a5ee;color:#1544ac}
.ra6-game-page .ra6-pattern-picks{grid-template-columns:repeat(2,minmax(0,150px));justify-content:center}
.ra6-game-page .ra6-pattern-picks button{display:grid;place-items:center!important}
.ra6-seq-slots,.ra6-seq-numbers{background:rgba(255,255,255,.6);border-radius:23px;min-height:104px;padding:10px;gap:10px}
.ra6-game-page .number-slot,.ra6-game-page .num-token{min-width:63px;width:clamp(58px,15vw,86px);height:clamp(67px,17vw,93px);background:#fff;border:none;border-radius:20px;display:grid;place-items:center;font-size:40px;color:#114ccc;font-weight:1000;box-shadow:0 6px 0 #bcdbfa}
.ra6-game-page .number-slot.filled{background:#ffe45c;box-shadow:0 6px 0 #e2b612}
.ra6-game-page .num-token{background:#ffce0b;box-shadow:0 6px 0 #e5a900}
.ra6-reset{align-self:center}
.ra6-game-page .bond-circle,.ra6-game-page .bond-parts span{background:#ffce0b;border:0;box-shadow:0 6px 0 #e2a600;color:#1347bb;font-size:45px}
.ra6-game-page .bond-parts span{background:white;box-shadow:0 6px 0 #b6d4fb}.ra6-game-page .bond-parts .blank{background:#ffdd35;box-shadow:0 6px 0 #e3ad00}
.ra6-game-page .bond-branches span{background:#1953cb;height:4px}
.ra6-game-page .game-number-display{margin:0 auto 4px;height:170px}.ra6-game-page .hero-number-tile{width:150px;height:144px;font-size:114px;border:6px solid #ffcc0b;box-shadow:0 7px 0 #eda600}
.ra6-game-page .hero-friend{width:76px;height:76px;right:10%}
.ra6-game-page .game-equation-display{margin:0 auto 10px;min-height:125px}.ra6-game-page .game-equation-display strong{background:#ffdd40;border:0;box-shadow:0 8px 0 #e9b00a;color:#1552d9}
.ra6-game-page .game-story-display{margin:0 auto 10px}
.ra6-grass-edge{position:absolute;left:-6px;right:-6px;bottom:0;height:14px;background:#7fd956;border-radius:60% 60% 0 0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 27px;pointer-events:none;z-index:-1}
.ra6-grass-edge i{font-size:22px;color:#ffec71;font-style:normal;text-shadow:0 2px #40a662}.ra6-grass-edge i:nth-child(2){color:white}
.ra6-bottom-actions{display:flex;justify-content:flex-start;gap:12px;align-items:center;margin:22px 7px 0}
.ra6-help-btn{background:#eaf3ff;border:2px solid #d4e6ff;color:#1648b1;padding:13px 19px;border-radius:19px;display:inline-flex;gap:10px;align-items:center;font-weight:1000;min-height:52px;box-shadow:0 4px 0 #d5e3f9}
.ra6-help-btn svg{width:20px;height:20px}.ra6-help-btn:disabled{opacity:.38}
.ra6-bottom-actions .btn{margin-left:auto}.ra6-help{margin:21px 5px 0}.ra6-feedback{margin:19px 5px 0!important;font-size:16px;font-weight:1000;padding:14px 17px!important}
@media(max-width:620px){.ra6-game-page{max-width:100%;padding-bottom:25px}.ra6-action-rail{margin:8px 2px 16px}.ra6-back,.ra6-sound{width:43px;height:43px;border-radius:14px}.ra6-back svg,.ra6-sound svg{width:24px;height:24px}.ra6-storyboard{border-radius:31px;min-height:440px;padding:18px 16px 16px}.ra6-storyboard:before{width:195px;height:195px;right:-54px;top:-70px}.ra6-hero-heading{min-height:112px;margin-bottom:5px}.ra6-hero-heading h1{font-size:clamp(28px,7.8vw,38px);max-width:270px}.ra6-mascot{width:91px;height:94px;margin-left:-25px}.ra6-count-head{min-height:83px;gap:10px}.ra6-count-big{width:77px;height:78px;border-radius:24px;font-size:58px;border-width:4px;box-shadow:0 6px 0 #eeb000}.ra6-count-word{font-size:19px;min-width:80px;max-width:110px}.ra6-count-art{width:66px;height:67px}.ra6-toy-field{min-height:132px;padding:11px 3px}.ra6-game-page .math-block.item-block{width:clamp(45px,13.8vw,60px)!important;height:clamp(45px,13.8vw,60px)!important;min-height:45px}.ra6-game-page .ra6-activity .block-zone{gap:5px}.ra6-garage{border-radius:25px!important;min-height:131px!important;padding:12px 8px!important}.ra6-island{min-height:140px!important;padding:9px 7px!important;border-radius:24px!important}.ra6-island .ra6-island-head{font-size:9px}.ra6-island .ra6-toy-grid{min-height:87px!important}.ra6-two-islands{gap:8px}.ra6-game-page .ra6-island .math-block.item-block{width:clamp(37px,9vw,52px)!important;height:clamp(37px,9vw,52px)!important}.ra6-game-page .answer-choices{gap:8px!important}.ra6-game-page .answer-choices button{border-radius:21px!important;min-height:78px!important;font-size:clamp(27px,8.5vw,39px)!important;box-shadow:0 6px 0 #bdd7f7!important}.ra6-game-page .answer-choices button.visual-option{min-height:114px!important}.ra6-game-page .ra6-visual-choices .item-art{width:clamp(16px,5vw,23px)!important;height:clamp(16px,5vw,23px)!important}.ra6-game-page .dot-grid.object-grid{gap:3px}.ra6-game-page .item-count .item-art{width:clamp(35px,12vw,52px);height:clamp(35px,12vw,52px)}.ra6-level{font-size:10px;padding:7px 10px}.ra6-deco-stars{font-size:19px}.ra6-bottom-actions{margin-top:18px}}
@media(max-width:360px){.ra6-storyboard{padding:15px 10px 15px}.ra6-hero-heading h1{font-size:27px}.ra6-mascot{width:76px;height:81px}.ra6-count-art{width:54px}.ra6-count-big{width:70px;height:73px;font-size:55px}.ra6-count-word{min-width:55px;max-width:88px}.ra6-game-page .math-block.item-block{width:clamp(42px,13.6vw,50px)!important;height:clamp(42px,13.6vw,50px)!important}}
@media(prefers-reduced-motion:no-preference){.ra6-mascot-star{animation:ra6Star 3.2s ease-in-out infinite}.ra6-drop-invite{animation:ra6Invitation 1.7s ease-in-out infinite}}@keyframes ra6Star{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(7deg) translateY(-3px)}}@keyframes ra6Invitation{0%,100%{opacity:.8}50%{opacity:1;transform:translateY(-3px)}}
/* Keep the heading clear of the floating star on every phone size. */
.ra6-hero-heading .ra6-heading-text{max-width:calc(100% - 110px)}
@media(max-width:620px){.ra6-hero-heading .ra6-heading-text{max-width:calc(100% - 86px)}.ra6-hero-heading h1{font-size:clamp(29px,7.4vw,37px);overflow-wrap:normal}.ra6-mascot{margin-left:0}}
@media(max-width:360px){.ra6-hero-heading .ra6-heading-text{max-width:calc(100% - 73px)}.ra6-hero-heading h1{font-size:27px}}

/* Compact center when there is only a handful of numeric choices. */
.ra6-playing-field{min-height:0!important}
.ra6-storyboard{min-height:0!important}
.ra6-hero-heading h1{position:relative}
@media(max-width:620px){.ra6-storyboard{min-height:0!important}.ra6-game-page .game-story-display{min-height:90px}.ra6-game-page .game-story-display .story-tile{width:92px;height:85px}.ra6-game-page .story-object{width:82px;height:82px}}
/* Decorative dots must not cover words or touch targets. */
.ra6-bubble-one{display:none!important}