.frr-shell{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,rgb(255 255 255/.02),rgb(4 92 145/.12));container-type:size;perspective:1100px}[data-game=fraction-rapids-rally] .fraction-rapids-mascot{left:-8px!important}.frr-hud{position:absolute;z-index:28;top:14px;right:14px;display:grid;grid-template-columns:auto minmax(4.8rem,1fr) auto;align-items:center;gap:.35rem;width:min(14.2rem,calc(100% - 28px));min-height:2.25rem;padding:.3rem .48rem;border-radius:.95rem;color:#21496a;background:rgb(255 254 235/.93);box-shadow:0 7px 18px rgb(21 66 96/.25),inset 0 2px rgb(255 255 255/.9);font-size:.63rem;font-weight:1000}.frr-hud>span:first-child,.frr-hud>strong{display:flex;align-items:center;gap:.24rem;white-space:nowrap}.frr-hud svg{width:.84rem;height:.84rem;color:#ee6a4d;fill:#ffd85e}.frr-hud>strong{color:#78531e}.frr-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:.18rem}.frr-progress i{height:.43rem;border-radius:999px;background:#d6e1e7;box-shadow:inset 0 2px 3px rgb(20 73 100/.16)}.frr-progress i.current{background:#56daf1;box-shadow:0 0 0 2px #fff,0 0 10px #37d8ef}.frr-progress i.done{background:linear-gradient(90deg,#ffe45c,#ff8b57);box-shadow:0 0 8px #ffd35d}.frr-streak{position:absolute;z-index:24;top:18px;left:20px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:.36rem;color:#fff;filter:drop-shadow(0 4px 4px rgb(19 73 107/.48));text-shadow:0 2px 0 #245579}.frr-streak svg{grid-row:1/-1;width:2.35rem;height:2.35rem;color:#9bf3ff}.frr-streak span{font-size:.58rem;font-weight:1000;letter-spacing:.1em}.frr-streak strong{font-size:1.4rem;line-height:.85}.frr-order-guide{position:absolute;z-index:12;top:31%;left:50%;display:grid;grid-template-columns:minmax(66px,1fr) auto minmax(66px,1fr) auto minmax(66px,1fr);align-items:center;width:min(510px,58%);color:#fff;filter:drop-shadow(0 4px 4px rgb(8 73 113/.45));transform:translateX(-50%)}.frr-order-guide>span{display:grid;min-height:50px;place-items:center;border:3px dashed rgb(255 255 255/.9);border-radius:50%;background:rgb(8 126 171/.22)}.frr-order-guide b{font-size:1.15rem;line-height:1}.frr-order-guide small{font-size:.45rem;font-weight:1000;letter-spacing:.08em}.frr-order-guide>i{font-size:1.25rem;font-style:normal;font-weight:1000}.frr-rafts{position:absolute;z-index:14;inset:0}.frr-raft{position:absolute;top:59%;left:var(--start-x);width:clamp(130px,17vw,190px);min-width:0;aspect-ratio:768/628;padding:0;touch-action:manipulation;border:0;border-radius:42%;background:transparent;filter:drop-shadow(0 13px 8px rgb(8 51 75/.4));cursor:pointer;transform:translate(-50%,-50%);transform-origin:50% 82%;transition:top .42s cubic-bezier(.2,.75,.24,1),left .42s cubic-bezier(.2,.75,.24,1),filter .2s ease,opacity .2s ease;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.frr-raft:before{position:absolute;z-index:0;right:7%;bottom:0;left:7%;height:19%;border-radius:50%;background:radial-gradient(ellipse,transparent 0 43%,rgb(255 255 255/.78) 48% 56%,rgb(142 231 247/.5) 61%,transparent 70%),radial-gradient(ellipse,rgb(3 65 92/.54),rgb(3 65 92/.18) 56%,transparent 74%);filter:blur(.6px);content:"";transform:scaleY(.55)}.frr-raft:after{position:absolute;z-index:1;right:24%;bottom:-16%;left:24%;height:40%;clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgb(255 255 255/.8),rgb(194 246 255/.5) 42%,transparent);filter:blur(2px);opacity:.25;content:"";transition:opacity .18s ease}.frr-raft img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;user-select:none}.frr-raft:nth-child(2) img{filter:hue-rotate(105deg) saturate(.9)}.frr-raft:nth-child(3) img{filter:hue-rotate(225deg) saturate(.9)}.frr-raft:focus-visible{outline:5px solid #fff45e;outline-offset:4px}.frr-raft:disabled{cursor:default}.frr-raft.selected{--dock-top:36%;top:var(--dock-top);left:var(--dock-left);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 12px 8px rgb(8 51 75/.45))}.frr-raft.selected.slot-0{--dock-left:32%;--race-x:16.2cqw;--finish-tilt:-2deg}.frr-raft.selected.slot-1{--dock-left:50%;--race-x:0cqw;--finish-tilt:0deg}.frr-raft.selected.slot-2{--dock-left:68%;--race-x:-16.2cqw;--finish-tilt:2deg}.frr-fraction{position:absolute;z-index:3;top:4.5%;left:50%;display:grid;width:35%;color:#263c62;font-size:clamp(1rem,2.2vw,1.42rem);font-weight:1000;line-height:.72;text-align:center;text-shadow:0 1px #fff;transform:translateX(-50%)}.frr-fraction i{width:100%;height:2px;margin:.18rem 0;border-radius:9px;background:currentColor}.frr-rank{position:absolute;z-index:4;top:-10px;right:-2px;display:grid;width:34px;height:34px;place-items:center;border:3px solid #fff;border-radius:50%;color:#4b356d;background:#ffe864;box-shadow:0 4px 0 #d89428;font-size:1rem;font-weight:1000}.frr-controls{position:absolute;z-index:22;bottom:49px;left:50%;display:flex;align-items:center;gap:.65rem;transform:translateX(-50%)}.frr-controls button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1rem;touch-action:manipulation;border:solid #fff;border-width:3px 3px 6px;border-radius:999px;color:#fff;box-shadow:0 8px 16px rgb(7 60 91/.3);font-size:.85rem;font-weight:1000;white-space:nowrap}.frr-controls svg{width:1.15rem;height:1.15rem}.frr-reset{background:linear-gradient(#7cc9dc,#3c90b2);border-bottom-color:#26627f!important}.frr-check{background:linear-gradient(#ffb65c,#ef654c);border-bottom-color:#af3a3d!important}.frr-controls button:focus-visible{outline:4px solid #fff45e;outline-offset:3px}.frr-controls button:disabled{opacity:.48;cursor:default}.frr-feedback{position:absolute;z-index:21;bottom:4px;left:50%;width:min(38rem,calc(100% - 24px));min-height:2.1rem;padding:.38rem .75rem;border:2px solid rgb(255 255 255/.72);border-radius:999px;color:#fff;background:rgb(17 82 119/.75);box-shadow:0 6px 15px rgb(8 53 82/.3),inset 0 1px rgb(255 255 255/.26);backdrop-filter:blur(4px);text-align:center;transform:translateX(-50%)}.frr-feedback p{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0;font-size:clamp(.78rem,1.5vw,.98rem);font-weight:1000;text-shadow:0 2px 0 #205b7e}.frr-feedback svg{width:1rem;height:1rem;color:#fff173}.frr-shell.correct .frr-raft.selected{--race-y:-15.5cqh;animation:frr-finish-run 1.78s cubic-bezier(.24,.72,.2,1) forwards}.frr-shell.correct .frr-raft.selected:after{opacity:.96}.frr-shell.wrong .frr-raft.selected{filter:drop-shadow(0 0 7px #ff8c86) drop-shadow(0 12px 8px rgb(8 51 75/.45))}@keyframes frr-finish-run{0%{opacity:1;transform:translate(-50%,-50%) translateZ(0) scale(1) rotate(0deg)}to{opacity:.76;transform:translate(-50%,-50%) translate3d(var(--race-x),var(--race-y),0) scale(.16) rotate(var(--finish-tilt))}}[data-game=fraction-rapids-rally] .game-stage-prompt{justify-content:space-between;width:min(680px,calc(100% - 520px));min-height:82px;padding:9px 12px 9px 20px;border:4px solid #fff;border-radius:24px;background:rgb(255 252 224/.94);box-shadow:0 8px #2c8eaa,0 16px 25px rgb(12 75 111/.27);backdrop-filter:blur(3px)}[data-game=fraction-rapids-rally] .game-stage-prompt h2{color:#24506e;font-size:clamp(18px,2.35vw,28px);paint-order:normal;text-shadow:none;-webkit-text-stroke:0}[data-game=fraction-rapids-rally] .game-stage-prompt button[aria-label="Listen to the instruction"]{border:3px solid #fff!important}@media (max-width:1100px){[data-game=fraction-rapids-rally] .game-stage-prompt{width:min(700px,calc(100% - 36px))}.frr-hud{top:111px}.frr-streak{top:116px}.frr-order-guide{top:34%}.frr-raft{top:66%}.frr-raft.selected{--dock-top:41%}.frr-shell.correct .frr-raft.selected{--race-y:-21cqh}}@media (max-width:700px){.frr-hud{top:120px;right:9px;left:9px;width:auto}.frr-streak{top:164px;left:12px}.frr-order-guide{top:34%;width:min(360px,90%)}.frr-order-guide>span{min-height:44px}.frr-raft{top:65%;width:clamp(108px,31vw,148px)}.frr-raft.selected{--dock-top:43%;width:clamp(100px,27vw,132px)}.frr-raft.selected.slot-0{--dock-left:22%;--race-x:26.2cqw}.frr-raft.selected.slot-1{--dock-left:50%;--race-x:0cqw}.frr-raft.selected.slot-2{--dock-left:78%;--race-x:-26.2cqw}.frr-shell.correct .frr-raft.selected{--race-y:-20cqh}.frr-fraction{top:4%;font-size:clamp(.92rem,4.3vw,1.25rem)}.frr-rank{width:29px;height:29px;font-size:.82rem}.frr-controls{bottom:48px;left:calc(50% + 20px);gap:.4rem}.frr-controls button{min-height:48px;padding:.48rem .72rem;font-size:.75rem}.frr-reset{width:48px;padding-inline:.45rem!important;font-size:0!important}}@media (max-width:560px){[data-game=fraction-rapids-rally] .game-stage-prompt{width:calc(100% - 20px);min-height:70px;padding:7px 7px 7px 12px;border-width:3px;border-radius:19px}[data-game=fraction-rapids-rally] .game-stage-prompt h2{font-size:clamp(16px,4.7vw,21px)}}@media (max-width:390px){.frr-hud{grid-template-columns:auto 1fr}.frr-progress{grid-column:1/-1;grid-row:2}.frr-hud>strong{justify-self:end}.frr-streak{top:187px}.frr-order-guide{top:39%}.frr-raft{top:69%;width:min(29vw,104px)}.frr-raft.selected{--dock-top:48%;width:96px}.frr-shell.correct .frr-raft.selected{--race-y:-23.5cqh}.frr-controls{bottom:45px}}@media (prefers-reduced-motion:reduce){.frr-raft{transition-duration:.01ms}.frr-shell.correct .frr-raft.selected{animation:none!important;opacity:.76;transform:translate(-50%,-50%) translate3d(var(--race-x),var(--race-y),0) scale(.16) rotate(var(--finish-tilt))}}@media (max-width:760px){[data-game=fraction-rapids-rally] .fraction-rapids-mascot{left:-24px!important}}