.cb-game{position:relative;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding:68px 12px 24px;color:#51230f;background:radial-gradient(circle at 50% 9%,rgb(255 255 255/72%),transparent 35%),linear-gradient(160deg,#c9f2ff,#fff3ce 54%,#ffd5e5);isolation:isolate}.cb-page-heading{position:relative;z-index:3;width:min(900px,calc(100% - 190px));margin:0 auto 10px;text-align:center}.cb-page-heading p{margin:0 0 1px;color:#9d174d;font-size:clamp(.68rem,1.05vw,.88rem);font-weight:1000;letter-spacing:.22em;text-shadow:0 2px 0 #fff}.cb-page-heading h1{margin:0;color:#fff9fb;font-size:clamp(2rem,4.1vw,4.1rem);font-weight:1000;line-height:.96;letter-spacing:-.045em;-webkit-text-stroke:1.5px #d9467e;text-shadow:0 4px 0 #f472b6,0 8px 0 #9d174d,0 12px 18px rgb(84 24 71/28%)}.cb-shell{position:relative;z-index:2;display:flex;flex-direction:column;width:min(1180px,100%);min-height:clamp(720px,calc(100svh - 165px),880px);margin:0 auto;padding:14px 22px 17px;overflow:hidden;border:6px solid #fff;border-radius:38px;background:#ffe7c8;box-shadow:0 10px 0 #b45309,0 28px 52px rgb(120 53 15/30%);isolation:isolate}.cb-shell>.g5-art-backdrop{z-index:-2}.cb-shell .g5-art-composite{inset:-1%!important;width:102%!important;height:102%!important;object-position:center;filter:saturate(1.035) contrast(1.025)}.cb-shell .g5-art-readable-wash{background:linear-gradient(180deg,rgb(255 252 238/20%),transparent 25%,transparent 78%,rgb(84 31 15/12%)),radial-gradient(ellipse at center,transparent 42%,rgb(76 29 10/8%) 100%)}.cb-game .cb-choices,.cb-game .cb-hud,.cb-game .cb-order,.cb-game .cb-workbench{border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.cb-hud{position:absolute;top:15px;right:20px;z-index:10;display:grid;grid-template-columns:1fr auto;align-items:center;width:226px;gap:5px 10px}.cb-progress-copy,.cb-score{padding:7px 11px;border:2px solid rgb(255 255 255/78%);border-radius:999px;background:rgb(255 250 240/86%);box-shadow:0 4px 0 rgb(120 53 15/18%);font-size:.88rem;font-weight:1000;line-height:1;white-space:nowrap}.cb-score{color:#9d174d}.cb-progress-copy{color:#713f12}.cb-progress{grid-column:1/-1;height:10px;overflow:hidden;border:2px solid rgb(255 255 255/80%);border-radius:999px;background:rgb(255 255 255/58%);box-shadow:0 2px 0 rgb(120 53 15/16%)}.cb-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#fb7185,#facc15)}.cb-order{position:relative;z-index:7;display:flex;align-items:center;justify-content:center;width:min(710px,calc(100% - 420px));min-height:104px;margin:0 auto;gap:13px;text-align:center}.cb-prompt-copy{max-width:650px}.cb-prompt-copy span,.cb-work-label{display:block;margin:0 0 4px;color:#be185d;font-size:clamp(.7rem,1.1vw,.9rem);font-weight:1000;letter-spacing:.16em;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 3px 6px rgb(255 255 255/95%)}.cb-prompt-copy p{margin:0;color:#4c1d0c;font-size:clamp(1rem,1.8vw,1.48rem);font-weight:1000;line-height:1.23;text-wrap:balance;text-shadow:-2px -2px 0 rgb(255 252 240/95%),2px -2px 0 rgb(255 252 240/95%),-2px 2px 0 rgb(255 252 240/95%),2px 2px 0 rgb(255 252 240/95%),0 5px 10px rgb(255 255 255/88%)}.cb-speaker{display:inline-grid;flex:0 0 54px;width:54px;height:54px;place-items:center;border:3px solid #9a3412;border-radius:50%;color:#7c2d12;background:linear-gradient(145deg,#fff5b7,#fbbf24);box-shadow:0 6px 0 #9a3412,0 9px 14px rgb(120 53 15/25%);cursor:pointer;touch-action:manipulation}.cb-speaker svg{width:26px;height:26px;stroke-width:3}.cb-choice:focus-visible,.cb-speaker:focus-visible{outline:5px solid #0ea5e9!important;outline-offset:4px!important}.cb-workbench{position:relative;z-index:4;width:min(780px,100%);min-height:415px;margin:-2px auto 0;text-align:center}.cb-work-label{margin-bottom:-7px;color:#7c2d12;letter-spacing:.08em}.cb-cake-wrap{width:min(480px,74vw);margin:-15px auto 0;padding-bottom:41px}.cb-cake-motion,.cb-cake-wrap{position:relative}.cb-cake-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 17px 13px rgb(78 33 12/30%));-webkit-user-select:none;user-select:none}.cb-slice-overlay{position:absolute;top:5.4%;left:11.5%;width:77%;height:43.5%;overflow:visible}.cb-cake-sparkle{position:absolute;top:8%;right:8%;font-size:clamp(1.5rem,3vw,2.6rem);filter:drop-shadow(0 2px 0 #fff)}.cb-equation,.cb-slice-count{position:absolute;left:50%;transform:translateX(-50%);border:3px solid rgb(255 255 255/90%);border-radius:999px;color:#5b210d;background:rgb(255 247 214/91%);box-shadow:0 5px 0 rgb(120 53 15/20%);font-weight:1000;white-space:nowrap}.cb-slice-count{top:48%;padding:5px 12px;font-size:clamp(.68rem,1vw,.85rem)}.cb-equation{bottom:0;padding:7px 22px 8px;color:#7e22ce;font-size:clamp(1.55rem,3.1vw,2.35rem);line-height:1}.cb-choices{z-index:7;grid-template-columns:repeat(4,minmax(0,1fr));width:min(805px,calc(100% - 250px));margin:-7px 8px 0 auto;gap:10px}.cb-choice,.cb-choices{position:relative;display:grid}.cb-choice{min-width:0;min-height:111px;place-items:center;border:0!important;border-radius:0!important;color:#621b45;background-color:transparent!important;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;filter:drop-shadow(0 9px 5px rgb(89 28 50/27%));font-size:clamp(1.35rem,2.5vw,2rem);font-weight:1000;line-height:1;text-shadow:0 2px 0 rgb(255 255 255/95%);cursor:pointer;touch-action:manipulation}.cb-choice:disabled{cursor:default;opacity:1}.cb-choice.is-correct{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px #22c55e) drop-shadow(0 9px 5px rgb(89 28 50/27%))}.cb-choice.is-wrong{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #fb7185) drop-shadow(0 9px 5px rgb(89 28 50/27%))}.cb-choice svg{position:absolute;top:11px;right:17%;width:25px;height:25px;padding:3px;border-radius:50%;color:#fff;background:#16a34a;stroke-width:4}.cb-corner-guide{position:absolute;bottom:36px;left:12px;z-index:6;display:grid;width:238px;justify-items:center;pointer-events:none}.cb-corner-guide .g5-mascot{width:226px}.cb-corner-guide p{max-width:210px;margin:-21px 0 0;padding:7px 13px;border:2px solid rgb(255 255 255/84%);border-radius:999px;color:#831843;background:rgb(255 250 240/89%);box-shadow:0 4px 0 rgb(120 53 15/18%);font-size:.84rem;line-height:1.05}.cb-corner-guide p,.cb-feedback{font-weight:1000;text-align:center}.cb-feedback{position:relative;z-index:8;width:min(730px,calc(100% - 255px));min-height:27px;margin:6px 8px 0 auto;color:#fff;font-size:clamp(.85rem,1.25vw,1rem);line-height:1.15;text-shadow:-2px -2px 0 #6b210e,2px -2px 0 #6b210e,-2px 2px 0 #6b210e,2px 2px 0 #6b210e,0 4px 8px rgb(58 20 6/50%)}@media (max-width:940px){.cb-shell{min-height:820px;padding-inline:15px}.cb-order{width:min(620px,calc(100% - 265px));margin-left:8px}.cb-workbench{min-height:408px}.cb-cake-wrap{width:min(455px,72vw)}.cb-choices{width:calc(100% - 205px);gap:5px}.cb-choice{min-height:104px}.cb-corner-guide{width:205px}.cb-corner-guide .g5-mascot{width:195px}.cb-feedback{width:calc(100% - 205px)}}@media (max-width:700px){.cb-game{padding:64px 5px 18px}.cb-page-heading{width:calc(100% - 104px);margin-bottom:8px}.cb-page-heading p{letter-spacing:.13em}.cb-page-heading h1{font-size:clamp(1.75rem,8.5vw,2.65rem)}.cb-shell{min-height:0;padding:11px 9px 18px;border-width:4px;border-radius:28px;box-shadow:0 7px 0 #b45309,0 17px 34px rgb(120 53 15/28%)}.cb-hud{position:relative;top:auto;right:auto;align-self:center;width:min(270px,100%);margin-bottom:3px}.cb-order{width:100%;min-height:112px;margin:0;padding-inline:3px}.cb-prompt-copy p{font-size:clamp(.98rem,4.2vw,1.2rem)}.cb-speaker{flex-basis:50px;width:50px;height:50px}.cb-workbench{min-height:0;margin-top:-4px}.cb-cake-wrap{width:min(420px,95vw);margin-top:-13px}.cb-choices{grid-template-columns:repeat(2,minmax(0,1fr));width:min(440px,100%);margin:-5px auto 0;gap:0 8px}.cb-choice{min-height:98px;font-size:clamp(1.35rem,7vw,1.8rem)}.cb-corner-guide{position:relative;bottom:auto;left:auto;display:grid;grid-template-columns:130px 1fr;width:min(370px,100%);min-height:122px;margin:-17px auto -7px;align-items:center;justify-items:center}.cb-corner-guide .g5-mascot{width:145px}.cb-corner-guide p{max-width:210px;margin:0 0 0 -10px;font-size:.8rem}.cb-feedback{width:100%;margin:0 auto;font-size:.83rem}}@media (max-width:400px){.cb-page-heading h1{font-size:1.55rem}.cb-order{gap:6px}.cb-prompt-copy p{font-size:.91rem}.cb-cake-wrap{width:102vw;margin-left:50%;transform:translateX(-50%)}.cb-choice{min-height:88px}}@media (prefers-reduced-motion:reduce){.cb-game *,.cb-game :after,.cb-game :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}