.ProblemScene-module__bJR0da__section{--nav-height:84px;--heading-line:clamp(48px, 9svh, 92px);--frame-height:max(560px, calc(100svh - var(--nav-height)));--scene-height:calc(var(--frame-height) - var(--heading-line) * 2 - 20px);--map-width:max(100vw, calc((var(--frame-height) - var(--heading-line)) * 1.49875));--map-left:calc((100vw - var(--map-width)) * .12);isolation:isolate;z-index:1;width:100%;height:var(--frame-height);color:#fff;font-family:var(--font-pixeboy), "Pixeboy", monospace;scroll-margin-top:var(--nav-height);position:relative;overflow:hidden}.ProblemScene-module__bJR0da__landscape{z-index:-2;background:#070e04 url(/problems/landscape.webp) 12% 60%/cover no-repeat;position:absolute;inset:0}.ProblemScene-module__bJR0da__section:after{content:"";inset:var(--heading-line) 0 0;z-index:-1;pointer-events:none;background:linear-gradient(#1235271c 0%,#0000 25% 80%,#102a2b55 100%);position:absolute}.ProblemScene-module__bJR0da__heading{z-index:5;height:calc(var(--heading-line) * 2);text-align:center;pointer-events:none;position:relative}.ProblemScene-module__bJR0da__tracksTitle{font-size:70px;font-weight:400;line-height:var(--heading-line);letter-spacing:.012em;text-shadow:0 5px 3px #123d5059;color:#fff;font-family:var(--font-pixeboy), "Pixeboy", monospace;margin:0;transform:translateY(30px)}.ProblemScene-module__bJR0da__heading h2 span{display:block}.ProblemScene-module__bJR0da__scene{width:100%;height:var(--scene-height);margin:4px auto 16px;position:relative;container-type:size}.ProblemScene-module__bJR0da__islands{position:absolute;inset:0}.ProblemScene-module__bJR0da__island{--island-size:min(13cqw, 24cqh);width:var(--island-size);cursor:pointer;-webkit-tap-highlight-color:transparent;height:24%;left:calc(var(--map-left) + var(--map-width) * var(--river-x) - var(--island-size) / 2);background:0 0;border:0;outline:none;padding:0;transition:transform .3s,filter .3s;position:absolute}.ProblemScene-module__bJR0da__island[data-track="1"]{--river-x:.16;top:0}.ProblemScene-module__bJR0da__island[data-track="2"]{--river-x:.225;top:18%}.ProblemScene-module__bJR0da__island[data-track="3"]{--river-x:.17;top:36%}.ProblemScene-module__bJR0da__island[data-track="4"]{--river-x:.24;top:54%}.ProblemScene-module__bJR0da__island[data-track="5"]{--river-x:.195;top:72%}.ProblemScene-module__bJR0da__stageArt{object-fit:contain;filter:drop-shadow(0 12px 7px #15351c55);width:100%;height:100%;position:absolute;inset:0}.ProblemScene-module__bJR0da__islandBall{object-fit:contain;z-index:2;filter:drop-shadow(0 6px 3px #0c171a88);width:43%;height:43%;transition:transform .3s,filter .3s;position:absolute;top:15%;left:30%}.ProblemScene-module__bJR0da__island[data-track="1"] .ProblemScene-module__bJR0da__islandBall{top:26%}.ProblemScene-module__bJR0da__island[data-track="3"] .ProblemScene-module__bJR0da__islandBall{width:47%;top:15%;left:27%}.ProblemScene-module__bJR0da__island[data-track="5"] .ProblemScene-module__bJR0da__islandBall{top:25%}.ProblemScene-module__bJR0da__number{z-index:4;text-shadow:0 2px 3px #163c2cb0;font-size:clamp(18px,3.8cqh,32px);line-height:1;position:absolute;top:2%;left:-8%}.ProblemScene-module__bJR0da__island:nth-child(2n) .ProblemScene-module__bJR0da__number{left:auto;right:-6%}.ProblemScene-module__bJR0da__islandLight{background:var(--track-color);filter:blur(11px);opacity:0;border-radius:50%;width:65%;height:16%;transition:opacity .45s;position:absolute;top:39%;left:20%}.ProblemScene-module__bJR0da__island[data-active=true] .ProblemScene-module__bJR0da__islandLight{opacity:.6}.ProblemScene-module__bJR0da__selectedMark{border-bottom:2px solid var(--track-color);opacity:0;width:70%;height:17%;filter:drop-shadow(0 0 5px var(--track-color));border-radius:50%;position:absolute;top:63%;left:14%}.ProblemScene-module__bJR0da__island[data-active=true] .ProblemScene-module__bJR0da__selectedMark{opacity:.8}.ProblemScene-module__bJR0da__island:hover .ProblemScene-module__bJR0da__islandBall{filter:drop-shadow(0 10px 6px #0c171a99);transform:translateY(-7%)rotate(-5deg)}.ProblemScene-module__bJR0da__island:active{transform:scale(.96)}.ProblemScene-module__bJR0da__island:focus-visible{outline-offset:4px;border-radius:20%;outline:3px solid #fff6b2}.ProblemScene-module__bJR0da__reveal{aspect-ratio:.82;width:min(47cqw,68cqh);position:absolute;top:5%;right:10%}.ProblemScene-module__bJR0da__artwork{position:absolute;inset:0;transform:scaleX(-1)}.ProblemScene-module__bJR0da__groundShadow{filter:blur(15px);background:#12251bb0;border-radius:50%;width:87%;height:15%;position:absolute;bottom:7%;left:7%}.ProblemScene-module__bJR0da__closedBall{object-fit:contain;filter:drop-shadow(0 18px 10px #10232166);width:68%;height:68%;position:absolute;top:6%;left:16%}.ProblemScene-module__bJR0da__openBall{z-index:2;perspective:900px;position:absolute;inset:0}.ProblemScene-module__bJR0da__shell,.ProblemScene-module__bJR0da__frontShell{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ProblemScene-module__bJR0da__shell{z-index:1;filter:drop-shadow(0 12px 8px #14241c55)}.ProblemScene-module__bJR0da__frontShell{z-index:4;-webkit-mask-image:linear-gradient(#0000 73%,#000 82%);mask-image:linear-gradient(#0000 73%,#000 82%)}.ProblemScene-module__bJR0da__smoke{z-index:3;pointer-events:none;width:144%;height:88%;position:absolute;top:23%;left:-22%}.ProblemScene-module__bJR0da__smokeCanvas{width:100%;height:100%;position:absolute;inset:0}.ProblemScene-module__bJR0da__smokeFallback{background:radial-gradient(ellipse at 22% 50%, var(--track-color), transparent 53%), radial-gradient(ellipse at 80% 55%, var(--track-color), transparent 57%);filter:blur(17px);opacity:.3;border-radius:45%;position:absolute;inset:25% 8% 7%}.ProblemScene-module__bJR0da__smoke:has(canvas[data-rendered=true]) .ProblemScene-module__bJR0da__smokeFallback{opacity:.08}.ProblemScene-module__bJR0da__description{z-index:5;text-align:center;width:92%;height:52%;font-family:var(--font-geist-sans), Arial, sans-serif;text-shadow:0 2px 3px #080411,0 0 8px #080411;flex-direction:column;justify-content:center;font-size:clamp(16px,min(3.2cqh,1.7cqw),23px);font-weight:500;line-height:1.4;display:flex;position:absolute;top:30%;left:4%}.ProblemScene-module__bJR0da__description:before{content:"";z-index:-1;filter:blur(12px);pointer-events:none;background:radial-gradient(closest-side,#10091bf0 0%,#10091bc9 45%,#10091b66 70%,#0000 100%);border-radius:50%;position:absolute;inset:-12%}.ProblemScene-module__bJR0da__description p{text-wrap:pretty;margin:0}.ProblemScene-module__bJR0da__trackLabel{font-family:var(--font-pixeboy), monospace;letter-spacing:.12em;color:#fff7d1;margin-bottom:.55em;font-size:1.05em}.ProblemScene-module__bJR0da__hint{text-align:center;letter-spacing:.04em;text-shadow:0 2px 4px #082619;opacity:.9;width:100%;font-size:clamp(11px,2.3cqh,16px);position:absolute;bottom:-7%}@media (max-width:767px){.ProblemScene-module__bJR0da__section{--nav-height:64px;--heading-line:clamp(36px, 5.8svh, 52px);--frame-height:max(620px, calc(100svh - var(--nav-height)))}.ProblemScene-module__bJR0da__landscape{background-position:38%}.ProblemScene-module__bJR0da__scene{width:96%;max-width:540px}.ProblemScene-module__bJR0da__islands{height:30%}.ProblemScene-module__bJR0da__island{width:24%;height:57%}.ProblemScene-module__bJR0da__island[data-track="1"]{top:0;left:4%}.ProblemScene-module__bJR0da__island[data-track="2"]{top:0;left:37%}.ProblemScene-module__bJR0da__island[data-track="3"]{top:0;left:70%}.ProblemScene-module__bJR0da__island[data-track="4"]{top:47%;left:20%}.ProblemScene-module__bJR0da__island[data-track="5"]{top:47%;left:55%}.ProblemScene-module__bJR0da__number{font-size:clamp(18px,5cqw,25px);left:-1%}.ProblemScene-module__bJR0da__island:nth-child(2n) .ProblemScene-module__bJR0da__number{right:-2%}.ProblemScene-module__bJR0da__reveal{width:min(88cqw,48cqh);top:31%;left:50%;right:auto;translate:-50%}.ProblemScene-module__bJR0da__description{width:92%;height:53%;font-size:clamp(12px,min(2.1cqh,3.8cqw),15px);line-height:1.3;top:31%;left:4%}.ProblemScene-module__bJR0da__hint{white-space:nowrap;font-size:clamp(11px,3cqw,14px);bottom:-6%}}@media (min-width:768px){.ProblemScene-module__bJR0da__heading h2{font-size:111px;transform:translateY(40px)}}@media (min-width:1024px){.ProblemScene-module__bJR0da__heading h2{font-size:148px;transform:translateY(44px)}}@media (min-width:1280px){.ProblemScene-module__bJR0da__heading h2{font-size:185px;transform:translateY(48px)}}@media (min-width:640px) and (max-width:767px){.ProblemScene-module__bJR0da__section{--nav-height:72px}}@media (max-height:620px) and (min-width:768px){.ProblemScene-module__bJR0da__section{--heading-line:42px;--frame-height:520px}}@media (prefers-reduced-motion:reduce){.ProblemScene-module__bJR0da__island,.ProblemScene-module__bJR0da__islandBall,.ProblemScene-module__bJR0da__islandLight{transition:none}}.ProblemScene-module__bJR0da__shellLid{z-index:2;clip-path:inset(0 0 45%);transform-origin:50% 55%}.ProblemScene-module__bJR0da__shellBowl{clip-path:inset(54% 0 0)}