.sg-game{min-height:100dvh;padding:68px 16px 26px;color:#24455d;background:linear-gradient(180deg,#b8e7ff,#e9f7ff 55%,#d9d7fb)}.sg-page-heading{width:min(900px,calc(100% - 120px));margin:0 auto 12px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center}.sg-page-heading p{margin:0 0 2px;color:#386f9e;font-size:12px;font-weight:1000;letter-spacing:.18em}.sg-page-heading h1{margin:0;color:#fff;font-size:clamp(34px,5vw,58px);font-weight:1000;line-height:1;letter-spacing:-.05em;paint-order:stroke fill;text-shadow:0 3px 0 #4d92bc,0 6px 0 #33729b,0 10px 18px #2358785c;-webkit-text-stroke:1px #2c678d}.sg-page-heading>span{display:block;margin-top:5px;color:#315f7b;font-size:clamp(13px,1.6vw,17px);font-weight:850}.sg-stage{position:relative;isolation:isolate;width:min(1180px,100%);min-height:clamp(650px,calc(100svh - 190px),790px);margin:0 auto;overflow:hidden;border:6px solid #fff;border-radius:38px;background:#9bddff;box-shadow:0 10px 0 #6e9ec5,0 24px 48px #345f8a42;perspective:1100px}.sg-background{position:absolute;z-index:-2;inset:-2%;background:url(/games/grade-3/math/scaled-graph-skyport/assets/backgrounds/skyport-bg.webp) 50%/cover no-repeat;transform:scale(1.025);animation:sg-sky-drift 24s ease-in-out infinite alternate}.sg-stage:after{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff18,transparent 38%,#372b7a12);content:""}.sg-prompt{position:absolute;z-index:28;top:16px;left:50%;display:flex;align-items:center;gap:12px;width:min(730px,calc(100% - 330px));min-height:88px;padding:10px 12px 10px 17px;transform:translateX(-50%);border:4px solid #fff!important;border-radius:24px!important;color:#294d70;background:#fffcef!important;box-shadow:none!important}.sg-prompt-icon{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border-radius:16px;color:#fff;background:#5968cf;box-shadow:none}.sg-prompt-icon svg{width:29px;height:29px;stroke-width:3}.sg-prompt>div{min-width:0;flex:1}.sg-prompt>div>span{display:block;color:#7c4a95;font-size:11px;font-weight:1000;letter-spacing:.11em}.sg-prompt h2{margin:2px 0 0;font-size:clamp(20px,2.45vw,30px);font-weight:1000;line-height:1.12;letter-spacing:-.03em}.sg-prompt button{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;cursor:pointer;border:3px solid #fff;border-radius:18px;color:#fff;background:#f39252;box-shadow:none;touch-action:manipulation}.sg-prompt button svg{width:27px;height:27px;stroke-width:3}.sg-hud{position:absolute;z-index:27;top:24px;right:18px;display:grid;grid-template-columns:auto auto;gap:5px 8px;min-width:145px;padding:7px 10px;border-radius:17px;color:#443b76;background:#fffffff0;box-shadow:0 7px 16px #35597e35;font-size:12px;font-weight:1000}.sg-hud,.sg-score{align-items:center}.sg-score{display:flex;gap:4px;color:#8e5b20}.sg-score svg{width:16px;height:16px;fill:#ffd75c;stroke:#c07a25}.sg-progress{display:grid;grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:4px}.sg-progress i{height:6px;border-radius:999px;background:#d8d9e5;box-shadow:inset 0 2px 2px #25335e1d}.sg-progress i.current{background:#5fdce3;box-shadow:0 0 0 2px #fff,0 0 8px #44dbea}.sg-progress i.done{background:linear-gradient(90deg,#ffd65f,#ff8f55)}.sg-streak{color:#6d59b8;text-align:right}.sg-console{position:absolute;z-index:6;top:106px;bottom:55px;left:50%;width:min(860px,calc(100% - 250px));min-width:620px;aspect-ratio:3/2;transform:translateX(-50%) rotateX(1deg);background:url(/games/grade-3/math/scaled-graph-skyport/assets/props/cargo-graph-console.webp) 50%/contain no-repeat;transform-style:preserve-3d}.sg-screen{position:absolute;top:27%;right:20.5%;bottom:32%;left:21.5%}.sg-key{position:absolute;z-index:8;top:-8px;left:50%;display:flex;min-height:36px;align-items:center;gap:6px;padding:5px 12px;transform:translate(-50%,-50%);border:3px solid #d39d42;border-radius:999px;color:#3a376c;background:#fff6c8;box-shadow:none;font-size:clamp(13px,1.65vw,17px);font-weight:1000;white-space:nowrap}.sg-key svg{width:18px;height:18px;color:#5b65c9}.sg-key strong{color:#cf4d70;font-size:1.25em}.sg-chart{position:absolute;inset:12px 1% 0 7%;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:clamp(5px,1vw,12px);padding:10px 5px 0 14px;border-bottom:3px solid #7b78ac;border-left:3px solid #7b78ac}.sg-axis{position:absolute;top:4px;bottom:0;left:-37px;display:flex;width:32px;flex-direction:column;justify-content:space-between;color:#4c4b78;font-size:clamp(10px,1.15vw,13px);font-weight:1000;text-align:right}.sg-axis span{transform:translateY(-50%)}.sg-bar-column{position:relative;display:grid;min-width:0;grid-template-rows:minmax(0,1fr) auto auto;place-items:end center;cursor:pointer;border:0;border-radius:12px 12px 0 0;outline-offset:3px;color:#38435f;background:transparent;touch-action:manipulation}.sg-stack{display:flex;width:min(58px,78%);height:100%;flex-direction:column-reverse;justify-content:flex-start;gap:2px;transform:translateZ(18px)}.sg-stack i{display:block;flex:1 1 0;min-height:11px;max-height:30px;border:2px solid #fff;border-radius:7px;background:var(--bar-color);box-shadow:none}.sg-bar-column.focused .sg-stack i{border-color:#514a89;box-shadow:none}.sg-category-icon{margin-top:4px;font-size:clamp(21px,2.6vw,31px);line-height:1;filter:none}.sg-category-name{overflow:hidden;width:100%;min-height:1.05em;margin-top:3px;color:#37355f;font-size:clamp(9px,1.3vw,14px);font-weight:1000;line-height:1.05;text-align:center;text-wrap:balance}.sg-scan-readout{position:absolute;z-index:12;top:11%;left:50%;padding:5px 8px;transform:translateX(-50%);border:2px solid #fff;border-radius:9px;color:#fff;background:#4e4a9b;box-shadow:none;font-size:clamp(11px,1.4vw,15px);font-weight:1000;white-space:nowrap}.sg-bar-column.scanned .sg-stack{filter:brightness(1.08)}.sg-answer-pod:focus-visible,.sg-bar-column:focus-visible,.sg-prompt button:focus-visible{outline:5px solid #fff36b;box-shadow:0 0 0 8px #4437a4!important}.sg-answer-pods{position:absolute;right:23.5%;bottom:8.5%;left:23.5%;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1vw,16px)}.sg-answer-pod{position:relative;display:grid;min-width:62px;min-height:62px;place-items:center;cursor:pointer;border:3px solid #fff;border-radius:50% 50% 42% 42%;color:#fff;background:#5d6fda;box-shadow:none;text-shadow:none;touch-action:manipulation}.sg-answer-pod:nth-child(2){background:#bd66b0;box-shadow:none}.sg-answer-pod:nth-child(3){background:#df943e;box-shadow:none}.sg-answer-pod:nth-child(4){background:#48ad7a;box-shadow:none}.sg-answer-pod>span{position:absolute;top:-11px;color:#fff2a3;font-size:20px;transform:rotate(-10deg)}.sg-answer-pod strong{font-size:clamp(24px,3vw,36px);line-height:1}.sg-answer-pod>svg{position:absolute;right:-6px;bottom:-4px;width:24px;height:24px;padding:3px;border:2px solid #fff;border-radius:50%;background:#36bd75;stroke-width:4}.sg-answer-pod:disabled{cursor:default}.sg-answer-pod.wrong{background:linear-gradient(145deg,#ffd5dc,#db6c83 55%,#913f63)}.sg-feedback{position:absolute;z-index:24;bottom:12px;left:50%;width:min(650px,calc(100% - 300px));min-height:34px;transform:translateX(-50%);color:#fff;text-align:center}.sg-feedback p{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:clamp(14px,1.7vw,18px);font-weight:1000;paint-order:normal;text-shadow:none;-webkit-text-stroke:0}.sg-feedback svg{width:19px;height:19px;color:#fff47a}.sg-mascot{z-index:12;right:2px;bottom:5%;width:clamp(126px,18vw,210px)}@keyframes sg-sky-drift{to{transform:translate3d(-.45%,.2%,0) scale(1.032)}}@media (max-width:1000px){.sg-prompt{width:min(730px,calc(100% - 36px))}.sg-hud{top:112px;right:15px}.sg-console{top:126px;bottom:54px;width:min(780px,calc(100% - 150px));min-width:0}.sg-feedback{width:min(620px,calc(100% - 170px))}.sg-mascot{right:-15px;bottom:1%;width:142px}}@media (max-width:700px){.sg-game{padding:64px 8px 20px}.sg-page-heading{width:calc(100% - 80px);margin-bottom:9px}.sg-page-heading h1{font-size:clamp(29px,9vw,40px)}.sg-page-heading>span{display:none}.sg-stage{min-height:710px;border-width:4px;border-radius:27px}.sg-prompt{top:10px;width:calc(100% - 18px);min-height:92px;gap:8px;padding:8px 8px 8px 11px;border-width:3px!important;border-radius:19px!important}.sg-prompt-icon{display:none}.sg-prompt>div>span{font-size:9px}.sg-prompt h2{font-size:clamp(16px,4.8vw,22px);line-height:1.15}.sg-prompt button{flex-basis:48px;width:48px;height:48px;border-radius:15px}.sg-hud{top:111px;right:8px;left:8px;grid-template-columns:auto minmax(80px,1fr) auto;min-width:0;padding:5px 8px;border-radius:13px;font-size:10px}.sg-progress{grid-column:2;grid-row:1}.sg-streak{grid-column:3}.sg-console{top:147px;bottom:74px;width:calc(100% + 90px)}.sg-screen{top:27%;right:20.5%;bottom:32%;left:21.5%}.sg-key{top:-3px;min-height:31px;padding:3px 8px;border-width:2px;font-size:11px}.sg-chart{inset:10px 0 0 8%;gap:3px;padding:8px 2px 0 9px;border-width:2px}.sg-axis{left:-26px;width:23px;font-size:8px}.sg-stack{width:min(38px,82%);gap:1px}.sg-stack i{min-height:8px;border-width:1px;border-radius:4px}.sg-category-icon{font-size:20px}.sg-category-name{min-height:18px;font-size:9px}.sg-scan-readout{top:8%;padding:3px 5px;border-width:1px;font-size:9px}.sg-answer-pods{right:23.5%;bottom:7.7%;left:23.5%;gap:4px}.sg-answer-pod{min-width:50px;min-height:50px;border-width:2px;box-shadow:none}.sg-answer-pod>span{top:-9px;font-size:14px}.sg-answer-pod strong{font-size:clamp(19px,5.5vw,26px)}.sg-feedback{bottom:13px;width:calc(100% - 24px)}.sg-feedback p{font-size:12px}.sg-mascot{right:-27px;bottom:1%;width:110px;opacity:1}}@media (max-height:500px) and (orientation:landscape){.sg-game{padding-top:54px}.sg-page-heading{display:none}.sg-stage{min-height:620px}}@media (prefers-reduced-motion:reduce){.sg-background{animation:none;transform:scale(1.025)}.sg-answer-pod,.sg-stack{transition:none!important}}