.flp-shell{position:absolute;inset:0;z-index:8;overflow:hidden;color:#fff;font-family:inherit}[data-game=fraction-line-plot-skyport] .game-stage-prompt{top:14px;left:calc(50% - 118px);width:min(690px,calc(100% - 320px));min-height:70px;padding:8px 12px;border:3px solid #fff;border-radius:24px;background:rgb(35 48 114/.9);box-shadow:0 6px 0 rgb(20 28 77/.4),inset 0 0 24px rgb(95 239 255/.14)}[data-game=fraction-line-plot-skyport] .game-stage-prompt h2{color:#fffef2;font-size:clamp(20px,2.2vw,27px);line-height:1.08;text-shadow:none;-webkit-text-stroke:0}[data-game=fraction-line-plot-skyport] .game-stage-prompt button[aria-label="Listen to the instruction"]{border:3px solid #fff;background:linear-gradient(180deg,#58e8ef,#6d5de2)}.fraction-line-plot-skyport-mascot{right:10px!important;bottom:8px!important;width:clamp(172px,20.15vw,239px)!important;aspect-ratio:1!important;filter:drop-shadow(0 14px 10px rgb(38 42 94/.28))!important}.flp-hud{position:absolute;z-index:30;top:18px;right:16px;display:flex;min-height:52px;align-items:center;gap:9px;padding:7px 12px;border:2px solid #fff;border-radius:18px;background:rgb(32 46 103/.9);box-shadow:0 6px 0 rgb(20 28 77/.4);font-size:14px;font-weight:1000}.flp-hud>span:first-child{display:flex;align-items:center;gap:6px}.flp-hud svg{width:20px;height:20px;color:#73f6ff}.flp-hud strong{color:#fff18d;font-size:16px}.flp-progress{display:flex;gap:4px}.flp-progress i{width:9px;height:9px;border-radius:50%;background:#7077aa;box-shadow:inset 0 1px 2px #39406d}.flp-progress i.current{background:#fff28b;box-shadow:0 0 0 3px rgb(255 242 139/.22)}.flp-progress i.done{background:#58efc5}.flp-observatory{position:absolute;z-index:16;top:96px;left:50%;width:min(930px,calc(100% - 230px));min-height:306px;padding:13px 24px 16px;border:3px solid rgb(255 255 255/.94);border-radius:32px;background:linear-gradient(180deg,rgb(30 45 112/.91),rgb(31 31 95/.91));box-shadow:0 13px 0 rgb(31 28 84/.34),inset 0 0 42px rgb(85 233 255/.14);transform:translateX(-50%)}.flp-plot-label{display:flex;align-items:center;justify-content:center;gap:8px;color:#a7fbff;font-size:14px;font-weight:1000;letter-spacing:.12em}.flp-plot-label svg{width:21px;height:21px}.flp-plot{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:end;height:234px;margin-top:4px;padding:0 4px}.flp-axis{position:absolute;right:2.7%;bottom:53px;left:2.7%;height:7px;border:2px solid #fff;border-radius:99px;background:linear-gradient(90deg,#55eaff,#9e8cff,#f09bff);box-shadow:0 0 14px rgb(79 234 255/.7)}.flp-plot button{position:relative;z-index:2;display:flex;min-width:0;height:218px;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;touch-action:manipulation;border:0;background:transparent;color:#fff;font:inherit}.flp-plot button:not(:disabled){cursor:pointer}.flp-plot button:focus-visible{outline:4px solid #fff35b;outline-offset:-2px;border-radius:14px}.flp-stack{display:flex;min-height:135px;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:3px}.flp-stack i{width:clamp(22px,2.8vw,34px);height:22px;border:2px solid #fff;border-radius:50% 50% 42% 42%;background:linear-gradient(180deg,#72f5ff,#7365e5 64%,#f49dea);box-shadow:0 3px 0 #3a327f,inset 0 2px 4px rgb(255 255 255/.5)}.flp-tick{width:5px;height:31px;border-radius:5px;background:#fff;box-shadow:0 0 8px #5feaff}.flp-plot button b{display:grid;min-width:48px;min-height:42px;place-items:center;margin-top:5px;padding:3px 4px;border:2px solid rgb(255 255 255/.88);border-radius:12px;background:#5a50b4;color:#fff9ad;font-size:clamp(13px,1.45vw,18px);font-weight:1000;white-space:nowrap}.flp-plot button.selected b{background:#2dc0d2}.flp-plot button.selected.correct b{background:#24b98e}.flp-plot button.selected.wrong b{background:#ec6d78}.flp-active-pod{position:absolute;z-index:20;bottom:59px;left:50%;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%)}.flp-active-pod>div{position:relative;width:205px;height:134px;filter:drop-shadow(0 11px 7px rgb(30 27 80/.34))}.flp-active-pod img{object-fit:contain}.flp-active-pod strong{position:absolute;top:76px;left:50%;display:grid;min-width:82px;min-height:36px;place-items:center;padding:3px 9px;border-radius:12px;color:#2d376f;font-size:22px;font-weight:1000;text-shadow:none;transform:translateX(-50%)}.flp-active-pod>span{display:flex;min-height:31px;align-items:center;gap:6px;margin-top:-7px;padding:3px 12px;border:2px solid #fff;border-radius:14px;background:rgb(36 48 108/.9);color:#fff6a8;font-size:13px;font-weight:1000}.flp-active-pod svg{width:18px;height:18px;color:#61f1ff}.flp-question-zone{position:absolute;z-index:24;right:205px;bottom:77px;left:85px}.flp-action-title{display:flex;width:fit-content;min-height:35px;align-items:center;justify-content:center;gap:7px;margin:0 auto 8px;padding:4px 13px;border:2px solid #fff;border-radius:16px;background:rgb(34 47 106/.92);color:#fff5a1;font-size:15px;font-weight:1000}.flp-action-title svg{width:20px;height:20px;color:#66f1ff}.flp-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(720px,100%);margin:0 auto}.flp-choices button{position:relative;display:flex;min-height:82px;align-items:center;justify-content:center;touch-action:manipulation;border:solid #fff;border-width:3px 3px 9px;border-radius:23px;background:linear-gradient(180deg,#7d68e4,#5143a4);box-shadow:0 8px 0 rgb(40 35 102/.38);color:#fff;font:inherit;cursor:pointer}.flp-choices button:focus-visible{outline:4px solid #fff35b;outline-offset:3px}.flp-choices button:disabled{cursor:default}.flp-choices button span{font-size:clamp(23px,3.2vw,36px);font-weight:1000}.flp-choices button small{position:absolute;top:7px;left:9px;display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#433a99;color:#fff;font-size:12px;font-weight:1000}.flp-choices button svg{position:absolute;top:8px;right:8px;width:22px;height:22px}.flp-choices button.selected.correct{background:linear-gradient(180deg,#48d9bc,#199c85)}.flp-choices button.selected.wrong{background:linear-gradient(180deg,#ff9a7d,#e85563)}.flp-feedback{position:absolute;z-index:25;bottom:13px;left:50%;display:grid;min-height:38px;max-width:calc(100% - 350px);place-items:center;margin:0;padding:5px 15px;border:2px solid #fff;border-radius:18px;background:rgb(33 46 103/.9);color:#fff6ac;font-size:14px;font-weight:900;line-height:1.15;text-align:center;text-shadow:none;transform:translateX(-50%)}@media (max-width:1000px){[data-game=fraction-line-plot-skyport] .game-stage-prompt{left:36%;width:min(420px,calc(100% - 290px))}.flp-observatory{width:min(830px,calc(100% - 130px))}.flp-question-zone{right:155px;left:40px}.flp-feedback{max-width:calc(100% - 260px)}}@media (max-width:700px){[data-game=fraction-line-plot-skyport]{min-height:760px}[data-game=fraction-line-plot-skyport] .game-stage-prompt{top:78px;left:50%;width:calc(100% - 24px);min-height:62px}[data-game=fraction-line-plot-skyport] .game-stage-prompt h2{font-size:clamp(18px,4.8vw,24px)}.flp-hud{top:13px;right:12px;left:12px;justify-content:center;min-height:50px}.flp-observatory{top:245px;width:calc(100% - 16px);min-height:280px;padding:12px 9px 14px;border-radius:24px}.flp-plot{height:210px}.flp-plot button{height:195px}.flp-stack{min-height:118px;gap:2px}.flp-stack i{width:25px;height:18px}.flp-plot button b{min-width:34px;min-height:38px;padding:2px;font-size:clamp(10px,2.4vw,15px)}.flp-active-pod{bottom:62px}.flp-active-pod>div{width:170px;height:112px}.flp-active-pod strong{top:64px;min-width:76px;min-height:31px;font-size:18px}.flp-active-pod>span{min-height:27px;font-size:11px}.flp-question-zone{right:118px;bottom:72px;left:12px}.flp-shell.question .flp-observatory{top:205px;min-height:240px}.flp-shell.question .flp-plot{height:177px}.flp-shell.question .flp-plot button{height:163px}.flp-shell.question .flp-stack{min-height:85px}.flp-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.flp-choices button{min-height:58px;border-radius:17px}.flp-choices button span{font-size:24px}.flp-action-title{margin-bottom:6px;font-size:13px}.flp-feedback{bottom:11px;max-width:calc(100% - 125px);min-height:48px;padding:5px 8px;font-size:11px}.fraction-line-plot-skyport-mascot{right:-7px!important;bottom:4px!important;width:146px!important}}@media (max-width:470px){.flp-hud{gap:6px;padding:6px 8px;font-size:11px}.flp-progress{gap:3px}.flp-progress i{width:7px;height:7px}.flp-observatory{top:242px}.flp-plot-label{font-size:11px}.flp-stack i{width:20px;height:16px}.flp-plot button b{min-width:29px;font-size:9px}.flp-question-zone{right:87px;left:8px}.flp-choices button{min-height:56px}.flp-feedback{max-width:calc(100% - 94px)}.fraction-line-plot-skyport-mascot{right:-12px!important;width:133px!important}}@media (max-height:760px) and (min-width:701px){.flp-observatory{top:92px;min-height:286px}.flp-plot{height:216px}.flp-plot button{height:200px}.flp-stack{min-height:120px}.flp-active-pod{bottom:55px}.flp-active-pod>div{width:190px;height:124px}.flp-active-pod strong{top:70px}}@media (prefers-reduced-motion:reduce){.flp-shell *,.flp-shell :after,.flp-shell :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}