.lll-shell{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,rgb(36 31 112/.04),rgb(20 55 137/.16));container-type:size}.lll-hud{position:absolute;z-index:30;top:14px;right:14px;display:grid;grid-template-columns:auto minmax(4.8rem,1fr) auto;align-items:center;gap:.35rem;width:min(14.5rem,calc(100% - 28px));min-height:2.25rem;padding:.3rem .48rem;border:2px solid rgb(255 255 255/.8);border-radius:.95rem;color:#38306f;background:rgb(250 248 255/.93);box-shadow:0 7px 18px rgb(28 32 109/.28),inset 0 2px rgb(255 255 255/.9);font-size:.63rem;font-weight:1000}.lll-hud>span:first-child,.lll-hud>strong{display:flex;align-items:center;gap:.24rem;white-space:nowrap}.lll-hud svg{width:.9rem;height:.9rem;color:#6d5ae8}.lll-hud>strong{color:#805423}.lll-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:.18rem}.lll-progress i{height:.43rem;border-radius:999px;background:#d9d9e9;box-shadow:inset 0 2px 3px rgb(45 38 101/.16)}.lll-progress i.current{background:#59e7f4;box-shadow:0 0 0 2px #fff,0 0 10px #2ed9ef}.lll-progress i.done{background:linear-gradient(90deg,#ffe95d,#ff8f65);box-shadow:0 0 8px #ffd35d}.lll-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:none!important;text-shadow:none}.lll-streak svg{grid-row:1/-1;width:2.25rem;height:2.25rem;color:#fff172;fill:#ffd64e}.lll-streak span{font-size:.58rem;font-weight:1000;letter-spacing:.1em}.lll-streak strong{font-size:1.4rem;line-height:.85}.lll-target{position:absolute;z-index:13;top:23%;left:50%;display:flex;min-width:170px;align-items:center;justify-content:center;gap:.5rem;padding:.32rem .8rem;border:2px solid rgb(178 249 255/.78);border-radius:999px;color:#fff;background:rgb(69 49 148/.58);box-shadow:0 0 24px rgb(84 233 255/.55),inset 0 0 16px rgb(99 230 255/.3);backdrop-filter:blur(4px);text-shadow:none;transform:translateX(-50%)}.lll-target span{color:#8ff6ff;font-size:1.55rem;font-weight:1000;line-height:1}.lll-target strong{font-size:.72rem;letter-spacing:.11em}.lll-lab{position:absolute;z-index:12;top:29%;right:7%;bottom:20%;left:7%;border:2px solid rgb(154 240 255/.58);border-radius:42% 42% 28% 28%;background:radial-gradient(circle at center,rgb(130 244 255/.22),transparent 28%),repeating-radial-gradient(ellipse at center,transparent 0 58px,rgb(123 236 255/.12) 59px 61px);box-shadow:inset 0 0 38px rgb(75 219 255/.2),0 0 22px rgb(35 51 135/.18)}.lll-station{position:absolute;top:53%;width:clamp(122px,16vw,168px);aspect-ratio:1;transform:translate(-50%,-50%)}.lll-station-a{left:32%;--beam-color:#70f4ff;--beam-core:#fff}.lll-station-b{left:68%;--beam-color:#ff7cd8;--beam-core:#fff3fc}.lll-beam{z-index:1;left:50%;width:135cqw;height:16px;pointer-events:none;transform:translate(-50%,-50%) rotate(calc(var(--laser-angle) + 90deg));transform-origin:center}.lll-beam,.lll-beam i{position:absolute;top:50%}.lll-beam i{right:0;left:0;height:6px;border-radius:999px;background:linear-gradient(180deg,var(--beam-core),var(--beam-color) 45%,var(--beam-core));box-shadow:0 0 5px #fff,0 0 12px var(--beam-color),0 0 24px var(--beam-color);opacity:.86;transform:translateY(-50%)}.lll-beam i:after{position:absolute;inset:-5px 0;border-radius:inherit;background:var(--beam-color);filter:blur(7px);opacity:.24;content:""}.lll-emitter{position:absolute;z-index:5;inset:0;display:grid;place-items:center;touch-action:none;cursor:grab;filter:drop-shadow(0 14px 10px rgb(27 22 91/.38));outline:none;transform:rotate(var(--laser-angle));transform-origin:center;user-select:none}.lll-emitter:active{cursor:grabbing}.lll-emitter:focus-visible:after{position:absolute;inset:-5px;border:5px solid #fff35b;border-radius:50%;content:""}.lll-emitter img{width:80%;height:100%;object-fit:contain;user-select:none}.lll-emitter b{position:absolute;top:62%;left:50%;display:grid;width:30px;height:30px;place-items:center;border:2px solid #fff;border-radius:50%;color:#483387;background:#fff271;box-shadow:0 3px 0 #be7a2d;font-size:.9rem;transform:translate(-50%,-50%) rotate(calc(-1 * var(--laser-angle)))}.lll-angle{position:absolute;z-index:8;top:77%;left:50%;min-width:52px;padding:.18rem .38rem;border:2px solid #fff;border-radius:999px;color:#3b317c;background:#effcff;box-shadow:0 3px 0 #71bbd0;font-size:.74rem;font-weight:1000;text-align:center;transform:translateX(-50%)}.lll-rotate-controls{position:absolute;z-index:9;right:-23px;bottom:-24px;left:-23px;display:flex;justify-content:space-between}.lll-rotate-controls button{display:grid;width:48px;height:48px;place-items:center;touch-action:manipulation;border-radius:50%;color:#fff;background:linear-gradient(#9b8df7,#6954cd);border:3px solid #fff;border-bottom:6px solid #49369d;box-shadow:0 7px 14px rgb(28 29 101/.3)}.lll-rotate-controls button svg{width:1.25rem;height:1.25rem}.lll-rotate-controls button:focus-visible{outline:4px solid #fff35b;outline-offset:3px}.lll-rotate-controls button:disabled{opacity:.55;cursor:default}.lll-core{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:74px;height:74px;place-items:center;border:3px solid rgb(255 255 255/.85);border-radius:50%;color:#fff36a;background:radial-gradient(circle,#5df2ff,#6d52d8 58%,rgb(46 33 132/.42) 60%);box-shadow:0 0 22px #61efff,inset 0 0 18px #fff;transform:translate(-50%,-50%)}.lll-core svg{width:34px;height:34px;fill:#ffda49;filter:drop-shadow(0 0 5px #fff)}.lll-core i{position:absolute;inset:-14px;border:2px dashed rgb(157 244 255/.75);border-radius:50%}.lll-core i:nth-of-type(2){inset:-25px;opacity:.55}.lll-core i:nth-of-type(3){inset:-36px;opacity:.3}.lll-test{position:absolute;z-index:24;bottom:49px;left:50%;display:flex;min-width:174px;min-height:52px;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.25rem;touch-action:manipulation;border:3px solid #fff;border-bottom:7px solid #c35535;border-radius:999px;color:#fff;background:linear-gradient(#ffbe59,#f27055);box-shadow:0 9px 18px rgb(30 27 102/.34);filter:none!important;font-size:.92rem;font-weight:1000;text-transform:uppercase;transform:translateX(-50%)}.lll-test svg{width:1.25rem;height:1.25rem;fill:#fff36a}.lll-test:focus-visible{outline:4px solid #fff35b;outline-offset:3px}.lll-test:disabled{opacity:.62;cursor:default}.lll-feedback{position:absolute;z-index:23;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(55 42 131/.74);box-shadow:0 6px 15px rgb(26 24 91/.3),inset 0 1px rgb(255 255 255/.26);backdrop-filter:blur(4px);text-align:center;transform:translateX(-50%)}.lll-feedback p{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0;font-size:clamp(.76rem,1.45vw,.96rem);font-weight:1000;text-shadow:none}.lll-feedback svg{width:1rem;height:1rem;color:#fff173}.lll-shell.correct .lll-beam i{opacity:1;animation:lll-power-line .7s ease-in-out 2}.lll-shell.correct .lll-core{animation:lll-power-core .68s ease-in-out 2}.lll-shell.correct .lll-target{background:rgb(25 151 142/.78);box-shadow:0 0 30px #61ffdc}.lll-shell.wrong .lll-target{background:rgb(184 68 105/.78);box-shadow:0 0 24px #ff83a5}@keyframes lll-power-line{50%{filter:brightness(1.55);opacity:1}}@keyframes lll-power-core{50%{box-shadow:0 0 44px #fff66b,0 0 74px #63f5ff,inset 0 0 22px #fff;transform:translate(-50%,-50%) scale(1.13)}}[data-game=laser-line-lab] .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(247 244 255/.94);box-shadow:0 8px #6352c8,0 16px 25px rgb(31 31 112/.3);backdrop-filter:blur(3px)}[data-game=laser-line-lab] .game-stage-prompt h2{color:#413477;font-size:clamp(18px,2.25vw,27px);paint-order:normal;text-shadow:none;-webkit-text-stroke:0}[data-game=laser-line-lab] .game-stage-prompt button[aria-label="Listen to the instruction"]{border:3px solid #fff!important}[data-game=laser-line-lab] .lll-shell :is(.lll-hud,.lll-streak,.lll-target,.lll-angle,.lll-emitter b,.lll-test,.lll-feedback,strong,span,p,button){text-shadow:none;-webkit-text-stroke:0}[data-game=laser-line-lab] .laser-line-lab-mascot{z-index:29;left:-20px!important;pointer-events:none}@media (max-width:1100px){[data-game=laser-line-lab] .game-stage-prompt{width:min(700px,calc(100% - 36px))}.lll-hud{top:111px}.lll-streak{top:116px}.lll-target{top:26%}.lll-lab{top:33%;bottom:20%}}@media (max-width:700px){.lll-hud{top:120px;right:9px;left:9px;width:auto}.lll-streak{top:164px;left:12px}.lll-target{top:30%;min-width:148px}.lll-lab{top:36%;right:4%;bottom:20%;left:4%;border-radius:26%}.lll-station{width:clamp(104px,29vw,136px)}.lll-station-a{left:28%}.lll-station-b{left:72%}.lll-core{width:60px;height:60px}.lll-core i{inset:-10px}.lll-core i:nth-of-type(2){inset:-18px}.lll-core i:nth-of-type(3){inset:-26px}.lll-rotate-controls{right:-15px;bottom:-30px;left:-15px}.lll-test{bottom:48px;left:calc(50% + 25px);min-width:156px}}@media (max-width:560px){[data-game=laser-line-lab] .game-stage-prompt{width:calc(100% - 20px);min-height:70px;padding:7px 7px 7px 12px;border-width:3px;border-radius:19px}[data-game=laser-line-lab] .game-stage-prompt h2{font-size:clamp(16px,4.55vw,20px)}.lll-lab{top:35%;bottom:19%}.lll-target{top:29.5%}.lll-station{top:49%}.lll-angle{top:75%}.lll-test{min-height:50px;font-size:.8rem}[data-game=laser-line-lab] .laser-line-lab-mascot{left:-30px!important}}@media (max-width:390px){.lll-hud{grid-template-columns:auto 1fr}.lll-progress{grid-column:1/-1;grid-row:2}.lll-hud>strong{justify-self:end}.lll-streak{top:187px}.lll-target{top:32.5%}.lll-lab{top:39%;bottom:19%}.lll-station{width:103px}.lll-station-a{left:27%}.lll-station-b{left:73%}.lll-core{width:50px;height:50px}.lll-test{bottom:46px}}@media (max-height:560px) and (orientation:landscape){.lll-target{top:31%}.lll-lab{top:39%;bottom:20%}.lll-station{width:106px}.lll-rotate-controls{bottom:-22px}}@media (prefers-reduced-motion:reduce){.lll-shell.correct .lll-beam i,.lll-shell.correct .lll-core{animation:none!important}.lll-shell.correct .lll-beam i{filter:brightness(1.45)}.lll-shell.correct .lll-core{box-shadow:0 0 34px #fff66b,0 0 56px #63f5ff,inset 0 0 22px #fff}}