.fw-game{--ink:#243457;--purple:#6f55d9;--teal:#0d9fac;min-height:100vh;padding:78px 20px 58px;color:var(--ink);background:linear-gradient(180deg,#eef9ff,#fff8ec)}main .fw-page-heading{width:min(1100px,100%);margin:0 auto 18px;padding:0;border:0;border-radius:0!important;outline:0;background:transparent;box-shadow:none!important;backdrop-filter:none;text-align:center}.fw-page-heading:after,.fw-page-heading:before{content:none}.fw-page-heading p{margin:0 0 4px;color:#7566c9;font-size:13px;font-weight:1000;letter-spacing:.17em}.fw-page-heading h1{margin:0;color:#3d347c;font-size:clamp(30px,4.2vw,48px);font-weight:1000;line-height:1.04;letter-spacing:-.035em;text-shadow:none;-webkit-text-stroke:0}.fw-page-heading>span{display:block;margin-top:7px;color:#536481;font-size:clamp(14px,1.8vw,18px);font-weight:800}.fw-stage{position:relative;isolation:isolate;width:min(1100px,100%);aspect-ratio:8/5;min-height:650px;margin:0 auto;overflow:hidden;border:7px solid #fff;border-radius:36px;background:#203b68;box-shadow:0 18px 0 #b7c8d9,0 28px 52px #26396738}.fw-background{z-index:2;object-fit:cover}.fw-stage-wash{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,#152a650f,#dcecff00 54%,#1d315a55);pointer-events:none}.fw-stage canvas{z-index:20}main .fw-stage .fw-console,main .fw-stage .fw-question,main .fw-stage .fw-workspace{box-shadow:none!important}main .fw-stage .fw-console,main .fw-stage .fw-workspace{border-radius:0!important;background:transparent}.fw-hud{position:absolute;top:14px;right:18px;left:18px;z-index:8;grid-template-columns:minmax(112px,auto) 1fr minmax(112px,auto);gap:12px;pointer-events:none}.fw-hud,.fw-score,.fw-streak{display:grid;align-items:center}.fw-score,.fw-streak{grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:8px;min-height:58px;padding:7px 14px;border:3px solid #ffffffd9;border-radius:18px;background:#182a5bcc;color:#fff;backdrop-filter:blur(8px)}.fw-score svg,.fw-streak svg{grid-row:1/3;width:25px;color:#ffe57b;fill:#ffe57b}.fw-score span,.fw-streak span{font-size:10px;font-weight:1000;letter-spacing:.13em}.fw-score strong,.fw-streak strong{font-size:20px;font-weight:1000;line-height:1}.fw-streak{justify-self:end}.fw-streak svg{color:#7fe7ef;fill:none}.fw-progress{justify-self:center;min-width:210px;padding:7px 16px;border:3px solid #ffffffd9;border-radius:18px;background:#182a5bcc;color:#fff;text-align:center;backdrop-filter:blur(8px)}.fw-progress>span{display:block;margin-bottom:5px;font-size:13px;font-weight:1000;letter-spacing:.08em}.fw-progress>div{display:flex;justify-content:center;gap:7px}.fw-progress i{width:25px;height:7px;border-radius:99px;background:#ffffff4a}.fw-progress i.is-current{background:#8de8f1}.fw-progress i.is-done{background:#ffdc72}.fw-question{position:absolute;top:84px;right:7.5%;left:7.5%;z-index:7;display:grid;grid-template-columns:58px 1fr 116px;align-items:center;gap:13px;min-height:78px;padding:9px 14px;border:3px solid #fff;border-radius:24px;background:#f8fbffe8}.fw-question>button{display:grid;width:52px;height:52px;place-items:center;border:0;border-radius:18px;background:#6557cf;color:#fff;cursor:pointer}.fw-question>button svg{width:27px}.fw-question>div:nth-child(2){min-width:0;text-align:center}.fw-question>div:nth-child(2)>span{color:#765fbd;font-size:10px;font-weight:1000;letter-spacing:.15em}.fw-question h2{margin:2px 0 0;color:#2b3e63;font-size:clamp(18px,2.4vw,27px);font-weight:1000;line-height:1.08;text-shadow:none;-webkit-text-stroke:0}.fw-unit-key{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:4px 10px;border:2px solid #68d4df;border-radius:18px;background:#dffbff;color:#19546a}.fw-unit-key>span:first-child{font-size:9px;font-weight:1000;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}.fw-fraction{display:inline-grid;grid-template-rows:1fr 3px 1fr;align-items:center;min-width:34px;color:inherit;font-size:20px;font-weight:1000;line-height:.95;text-align:center;vertical-align:middle}.fw-fraction i{display:block;width:100%;height:3px;border-radius:3px;background:currentColor}.fw-workspace{position:absolute;top:166px;right:7.5%;left:7.5%;z-index:4;height:364px}.fw-apparatus{position:absolute;top:-4px;left:20.5%;z-index:0;width:59%;aspect-ratio:3/2;transform-origin:50% 70%}.fw-apparatus>img{z-index:1;object-fit:contain}.fw-ring{position:absolute;top:27%;z-index:2;width:19.4%;aspect-ratio:1}.fw-ring-1{left:8%}.fw-ring-2{left:40.3%}.fw-ring-3{left:72.7%}.fw-ring svg{display:block;width:100%;height:100%;overflow:visible;filter:none}.fw-ring path{fill:#d8e7e8c2;stroke:#fff;stroke-width:2.3;stroke-linejoin:round;transition:fill .24s ease,transform .24s ease;transform-origin:50px 50px}.fw-ring path.is-filled{fill:#7a64e4}.fw-ring path.fw-segment-1{--segment:#49c9d4}.fw-ring path.fw-segment-2{--segment:#ff8e79}.fw-ring path.fw-segment-3{--segment:#ffd265}.fw-ring path.is-filled{fill:var(--segment,#7a64e4)}.fw-ring-core{fill:#f8ffff;stroke:#0d9fac;stroke-width:3}.fw-ring>span{position:absolute;right:8%;bottom:-13%;left:8%;padding:4px;border:2px solid #fff;border-radius:10px;background:#24345e;color:#fff;font-size:clamp(8px,1.1vw,12px);font-weight:1000;letter-spacing:.08em;text-align:center;text-shadow:none;-webkit-text-stroke:0}.fw-ring:not(.is-target){opacity:.52}.fw-ring.is-target>span{background:#5d4fbe}.fw-ring.is-locked svg{animation:fw-ring-lock .7s ease both;filter:drop-shadow(0 0 12px #fff06d)}.fw-module-beam{position:absolute;bottom:17%;left:calc(50% - 17px);z-index:4;width:34px;height:34px;border:3px solid #fff;border-radius:50% 50% 8px 50%;background:linear-gradient(135deg,#8c78ef,#5ad7df);box-shadow:0 0 20px #6ff2ff}.fw-mascot{right:1.5%;bottom:22%;z-index:8;width:clamp(134px,15.6vw,180px)}.fw-mascot img{filter:drop-shadow(0 7px 5px #18264a45)}.fw-console{position:absolute;right:4.5%;bottom:16px;left:4.5%;z-index:9;display:grid;grid-template-columns:220px minmax(360px,1fr) 220px;grid-template-rows:74px 52px;gap:9px 12px;align-items:stretch}.fw-equation{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:3px solid #fff;border-radius:22px;background:#eefaff;color:#29436d}.fw-equation>strong{font-size:28px;font-weight:1000}.fw-equation>span:not(.fw-fraction):not(.fw-count-label){font-size:21px;font-weight:1000}.fw-equation .fw-fraction{font-size:18px}.fw-count-label{display:none}.fw-controls{display:grid;grid-template-columns:1fr minmax(150px,1.2fr) 1fr;gap:8px}.fw-step-button{display:flex;min-width:0;align-items:center;justify-content:center;gap:5px;border:solid #fff;border-width:3px 3px 7px;border-radius:22px;background:linear-gradient(180deg,#86e5ec,#38bdca);color:#173d62;font-size:13px;font-weight:1000;cursor:pointer}.fw-step-button:last-child{background:linear-gradient(180deg,#ffe17c,#ffbd53)}.fw-step-button svg{width:25px}.fw-target-readout{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #fff;border-radius:22px;background:#6856ce;color:#fff}.fw-target-readout span{font-size:9px;font-weight:1000;letter-spacing:.12em}.fw-target-readout strong{font-size:18px;font-weight:1000;line-height:1.15}.fw-target-readout small{font-size:12px;font-weight:900}.fw-feedback{grid-column:1/4;grid-row:2;display:flex;min-width:0;align-items:center;justify-content:center;gap:8px;padding:7px 12px;border:3px solid #fff;border-radius:18px;background:#edf7ff;color:#284564}.fw-feedback>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:#6b5ad0;color:#fff;font-size:19px;font-weight:1000}.fw-feedback p{margin:0;overflow:hidden;font-size:13px;font-weight:900;line-height:1.1;text-align:center}.fw-feedback.is-correct{background:#e7fff1ed;color:#126944}.fw-feedback.is-correct>span{background:#21ac73}.fw-feedback.is-wrong{background:#fff2e9ed;color:#8b3d30}.fw-feedback.is-wrong>span{background:#ed765f}.fw-dock-button{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;gap:9px;border:3px solid #fff;border-bottom:7px solid #16785d;border-radius:22px;background:linear-gradient(180deg,#4dd9a5,#20b47c);color:#fff;font-size:17px;font-weight:1000;cursor:pointer}.fw-dock-button svg{width:27px}.fw-dock-button,.fw-equation *,.fw-feedback *,.fw-question *,.fw-ring>span,.fw-step-button *,.fw-target-readout *,.fw-unit-key *{text-shadow:none!important;-webkit-text-stroke:0!important;paint-order:normal}.fw-dock-button:disabled,.fw-step-button:disabled{cursor:default;filter:grayscale(.55);opacity:.5}.fw-dock-button:active:not(:disabled),.fw-step-button:active:not(:disabled){transform:translateY(3px);border-bottom-width:4px}.fw-stage button:focus-visible{outline:4px solid #fff56e;outline-offset:3px}@keyframes fw-ring-lock{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width:900px){.fw-stage{aspect-ratio:auto;min-height:760px}.fw-question{top:84px;right:3.5%;left:3.5%}.fw-workspace{top:168px;right:2%;left:2%;height:350px}.fw-apparatus{top:14px;left:14%;width:72%}.fw-mascot{right:0;bottom:29%;width:168px}.fw-console{right:3%;bottom:13px;left:3%;grid-template-columns:1fr 1.8fr;grid-template-rows:72px 58px 58px}.fw-equation{grid-column:1;grid-row:1}.fw-controls{grid-column:2;grid-row:1}.fw-feedback{grid-column:1/3;grid-row:2}.fw-dock-button{grid-column:1/3;grid-row:3}}@media (max-width:640px){.fw-game{padding:60px 0 38px}.fw-page-heading{padding:0 14px}.fw-page-heading h1{font-size:29px}.fw-page-heading>span{font-size:14px}.fw-stage{min-height:780px;border-width:4px;border-radius:24px;box-shadow:0 10px 0 #b7c8d9}.fw-hud{top:9px;right:8px;left:8px;grid-template-columns:auto minmax(120px,1fr) auto;gap:6px}.fw-score,.fw-streak{min-height:48px;padding:5px 8px;border-width:2px;border-radius:14px;grid-template-columns:21px auto;column-gap:5px}.fw-score svg,.fw-streak svg{width:19px}.fw-score span,.fw-streak span{font-size:7px}.fw-score strong,.fw-streak strong{font-size:15px}.fw-progress{min-width:0;padding:5px 7px;border-width:2px;border-radius:14px}.fw-progress>span{margin-bottom:4px;font-size:10px}.fw-progress>div{gap:3px}.fw-progress i{width:15px;height:6px}.fw-question{top:68px;right:7px;left:7px;grid-template-columns:44px 1fr 72px;gap:6px;min-height:72px;padding:6px;border-width:2px;border-radius:18px}.fw-question>button{width:44px;height:44px;border-radius:14px}.fw-question h2{font-size:15px}.fw-question>div:nth-child(2)>span{font-size:8px}.fw-unit-key{gap:4px;min-height:50px;padding:3px 5px;border-radius:13px}.fw-unit-key>span:first-child{display:none}.fw-unit-key .fw-fraction{min-width:26px;font-size:16px}.fw-workspace{top:148px;right:0;left:0;height:330px}.fw-apparatus{top:26px;left:1%;width:98%}.fw-ring>span{bottom:-15%;padding:2px;border-width:1px;border-radius:6px;font-size:7px}.fw-ring path{stroke-width:3}.fw-mascot{right:-5px;bottom:35%;width:134px}.fw-console{right:7px;bottom:9px;left:7px;display:grid;grid-template-columns:1fr;grid-template-rows:62px 66px 49px 56px;gap:6px}.fw-equation{grid-column:1;grid-row:1;border-width:2px;border-radius:16px}.fw-equation>strong{font-size:23px}.fw-equation .fw-fraction{min-width:29px;font-size:16px}.fw-controls{grid-column:1;grid-row:2;grid-template-columns:1fr 1.25fr 1fr;gap:5px}.fw-step-button,.fw-target-readout{border-width:2px 2px 5px;border-radius:16px}.fw-step-button{min-height:60px;font-size:11px}.fw-step-button svg{width:21px}.fw-target-readout strong{font-size:15px}.fw-target-readout small{font-size:10px}.fw-feedback{grid-column:1;grid-row:3;border-width:2px;border-radius:15px}.fw-feedback p{font-size:11px}.fw-dock-button{grid-column:1;grid-row:4;min-height:54px;border-width:2px 2px 6px;border-radius:17px;font-size:15px}}@media (max-width:390px){.fw-page-heading h1{font-size:25px}.fw-stage{min-height:760px}.fw-question{grid-template-columns:42px 1fr 62px}.fw-question h2{font-size:13px}.fw-workspace{top:144px}.fw-mascot{right:-4px;bottom:36%;width:122px}.fw-step-button span{display:none}}@media (max-height:500px) and (orientation:landscape){.fw-game{padding-top:54px}.fw-page-heading{display:none}.fw-stage{min-height:620px}}@media (prefers-reduced-motion:reduce){.fw-dock-button,.fw-ring path,.fw-step-button{transition:none!important}.fw-ring.is-locked svg{animation:none}}