.landing-renderer .landing-layout-element{transform-origin:50%;position:absolute}.landing-renderer .landing-layout-element--logo,.landing-renderer .landing-layout-element--mascot{pointer-events:none}.landing-renderer .landing-layout-element--logo .g3-landing__logo,.landing-renderer .landing-layout-element--mascot .g3-landing__mascot{object-fit:contain;width:100%;height:100%;max-height:none}.landing-renderer .landing-layout-element--logo .g3-landing__logo{object-position:left top}.landing-renderer .landing-layout-element--mascot .g3-landing__mascot{object-position:right center}.landing-renderer .g4-landing-headline{width:100%;max-width:none;height:100%;margin:0;overflow:visible}.landing-layout-support{width:100%;margin:0}.landing-renderer .g3-landing-actions{grid-template-rows:62% 38%;width:100%;height:100%;margin:0}.landing-renderer .g3-landing-actions__primary,.landing-renderer .g3-landing-actions__secondary{height:100%}.landing-renderer .g3-landing-actions__secondary{width:74%!important}.landing-renderer .g4-info-cards{width:100%;height:100%;margin:0}.landing-renderer .g4-info-cards button{min-height:0}.landing-renderer--editor{width:100%;height:100%;position:absolute}.landing-renderer--editor .g3-landing__background{-webkit-user-select:none;user-select:none}.landing-renderer--editor .landing-layout-element{pointer-events:auto;cursor:move;touch-action:none}.landing-renderer--editor .landing-layout-element>*{pointer-events:none;-webkit-user-select:none;user-select:none}.landing-renderer--editor .landing-layout-element.is-selected{outline-offset:2px;outline:3px solid #ffc928}.landing-renderer--editor .landing-layout-element.is-locked{cursor:not-allowed}.landing-layout-resize{z-index:20;cursor:nwse-resize;background:#2477d4;border:2px solid #fff8e8;border-radius:3px;width:17px;height:17px;padding:0;position:absolute;bottom:-8px;right:-8px;box-shadow:0 1px 4px #00000059;pointer-events:auto!important}.g3-landing{isolation:isolate;background:#172840;width:100dvw;height:100dvh;position:fixed;inset:0;overflow:hidden}.g3-landing__background{z-index:-2;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.g3-landing__notebook-zone{z-index:2;flex-direction:column;align-items:flex-start;width:clamp(345px,30vw,520px);display:flex;position:absolute;top:clamp(18px,4.4dvh,60px);bottom:clamp(16px,3dvh,42px);left:clamp(32px,8.6vw,165px)}.g3-landing__logo{object-fit:contain;object-position:left top;width:clamp(240px,24vw,420px);height:auto;max-height:31dvh;display:block}.g4-landing-headline{color:#1a1208;max-width:470px;font-family:var(--font-ui);letter-spacing:0;text-shadow:0 0 18px #fff6c8e6,0 0 6px #fff6c8b3,1px 1px #fff6c866;gap:0;margin:clamp(-10px,-1dvh,-4px) 0 8px;font-size:clamp(30px,2.4vw,46px);font-weight:800;line-height:1.18;display:grid}.g3-landing__notebook-zone>p{color:#12385b;max-width:430px;margin:0;font-size:clamp(.82rem,1vw,1.1rem);font-weight:900;line-height:1.4}.landing-layout-support{text-shadow:0 1px #fff8d280;background:#fff8d299;border-radius:4px;padding:3px 10px 3px 2px;display:inline-block;color:#1a1208!important;font-weight:700!important}.g3-landing__mascot-zone{z-index:1;pointer-events:none;width:62%;height:100%;position:absolute;top:0;right:0}.g3-landing__mascot{object-fit:contain;object-position:right center;filter:drop-shadow(0 18px 14px #00000052);width:100%;height:100%}.g3-landing-actions{justify-items:center;gap:7px;width:clamp(260px,22vw,420px);margin-top:clamp(10px,2dvh,22px);display:grid}.g3-landing-actions button{color:#12385b;background:0 0;border:0;place-items:center;width:100%;padding:0;font-family:inherit;font-weight:900;transition:transform .14s,filter .14s;display:grid;position:relative}.g3-landing-actions__frame{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.g3-landing-actions__primary{height:clamp(52px,6.5dvh,76px);font-size:clamp(1rem,1.35vw,1.42rem)}.g3-landing-actions__primary span{padding-left:36px}.g3-landing-actions__play{width:clamp(29px,2vw,39px);height:clamp(29px,2vw,39px);position:absolute;left:15%}.g3-landing-actions__secondary{height:clamp(38px,4.5dvh,50px);font-size:clamp(.82rem,1vw,1.02rem);width:74%!important;color:var(--paper)!important}.g3-landing-actions button:hover,.g4-info-cards button:hover{filter:brightness(1.06);transform:translateY(-2px)}.g3-landing-actions button:active,.g4-info-cards button:active{filter:brightness(.93);transform:translateY(2px)}.g4-info-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:clamp(360px,30vw,540px);margin-top:auto;display:grid}.g4-info-cards button{color:#12385b;text-align:left;background:0 0;border:0;align-items:center;gap:7px;min-height:clamp(64px,8dvh,88px);padding:8px;transition:transform .14s,filter .14s;display:flex;position:relative}.g4-info-cards__frame{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.g4-info-cards__icon{width:clamp(27px,2.2vw,37px);height:clamp(27px,2.2vw,37px)}.g4-info-cards strong,.g4-info-cards small{line-height:1.2;display:block}.g4-info-cards strong{font-size:clamp(.68rem,.88vw,.94rem)}.g4-info-cards small{color:#4a3c20;margin-top:3px;font-size:clamp(.58rem,.68vw,.72rem);font-weight:700}.g4-info-modal-backdrop{z-index:30;background:#071c319e;place-items:center;display:grid;position:fixed;inset:0}.g4-info-modal{color:#12385b;background:#fff8e8;border:4px solid #071c31;border-radius:20px;width:min(90vw,430px);padding:28px;position:relative}.g4-info-modal>button:first-child{background:0 0;border:0;font-size:28px;position:absolute;top:8px;right:10px}.g4-info-modal>button:last-child{background:#ffc928;border:2px solid #071c31;border-radius:10px;padding:9px 18px;font-weight:700}@media (width<=900px){.g3-landing__notebook-zone{width:40%;left:clamp(24px,4vw,52px)}.g3-landing__logo{width:100%;max-height:28dvh}.g4-landing-headline{font-size:clamp(25px,3.2vw,34px)}.g3-landing__mascot-zone{width:64%}.g4-info-cards{gap:5px;width:100%}.g4-info-cards button{gap:4px;padding:6px}}@media (width<=700px){.g3-landing__notebook-zone{width:48%;top:3dvh;bottom:3dvh;left:4vw}.g3-landing__logo{width:100%;max-height:24dvh}.g3-landing__mascot-zone{opacity:.55;width:73%;right:-13%}.g4-landing-headline{font-size:clamp(22px,4.8vw,32px)}.g3-landing__notebook-zone>p{font-size:clamp(.72rem,2vw,.9rem)}.g4-info-cards{grid-template-columns:1fr;gap:3px;width:min(100%,240px)}.g4-info-cards button{min-height:45px}.g4-info-cards button:nth-child(n+3){display:none}.g3-landing-actions{width:min(100%,320px)}}.layout-studio{color:#fff8e8;font-family:var(--font-ui);background:#071c31;grid-template:"top top top"64px"layers canvas props"minmax(0,1fr)"footer footer footer"62px/220px minmax(0,1fr) 280px;display:grid;position:fixed;inset:0;overflow:hidden}.layout-studio button,.layout-studio input,.layout-studio textarea{font:inherit}.layout-studio button{color:#fff8e8;background:#173d60;border:1px solid #597086;border-radius:7px;padding:7px 10px}.layout-studio button:hover,.layout-studio button.is-active{background:#2477d4;border-color:#ffc928}.layout-studio button:disabled{opacity:.35}.layout-studio__topbar{background:#0d2b48;border-bottom:1px solid #31516d;grid-area:top;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.layout-studio__topbar strong,.layout-studio__topbar small{display:block}.layout-studio__topbar small{color:#9ec4dd;font-size:12px}.layout-studio__toolbar{align-items:center;gap:6px;display:flex}.layout-studio__layers{background:#0d2b48;border-right:1px solid #31516d;grid-area:layers;padding:14px 10px}.layout-studio h2{margin:0 0 12px;font-size:15px}.layout-studio__layers button{text-align:left;align-items:center;gap:8px;width:100%;margin-bottom:5px;display:flex}.layout-studio__layers button.is-selected{background:#2477d4;border-color:#ffc928}.layout-studio__workspace{background:#102235;grid-area:canvas;place-items:center;padding:34px;display:grid;overflow:auto}.layout-studio__scale{aspect-ratio:16/9;transform-origin:50%;width:min(100%,1280px)}.layout-studio__canvas{border:2px solid #597086;border-radius:3px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073}.layout-studio__canvas.has-grid:after{z-index:50;pointer-events:none;content:"";background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:5% 5%;position:absolute;inset:0}.layout-studio__properties{background:#0d2b48;border-left:1px solid #31516d;grid-area:props;padding:14px;overflow:auto}.layout-studio__properties label{color:#bad3e4;gap:4px;margin-bottom:10px;font-size:12px;display:grid}.layout-studio__properties input,.layout-studio__properties textarea{box-sizing:border-box;color:#fff8e8;background:#071c31;border:1px solid #597086;border-radius:6px;width:100%;padding:7px}.layout-studio__property-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.layout-studio__check{align-items:center;gap:8px;display:flex!important}.layout-studio__check input{width:auto}.layout-studio__footer{background:#0d2b48;border-top:1px solid #31516d;grid-area:footer;justify-content:flex-end;align-items:center;gap:8px;padding:9px 16px;display:flex}.layout-studio__apply{font-weight:900;color:#071c31!important;background:#ffc928!important;border-color:#ffc928!important}.layout-studio .is-hidden{visibility:hidden;pointer-events:none}@media (width<=900px){.layout-studio{grid-template:"top top"104px"canvas canvas"minmax(0,1fr)"layers props"210px"footer footer"104px/1fr 1fr}.layout-studio__topbar{flex-direction:column;align-items:flex-start}.layout-studio__toolbar{max-width:100%;overflow-x:auto}.layout-studio__layers{border-top:1px solid #31516d;overflow:auto}.layout-studio__workspace{padding:18px}.layout-studio__properties{border-top:1px solid #31516d}.layout-studio__footer{flex-wrap:wrap}}.app{min-height:100vh}.app-brand{color:var(--navy);align-items:center;gap:10px;font-weight:900;line-height:1.02;display:inline-flex}.app-brand__mark{border:3px solid var(--navy);background:var(--yellow);width:42px;height:42px;box-shadow:var(--shadow-sticker);border-radius:14px;place-items:center;font-weight:900;display:grid}.app-topbar,.landing-nav{justify-content:space-between;align-items:center;gap:var(--space-4);width:min(calc(100% - 32px),var(--content-max));margin:auto;padding:18px 0;display:flex}.app-topbar{color:var(--paper)}.app-topbar .app-brand{color:var(--paper);text-align:left;background:0 0;border:0}.app-topbar__tools{gap:var(--space-2);align-items:center;display:flex}.progress-badge,.icon-button{border:2px solid var(--paper);border-radius:var(--radius-pill);color:var(--paper);background:#ffffff26;padding:6px 10px}.icon-button{width:34px;padding:4px;font-weight:900}.landing-page{background:linear-gradient(110deg,var(--paper) 0 56%,var(--sky) 56%);min-height:100vh;overflow:hidden}.landing-nav__note{color:var(--muted);font-weight:700}.landing-hero{gap:var(--space-6);min-height:calc(100vh - 78px);width:min(calc(100% - 32px),var(--content-max));padding:var(--space-6) 0 var(--space-7);grid-template-columns:1fr 1fr;align-items:center;margin:auto;display:grid}.tape-label{background:var(--yellow);color:var(--navy);box-shadow:var(--shadow-sticker);padding:7px 14px;font-size:.82rem;font-weight:900;display:inline-block;transform:rotate(-2deg)}h1,h2,h3,p{margin-top:0}.landing-copy h1,.map-heading h1,.hub-content h1{letter-spacing:-.06em;color:var(--navy);margin:18px 0;font-size:clamp(3rem,6vw,6.3rem);line-height:.95}em{color:var(--coral);font-style:normal}.landing-copy p{max-width:31rem;color:var(--muted);font-size:clamp(1rem,1.5vw,1.25rem)}.landing-actions{flex-wrap:wrap;gap:12px;margin:28px 0 14px;display:flex}.button{border:2px solid var(--navy);border-radius:var(--radius-sm);background:var(--yellow);color:var(--navy);box-shadow:0 4px 0 var(--navy);transition:transform var(--motion-fast),box-shadow var(--motion-fast);justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:900;text-decoration:none;display:inline-flex}.button:hover{box-shadow:0 6px 0 var(--navy);transform:translateY(-2px)}.button--secondary{background:var(--white)}.landing-copy small{color:var(--muted)}.hero-scene{isolation:isolate;min-height:490px;position:relative}.sun,.hub-sun{background:var(--yellow);width:110px;height:110px;color:var(--yellow-dark);z-index:-1;border-radius:50%;place-items:center;font-size:3rem;display:grid;position:absolute;top:6%;right:18%}.cloud,.map-cloud{background:var(--white);filter:drop-shadow(0 4px #12385b1a);border-radius:99px;width:120px;height:36px;position:absolute}.cloud:before,.cloud:after,.map-cloud:before,.map-cloud:after{background:inherit;content:"";border-radius:50%;position:absolute}.cloud:before{width:46px;height:46px;bottom:8px;left:23px}.cloud:after{width:58px;height:58px;bottom:5px;right:16px}.cloud-one{animation:9s ease-in-out infinite drift;top:12%;left:10%}.cloud-two{animation:11s ease-in-out infinite reverse drift;top:34%;right:0;transform:scale(.65)}.hero-island{border:3px solid var(--navy);background:linear-gradient(165deg,#67c06f 0 44%,#3c9a51 45% 51%,#e7bd65 52% 100%);border-radius:50% 50% 0 0;width:94%;height:52%;position:absolute;bottom:0;right:-4%;transform:rotate(-3deg)}.palm{color:var(--navy);font-size:5rem;line-height:1;position:absolute}.palm-one{top:-34%;left:12%}.palm-two{top:-26%;right:15%;transform:scale(.7)}.target-doodle{color:var(--coral);font-size:5rem;font-weight:900;position:absolute;bottom:18%;right:18%}.mascot{border:5px solid var(--white);background:var(--coral);color:var(--white);box-shadow:var(--shadow-sticker);border-radius:45% 45% 40% 40%;place-items:center;font-size:2.4rem;font-weight:900;display:grid;position:absolute;transform:rotate(-7deg)}.mascot-eye{letter-spacing:8px;color:var(--navy);font-size:1.1rem;position:absolute;top:22%}.mascot--hero{width:174px;height:158px;animation:3.2s ease-in-out infinite float;bottom:17%;left:30%}.speech-sticker{border:4px solid var(--white);background:var(--navy);color:var(--white);box-shadow:var(--shadow-sticker);border-radius:20px;padding:15px 18px;font-weight:900;position:absolute;top:24%;left:10%;transform:rotate(-5deg)}.speech-sticker b{color:var(--yellow)}.trajectory-doodle{color:var(--blue);letter-spacing:-13px;font-size:3rem;font-weight:900;position:absolute;bottom:34%;right:15%;transform:rotate(-15deg)}.landing-how{justify-content:space-between;gap:var(--space-6);padding:var(--space-7) max(16px,calc((100vw - var(--content-max))/2));background:var(--navy);color:var(--paper);display:flex}.eyebrow{color:var(--coral);letter-spacing:.08em;margin-bottom:10px;font-size:.84rem;font-weight:900;display:inline-block}.landing-how h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1}.learning-steps{grid-template-columns:repeat(4,1fr);align-self:end;gap:20px;display:grid}.learning-steps div{gap:4px;display:grid}.learning-steps b{color:var(--yellow);font-size:1.6rem}.learning-steps span{font-weight:900}.map-page,.hub-page{min-height:calc(100vh - 78px);padding:34px max(16px,calc((100vw - var(--content-max))/2)) 52px;background:linear-gradient(#79c9f2 0 62%,#43a4d9 100%)}.map-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.map-heading h1{margin:0;font-size:clamp(2.5rem,5vw,5rem)}.paper-card{border:var(--border-navy);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-panel);position:relative}.map-heading .paper-card{min-width:230px;padding:14px 18px}.map-progress{gap:5px;margin:10px 0;display:flex}.map-progress span{border:2px solid var(--navy);background:var(--paper-alt);border-radius:99px;width:26px;height:9px}.map-progress span:first-child{background:var(--yellow)}.map-heading small{color:var(--muted)}.ocean-map{border:3px solid var(--navy);border-radius:var(--radius-lg);min-height:560px;box-shadow:var(--shadow-panel);background:linear-gradient(155deg,#4eb4e5,#1677b5);margin-top:18px;position:relative;overflow:hidden}.ocean-map:before{opacity:.22;background-image:radial-gradient(var(--white) 1px,transparent 1px);content:"";background-size:22px 22px;position:absolute;inset:0}.map-route{width:92%;height:92%;position:absolute;inset:4%}.map-route path{fill:none;stroke:var(--yellow);stroke-width:7px;stroke-dasharray:6 14;stroke-linecap:round}.map-island{color:var(--navy);text-align:center;transition:transform var(--motion-normal);background:0 0;border:0;position:absolute}.map-island:hover{transform:scale(1.06)}.island-blob{border:3px solid var(--navy);width:130px;height:82px;box-shadow:inset 0 -18px #e6bd65,var(--shadow-soft);background:#65bd6e;border-radius:50% 50% 42% 48%;place-items:center;margin:auto;font-size:1.6rem;display:grid}.map-island strong,.map-island small{text-shadow:0 2px var(--white);margin-top:4px;display:block}.map-island strong{font-size:1rem}.map-island small{font-size:.75rem;font-weight:700}.map-island em{background:var(--yellow);width:max-content;color:var(--navy);border-radius:99px;padding:4px 9px;font-size:.74rem;font-weight:900;position:absolute;top:-35px;left:50%;transform:translate(-50%)rotate(-3deg)}.map-island.locked{filter:saturate(.15);opacity:.85}.map-island.locked .island-blob{background:var(--locked);box-shadow:inset 0 -18px #8192a1,var(--shadow-soft)}.island-projectile{animation:4s ease-in-out infinite island-float;bottom:17%;left:11%}.island-momentum{top:17%;left:31%}.island-balance{bottom:15%;left:48%;transform:scale(.84)}.island-friction{top:19%;right:22%;transform:scale(.9)}.island-energy{bottom:16%;right:6%;transform:scale(.76)}.boat{font-size:2.2rem;animation:3s ease-in-out infinite boat;position:absolute;bottom:26%;left:30%}.map-cloud-one{top:13%;left:4%;transform:scale(.55)}.map-cloud-two{bottom:10%;right:9%;transform:scale(.8)}.map-caption{text-align:center;color:var(--navy);font-weight:700}.hub-page{background:var(--paper);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(26px,6vw,90px);display:grid}.hub-scene{border:3px solid var(--navy);border-radius:var(--radius-lg);background:linear-gradient(#79c9f2 0 55%,#2689c7 55%);min-height:520px;position:relative;overflow:hidden}.hub-sun{z-index:0;top:8%;left:10%}.hub-mountain{border:3px solid var(--navy);background:linear-gradient(145deg,#68bd6f 0 42%,#449b53 43% 59%,#e5b963 60%);border-radius:50% 0 0;width:105%;height:67%;position:absolute;bottom:-12%;right:-12%}.mascot--guide{width:150px;height:138px;bottom:18%;left:22%}.guide-bubble{border:4px solid var(--white);background:var(--yellow);box-shadow:var(--shadow-sticker);color:var(--navy);border-radius:18px;padding:14px;font-weight:900;position:absolute;top:24%;right:9%;transform:rotate(3deg)}.text-button{color:var(--blue);background:0 0;border:0;font-weight:900}.hub-content h1{font-size:clamp(2.8rem,5vw,5rem)}.hub-content>p{max-width:470px;color:var(--muted);font-size:1.12rem}.mission-path{gap:12px;margin-top:25px;display:grid}.mission-path .paper-card{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;display:grid}.mission-path .paper-card h2,.mission-path .paper-card p{margin:0}.mission-number{background:var(--yellow);border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.future-mission{border:2px dashed var(--locked);border-radius:var(--radius-md);color:var(--locked);background:var(--paper-alt);align-items:center;gap:14px;padding:12px 16px;display:flex}.future-mission span{font-weight:900}.future-mission h3,.future-mission small{margin:0}.future-mission b{margin-left:auto}.modal-backdrop{z-index:4;background:#0a29458c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-backdrop .paper-card{text-align:center;max-width:420px;padding:34px}.sticker-lock{border:5px solid var(--white);background:var(--yellow);width:70px;height:70px;box-shadow:var(--shadow-sticker);border-radius:50%;place-items:center;font-size:2rem;display:inline-grid}.modal-backdrop p{color:var(--muted)}@keyframes float{50%{transform:translateY(-13px)rotate(-4deg)}}@keyframes drift{50%{transform:translate(28px)}}@keyframes island-float{50%{transform:translateY(-9px)}}@keyframes boat{50%{transform:translateY(-7px)rotate(4deg)}}@media (width<=800px){.landing-page{background:linear-gradient(var(--paper) 0 48%,var(--sky) 48%)}.landing-hero,.hub-page{grid-template-columns:1fr}.landing-hero{padding-top:35px}.hero-scene{order:-1;min-height:390px}.mascot--hero{left:25%}.landing-how{display:grid}.learning-steps{grid-template-columns:repeat(2,1fr)}.map-heading{flex-direction:column;align-items:start}.ocean-map{min-height:620px}.island-projectile{bottom:13%;left:5%}.island-momentum{top:12%;left:37%}.island-balance{bottom:37%;left:33%}.island-friction{top:36%;right:3%}.island-energy{bottom:10%;right:4%}.hub-scene{min-height:360px}.hub-content{padding-bottom:20px}}@media (width<=500px){.app-topbar,.landing-nav{padding:12px 0}.landing-nav__note{display:none}.app-brand{font-size:.84rem}.app-brand__mark{width:37px;height:37px}.landing-copy h1{font-size:3.15rem}.hero-scene{min-height:330px}.speech-sticker{font-size:.8rem;left:0}.mascot--hero{width:133px;height:122px;font-size:1.7rem;bottom:15%;left:26%}.sun{width:78px;height:78px}.landing-how{padding-block:32px}.map-page,.hub-page{padding-top:24px}.map-heading h1{font-size:2.8rem}.ocean-map{min-height:600px}.island-blob{width:94px;height:66px}.map-island strong{font-size:.77rem}.map-island small{display:none}.map-island em{font-size:.62rem}.boat{display:none}.island-projectile{bottom:15%;left:4%}.island-momentum{top:10%;left:40%}.island-balance{bottom:38%;left:27%}.island-friction{top:36%;right:2%}.island-energy{bottom:13%;right:4%}.mission-path .paper-card{grid-template-columns:auto 1fr}.mission-path .paper-card .button{grid-column:1/-1}.primary-panel{flex-direction:column}}.asset-scene{isolation:isolate}.landing-page{background:var(--paper);position:relative}.landing-background{z-index:-2;object-fit:cover;object-position:center;width:100%;height:min(780px,100%);position:absolute;inset:0}.landing-logo{object-fit:contain;object-position:left;width:min(270px,55vw);height:auto;max-height:70px}.landing-hero{position:relative}.landing-art{width:100%;min-height:490px;position:relative}.landing-layer{object-fit:contain;max-width:100%;position:absolute}.landing-cloud{width:38%;animation:9s ease-in-out infinite drift;top:7%;left:5%}.landing-mascot{z-index:2;filter:drop-shadow(0 12px 9px #0a294533);width:min(85%,520px);bottom:1%;right:5%}.landing-sticker{z-index:3;width:min(48%,280px);top:8%;left:4%;transform:rotate(-4deg)}.landing-foreground{z-index:1;width:100%;inset:auto 0 0}.ocean-map{background:var(--ocean);position:relative;overflow:hidden}.ocean-map:before{display:none}.map-background{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.map-route{z-index:1;pointer-events:none}.map-boat{z-index:2;width:clamp(38px,6vw,88px);height:auto;animation:3s ease-in-out infinite boat;position:absolute;bottom:25%;left:29%}.map-island{z-index:2;width:clamp(112px,16vw,220px);color:var(--navy)}.map-island .island-art{filter:drop-shadow(0 7px 5px #0a294533);width:100%;height:auto;display:block}.map-island .island-label{border:2px solid var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);background:#fff8e8eb;margin-top:-5%;padding:4px 7px;display:block}.map-island .island-label strong,.map-island .island-label small{text-shadow:none;margin:0;display:block}.map-island .island-label strong{font-size:clamp(.72rem,1.3vw,1rem)}.map-island .island-label small{font-size:clamp(.57rem,1vw,.75rem);font-weight:700}.island-lock,.mission-marker{z-index:3;width:30%;height:auto;position:absolute;top:7%;right:3%}.mission-marker{width:36%;animation:3.3s ease-in-out infinite island-float;top:-13%;right:-7%}.map-island.state-locked{opacity:1;filter:none}.map-island.state-locked .island-art{filter:grayscale(.65)saturate(.55)drop-shadow(0 7px 5px #0a294533)}.map-island.state-completed .island-art{filter:drop-shadow(0 0 0 var(--green)) drop-shadow(0 8px 7px #0a294540)}.hub-scene{background:var(--sky);place-items:center;display:grid}.hub-guide-asset{object-fit:contain;filter:drop-shadow(0 12px 9px #0a294533);width:min(90%,500px);max-height:92%}@media (width<=800px){.landing-background{height:100%}.landing-art{min-height:350px}.landing-mascot{width:min(78%,390px);right:9%}.landing-sticker{top:0}.map-boat{bottom:27%;left:25%}.map-island{width:clamp(88px,21vw,160px)}}@media (width<=500px){.landing-art{min-height:280px}.landing-cloud{width:34%}.landing-mascot{width:74%;right:12%}.landing-sticker{width:40%}.map-island{width:94px}.map-island .island-label small{display:none}.map-boat{width:43px}.island-lock{width:31px}.mission-marker{width:40px}}.mission-flow{background:var(--sky);min-height:calc(100vh - 80px);padding:48px 16px}.mission-flow .paper-card{max-width:720px;margin:auto;padding:32px}.mission-flow label{margin:14px 0;display:block}.mission-flow input{max-width:100%;margin:8px}.mock-field{border:3px solid var(--navy);background:var(--paper-alt);text-align:center;border-radius:14px;margin:22px 0;padding:46px 12px;font-size:2rem}.ocean-map{min-height:clamp(560px,62vw,760px);display:block;position:relative}.ocean-map .map-island{width:clamp(130px,16vw,230px);color:var(--navy);text-align:center;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.ocean-map .map-island:first-child{top:72%;left:16%}.ocean-map .map-island:nth-child(2){top:23%;left:21%}.ocean-map .map-island:nth-child(3){top:70%;left:50%}.ocean-map .map-island:nth-child(4){top:24%;left:78%}.ocean-map .map-island:nth-child(5){top:72%;left:84%}.ocean-map .map-island .island-art{aspect-ratio:9/7;object-fit:contain;width:100%;height:auto}.ocean-map .map-island b,.ocean-map .map-island small{z-index:1;width:max-content;max-width:120%;box-shadow:var(--shadow-soft);background:#fff8e8f0;border-radius:8px;margin:auto;padding:2px 7px;display:block;position:relative}.ocean-map .map-island small{font-size:.72rem}.landing-page{background:linear-gradient(135deg,var(--paper) 0 54%,var(--sky) 54%);min-height:100vh;position:relative;overflow:hidden}.landing-page .landing-background{opacity:.18}.landing-page .landing-hero{z-index:1;min-height:calc(100vh - 80px);width:min(calc(100% - 32px),var(--content-max));grid-template-columns:1fr minmax(260px,.8fr);align-items:center;gap:clamp(24px,6vw,90px);margin:auto;display:grid;position:relative}.landing-page .landing-mascot{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 8px #0a29452e);width:min(100%,480px)}@media (width<=700px){.landing-page .landing-hero{grid-template-columns:1fr;padding-block:48px}.ocean-map{min-height:620px}.ocean-map .map-island{width:112px}.ocean-map .map-island:first-child{top:77%;left:18%}.ocean-map .map-island:nth-child(2){top:19%;left:21%}.ocean-map .map-island:nth-child(3){top:53%;left:48%}.ocean-map .map-island:nth-child(4){top:24%;left:77%}.ocean-map .map-island:nth-child(5){top:78%;left:80%}}.mission-flow .paper-card{max-width:840px}.lab-hud{gap:12px;margin-bottom:10px;display:flex}.lab-hud span{background:var(--navy);color:var(--white);border-radius:99px;padding:6px 10px}.lab-field{border:3px solid var(--navy);touch-action:none;background:linear-gradient(#79c9f2 0 70%,#66c56c 70%);border-radius:18px;min-height:310px;margin:14px 0;position:relative}.launcher,.wall-real,.target-real{font-style:normal;font-weight:900;position:absolute;bottom:20%}.launcher{color:var(--yellow);left:9%}.wall-real{background:var(--navy);height:36%;color:var(--white);padding:8px;left:50%}.target-real{color:var(--coral);right:8%}.vision-path{color:#43d6ff;font-size:1.3rem;position:absolute;top:25%;left:16%}.prediction-options{gap:12px;margin:20px 0;display:flex}.prediction-options button{border:2px solid var(--navy);background:var(--paper-alt);border-radius:14px;flex:1;min-height:100px;font-weight:900}.prediction-options span{color:var(--blue);font-size:2rem;display:block}.charge-big{background:var(--navy);border-radius:18px;padding:24px}.charge-big .energy-bar{font-size:1.15rem}.demo-toggle{margin:0 8px 12px 0}.landing-renderer:not(.landing-renderer--editor) .landing-layout-element--logo{animation:.52s cubic-bezier(.2,.8,.2,1) both landing-logo-in}.landing-renderer:not(.landing-renderer--editor) .landing-layout-element--mascot{animation:3.5s ease-in-out infinite landing-breathe}.landing-renderer:not(.landing-renderer--editor):after{z-index:0;pointer-events:none;mix-blend-mode:screen;content:"";background:radial-gradient(circle at 66% 34%,#8bcfff2e,#0000 27%);animation:3.6s ease-in-out infinite landing-lightning;position:absolute;inset:0}.landing-renderer:not(.landing-renderer--editor) .landing-layout-element--actions .g3-landing-actions__primary:after{content:"";background:linear-gradient(105deg,#0000,#ffffff9e,#0000);border-radius:999px;animation:3.8s ease-in-out infinite cta-shine;position:absolute;inset:9% 58% 9% 7%;transform:translate(-190%)}.landing-renderer:not(.landing-renderer--editor) .landing-layout-element--infoCards button:hover{filter:brightness(1.06);transform:translateY(-3px)}.g3-world-map__islands .g3-island{animation:4.6s ease-in-out infinite map-island-bob}.g3-world-map__islands .g3-island:nth-child(2n){animation-delay:-1.7s}.g3-world-map__islands .g3-island:nth-child(3n){animation-delay:-3s}@keyframes landing-logo-in{0%{opacity:0;transform:translateY(-5px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes landing-breathe{50%{transform:translateY(-3px)scale(1.004)}}@keyframes landing-lightning{0%,72%,to{opacity:.15}78%{opacity:.72}83%{opacity:.22}}@keyframes cta-shine{0%,68%,to{transform:translate(-190%)}78%{transform:translate(310%)}}@keyframes map-island-bob{50%{margin-top:-4px}}@media (prefers-reduced-motion:reduce){.landing-renderer:not(.landing-renderer--editor) .landing-layout-element--logo,.landing-renderer:not(.landing-renderer--editor) .landing-layout-element--mascot,.landing-renderer:not(.landing-renderer--editor):after,.landing-renderer:not(.landing-renderer--editor) .landing-layout-element--actions .g3-landing-actions__primary:after,.g3-world-map__islands .g3-island{animation:none}}.camera-overlay{aspect-ratio:4/3;background:#000;border:4px solid #071c31;border-radius:16px;width:100%;max-width:640px;margin:0 auto;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.camera-status{pointer-events:none;z-index:10;position:absolute;top:16px;left:50%;transform:translate(-50%)}.gesture-label{color:#fff8e8;background:#2477d4f2;border:3px solid #071c31;border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:800;transition:background .2s;display:inline-block;box-shadow:0 4px 12px #0006}.gesture-label.gesture-grabbed,.gesture-label.gesture-aiming{background:#55b85af2}.gesture-label.gesture-released{color:#12385b;background:#ffc928f2}.camera-error{text-align:center;background:linear-gradient(145deg,#fff8e8,#ffe8e6);border:4px solid #f05a4f;border-radius:16px;padding:24px}.camera-error strong{color:#f05a4f;margin-bottom:8px;font-size:1.2rem;display:block}.camera-error p{color:#12385b;margin:8px 0 16px}.camera-error button{color:#fff8e8;cursor:pointer;background:#2477d4;border:2px solid #071c31;border-radius:10px;padding:10px 20px;font-weight:800}@media (width<=700px){.camera-overlay{border-width:2px;border-radius:12px}.gesture-label{padding:8px 14px;font-size:.9rem}}.sixtyseven-overlay{aspect-ratio:4/3;background:#000;border:4px solid #071c31;border-radius:16px;width:100%;position:relative;overflow:hidden}.sixtyseven-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.sixtyseven-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.sixtyseven-status{pointer-events:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sixtyseven-label{color:#fff8e8;background:#2477d4eb;border:3px solid #071c31;border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:800;transition:background .15s;display:inline-block;box-shadow:0 4px 12px #0006}.sixtyseven-label.is-pumping{color:#12385b;background:#ffc928f2;animation:.15s pump-pulse}@keyframes pump-pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.game-scene{background:linear-gradient(#87ceeb 0%,#b0e0e6 100%);border:4px solid #071c31;border-radius:16px;width:100%;height:100%;min-height:400px;position:relative;overflow:hidden}.game-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.slingshot{filter:drop-shadow(2px 2px 4px #0000004d)}.bottle{filter:drop-shadow(1px 1px 2px #0000004d)}.wall{filter:drop-shadow(2px 2px 6px #0006)}.target{filter:drop-shadow(2px 2px 4px #0000004d)}@media (width<=900px){.game-scene{min-height:300px}}.mission-flow{position:relative}.gameplay-field{border:3px solid var(--color-navy,#17345b);touch-action:none;background:linear-gradient(#a9e7ff 0 67%,#74cf82 67% 100%);border-radius:28px;min-height:clamp(320px,48vh,520px);position:relative;overflow:hidden;box-shadow:0 18px 40px #17345b2e}.mission-object{z-index:3;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute}.mission-projectile{left:calc(var(--projectile-x,14) * 1%);bottom:calc(var(--projectile-y,19) * 1%);filter:drop-shadow(0 8px 7px #17345b40);width:clamp(38px,5vw,64px);height:clamp(38px,5vw,64px);transform:translate(-50%,50%)}.mission-trajectory{z-index:2;opacity:.9;width:85%;height:76%;inset:7% 7% 12% 8%}.mission-effect{z-index:4;object-fit:contain;pointer-events:none;position:absolute}.mission-energy-effect{width:min(52%,420px);animation:.6s ease-in-out infinite alternate debug-pulse;top:48%;left:50%;transform:translate(-50%,-50%)}.mission-vision-effect{opacity:.72;mix-blend-mode:screen;width:90%;height:85%;animation:1.8s ease-in-out infinite alternate debug-vision;inset:5%}.gameplay-hud{z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17345bdb;border:2px solid #ffffffb8;border-radius:16px;grid-template-columns:repeat(2,minmax(92px,auto));gap:8px;padding:10px 12px;display:grid;position:absolute;top:14px;left:14px;box-shadow:0 8px 24px #17345b38}.gameplay-hud span{gap:1px;display:grid}.gameplay-hud small{opacity:.74}.shot-feedback{z-index:7;color:#fff;background:#17345b;border:2px solid #fff;border-radius:999px;padding:9px 14px;font-weight:900;position:absolute;top:14px;right:14px}.shot-feedback.is-hit{background:#178a58}.shot-feedback.is-miss{background:#c34a4a}.drag-guide{z-index:5;width:var(--guide-length,120px);height:5px;transform:rotate(calc(var(--guide-angle,45) * -1deg));transform-origin:0;filter:drop-shadow(0 2px 2px #17345b80);background:repeating-linear-gradient(90deg,#fff 0 12px,#0000 12px 20px);border-radius:999px;position:absolute;bottom:20%;left:14%}.attempt-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attempt-chip{background:#ffffffd1;border:2px solid #17345b26;border-radius:16px;padding:12px}.visual-debug-panel{z-index:100;color:#f6fbff;background:#0b1c34f2;border:2px solid #78dcff;border-radius:18px;width:min(380px,100vw - 28px);max-height:min(72vh,620px);padding:14px;font:500 13px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;bottom:14px;right:14px;overflow:auto;box-shadow:0 18px 50px #0000005c}.visual-debug-panel h2{color:#ffdf5d;margin:0 0 10px;font-size:16px}.visual-debug-grid{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.visual-debug-attempts,.visual-debug-assets{border-top:1px solid #ffffff2e;margin-top:10px;padding-top:10px}.visual-debug-assets code{overflow-wrap:anywhere;color:#a9e7ff;display:block}.visual-debug-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.visual-debug-controls button{color:#f6fbff;cursor:pointer;background:#17345b;border:1px solid #78dcff;border-radius:10px;min-height:38px}.visual-debug-controls button:disabled{cursor:not-allowed;opacity:.45}.visual-debug-reason{color:#ffcb86;margin:8px 0 0}.neutral-asset-fallback{background:linear-gradient(145deg,#bcecff,#68c8c1);border-radius:50%;display:block;box-shadow:inset 0 -10px #17345b1f}.is-visual-debug .mission-object,.is-visual-debug .mission-effect{outline-offset:2px;outline:2px dashed #ff4d8fe0}@keyframes debug-pulse{to{filter:brightness(1.18);transform:translate(-50%,-50%)scale(1.08)}}@keyframes debug-vision{to{opacity:.95}}@media (width<=720px){.gameplay-field{min-height:360px}.gameplay-hud{grid-template-columns:1fr}.visual-debug-panel{max-height:55vh}}@media (prefers-reduced-motion:reduce){.mission-effect{animation:none}}.mission-flow{background:radial-gradient(circle at 85% 15%,#68d8ff6b,#0000 28%),linear-gradient(145deg,#092642,#1765a1);min-height:100dvh;padding:clamp(18px,3vh,34px);position:relative;overflow:auto}.mission-flow>.paper-card{background:linear-gradient(120deg,#fffdf4f7,#eee4c2f7);border:4px solid #071c31;border-radius:24px;max-width:min(1120px,94vw);min-height:min(720px,90dvh);margin:auto;padding:clamp(22px,3vw,44px);position:relative;box-shadow:0 14px #071c31}.mission-progress{color:#fff8e8;background:#2477d4;border:2px solid #12385b;border-radius:999px;margin:0 0 14px;padding:5px 11px;font-weight:800;display:inline-flex}.mission-flow h1{color:#12385b;max-width:850px;margin:.15em 0;font-size:clamp(1.65rem,3.2vw,3rem);line-height:1.2}.mission-flow h2{color:#0a2945}.mission-flow button:not(.button){color:#12385b;background:#fff8e8;border:2px solid #071c31;border-radius:10px;padding:10px 16px;font-weight:800}.gesture-steps{gap:10px;padding:0;list-style:none;display:flex}.gesture-steps li{text-align:center;background:#fffdf4;border:2px solid #12385b;border-radius:13px;flex:1;padding:14px;font-weight:800}.gesture-steps li:before{color:#2477d4;content:"GESTURE";margin-bottom:5px;font-size:.82rem;display:block}.prediction-options{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.prediction-options button{min-height:150px;position:relative;overflow:hidden;background:linear-gradient(#fffdf4,#e8ddbc)!important}.prediction-options button.is-selected{border-color:#2477d4;box-shadow:0 0 0 4px #2477d438}.prediction-arc{border-top:4px dashed #55b85a;border-radius:55% 55% 0 0;width:65%;height:44%;margin:12px auto 0;display:block}.gameplay-field{background:linear-gradient(#839aac 0 54%,#8b6b4b 54% 100%);border:4px solid #071c31;border-radius:19px;min-height:clamp(330px,45vh,470px);position:relative;overflow:hidden;box-shadow:inset 0 0 70px #071c3159}.gameplay-field:before{opacity:.32;content:"";background:linear-gradient(90deg,#0000 49.8%,#ffffff6b 50%,#0000 50.2%) 0 0/100% 25%,linear-gradient(#0000 49.8%,#fff3 50%,#0000 50.2%) 0 0/25% 100%;position:absolute;inset:0}.gameplay-hud{z-index:8;grid-template-columns:repeat(2,minmax(76px,1fr));gap:6px;display:grid;position:absolute;top:12px;right:12px}.gameplay-hud span{color:#fff8e8;background:#071c31e6;border:2px solid #071c31;border-radius:9px;padding:7px 9px}.gameplay-hud small,.gameplay-hud strong{display:block}.gameplay-hud small{font-size:.64rem}.mission-object{z-index:4;object-fit:contain;position:absolute}.mission-launcher{width:14%;height:30%;bottom:13%;left:7%}.mission-projectile{width:7%;height:13%;transition:transform .45s;bottom:24%;left:20%}.mission-wall{width:11%;height:40%;bottom:13%;left:57%}.mission-target{width:12%;height:26%;bottom:18%;right:8%}.mission-trajectory{z-index:3;opacity:.9;width:66%;height:57%;top:12%;left:17%}.mission-effect{z-index:6;object-fit:contain;pointer-events:none;width:82%;height:68%;position:absolute;inset:9%}.drag-guide{z-index:7;width:var(--guide-length);height:3px;transform:rotate(calc(var(--guide-angle) * -1deg));transform-origin:0;background:#ffc928;position:absolute;bottom:30%;left:18%;box-shadow:0 0 8px #fff8e8}.shot-feedback{z-index:9;border:3px solid #071c31;border-radius:999px;padding:9px 14px;font-weight:900;position:absolute;top:14%;left:50%;transform:translate(-50%)}.shot-feedback.is-hit{color:#fff;background:#55b85a}.shot-feedback.is-miss{color:#fff;background:#f05a4f}.attempt-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.attempt-chip{color:#fff8e8;background:linear-gradient(145deg,#2477d4,#12385b);border:3px solid #12385b;border-radius:16px;min-height:98px;padding:14px;box-shadow:0 5px #071c3140}.attempt-chip p{margin:.5em 0 0}.charge-big{color:#fff;background:linear-gradient(130deg,#092b49,#2477d4);border:4px solid #071c31;border-radius:19px;padding:28px;position:relative;overflow:hidden}.skill-sign-stage{text-align:center;background:#fffdf4;border:3px solid #12385b;border-radius:18px;min-height:230px;padding:25px;position:relative}.summary-stars{color:#b9a76d;gap:7px;margin:16px 0;font-size:2rem;display:flex}.summary-stars .is-earned{color:#ffc928;text-shadow:0 2px #12385b}@media (width<=700px){.mission-flow{padding:10px}.mission-flow>.paper-card{min-height:calc(100dvh - 20px);padding:20px}.gesture-steps,.prediction-options,.attempt-strip{grid-template-columns:1fr;display:grid}.gameplay-field{min-height:350px}.gameplay-hud{left:8px;right:auto}.gameplay-hud span:nth-child(n+3){display:none}.mission-wall{width:13%;left:56%}.mission-target{width:15%;right:4%}}.gameplay-split{grid-template-columns:1fr 1.6fr;align-items:stretch;gap:12px;min-height:340px;margin:12px 0;display:grid}.gameplay-split__camera{flex-direction:column;gap:8px;display:flex}.gameplay-split__scene{border:3px solid #071c31;border-radius:16px;overflow:hidden}.gameplay-hint{color:#12385b;margin:8px 0 4px;font-weight:700}.shot-hud{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.shot-hud span{color:#fff8e8;background:#071c31e6;border:2px solid #071c31;border-radius:10px;flex-direction:column;min-width:70px;padding:8px 12px;display:flex}.shot-hud small{font-size:.65rem}.shot-hud strong{font-size:1.1rem;font-weight:900}.shot-hud .is-hit{background:#55b85a!important}.shot-hud .is-miss{background:#f05a4f!important}.camera-loading{color:#2477d4;margin:8px 0;font-weight:700}@media (width<=900px){.gameplay-split{grid-template-columns:1fr;min-height:auto}.gameplay-split__scene{min-height:260px}}.charge-split{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin:12px 0;display:grid}.charge-split__camera{flex-direction:column;gap:8px;display:flex}.charge-split__bar{background:#fffdf4;border:3px solid #12385b;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.charge-instruction{color:#12385b;margin:0;font-size:1rem;line-height:1.5}.charge-rate{color:#2477d4;margin:0;font-weight:700}.pump-fallback-btn{color:#12385b;cursor:pointer;background:#fff8e8;border:2px solid #071c31;border-radius:10px;padding:10px 16px;font-weight:800}@media (width<=700px){.charge-split{grid-template-columns:1fr}}.sign-split{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin:12px 0;display:grid}.sign-split__camera{flex-direction:column;gap:8px;display:flex}.sign-split__info{background:#fffdf4;border:3px solid #12385b;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.sign-progress-bar{background:#e0d8c0;border:2px solid #12385b;border-radius:999px;justify-content:center;align-items:center;height:20px;display:flex;position:relative;overflow:hidden}.sign-progress-fill{background:linear-gradient(90deg,#2477d4,#55b85a);border-radius:999px;height:100%;transition:width .4s;position:absolute;top:0;left:0}.sign-progress-bar span{color:#12385b;z-index:1;font-size:.9rem;font-weight:800;position:relative}.sign-instruction{color:#12385b;margin:0;font-size:1.1rem;font-weight:700}.sign-hint{color:#555;margin:0;font-size:.9rem}@media (width<=700px){.sign-split{grid-template-columns:1fr}}.electric-mission{--electric-ink:#13243b;--electric-blue:#41b9ec;--electric-blue-deep:#087ebc;--electric-yellow:#ffd83d;min-height:calc(100vh - 70px);color:var(--electric-ink);background-color:var(--electric-blue);background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:32px 32px;padding:24px;overflow:hidden}.electric-mission__header,.electric-mission__lesson,.electric-mission__intro,.electric-mission__throwing,.electric-mission__quiz,.electric-mission__result{width:min(100%,1100px);margin-inline:auto}.electric-mission__header{justify-content:space-between;padding:0 4px 16px;font-weight:800;display:flex}.electric-mission__lesson,.electric-mission__intro,.electric-mission__throwing,.electric-mission__quiz,.electric-mission__result{border:4px solid var(--electric-ink);background:#f7fbff;border-radius:8px;min-height:min(650px,100vh - 142px);box-shadow:8px 8px #13243b4d}.electric-mission__lesson{background-color:#fffaf0;background-image:linear-gradient(#087ebc14 1px,#0000 1px),linear-gradient(90deg,#087ebc14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:auto 1fr auto;gap:22px;padding:34px clamp(24px,5vw,58px) 30px;display:grid;position:relative;overflow:hidden}.electric-mission__lesson:before,.electric-mission__lesson:after{content:"";background:#ffd83db8;width:120px;height:28px;position:absolute;transform:rotate(-5deg)}.electric-mission__lesson:before{top:20px;left:-28px}.electric-mission__lesson:after{bottom:34px;right:-24px;transform:rotate(6deg)}.electric-mission__lesson-heading{z-index:1;max-width:760px;position:relative}.electric-mission__lesson-heading h1{margin-bottom:8px}.electric-mission__lesson-heading>p:last-child{color:#425b70;max-width:680px;margin:0;font-weight:700}.electric-mission__lesson-label{color:#a41d15;text-transform:uppercase;margin:0;font-size:14px;font-weight:900}.electric-mission__lesson-grid{z-index:1;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;min-height:0;display:grid;position:relative}.electric-mission__variable-panel,.electric-mission__example-panel{border:3px solid var(--electric-ink);border-radius:6px;padding:22px;box-shadow:4px 4px #13243b33}.electric-mission__variable-panel{background:#e1f6ff}.electric-mission__example-panel{background:#fff}.electric-mission__variable-panel h2,.electric-mission__example-panel h2{margin:0 0 16px;font-size:21px}.electric-mission__variable-list{gap:12px;margin:0;display:grid}.electric-mission__variable-list div{border-left:6px solid var(--electric-blue-deep);background:#ffffffc7;padding:12px 14px}.electric-mission__variable-list dt{font-weight:900}.electric-mission__variable-list dt span{aspect-ratio:1;border:2px solid var(--electric-ink);background:var(--electric-yellow);border-radius:4px;place-items:center;width:30px;margin-right:8px;display:inline-grid}.electric-mission__variable-list dd{color:#465d70;margin:5px 0 0 40px;font-size:14px;font-weight:700;line-height:1.45}.electric-mission__formula-card{border:3px solid var(--electric-ink);background:var(--electric-yellow);box-shadow:4px 4px 0 var(--electric-ink);justify-content:center;align-items:center;gap:12px;margin:0 0 18px;padding:13px;font-size:28px;font-weight:900;display:flex}.electric-mission__formula-card span{aspect-ratio:1;border:2px solid var(--electric-ink);background:#fff;border-radius:50%;place-items:center;min-width:42px;display:grid}.electric-mission__example-question{margin:0 0 13px;font-weight:800;line-height:1.45}.electric-mission__calculation-steps{gap:8px;margin:0;padding-left:24px;display:grid}.electric-mission__calculation-steps li{padding-left:4px}.electric-mission__calculation-steps strong{color:#a41d15}.electric-mission__lesson-tip{border:2px dashed var(--electric-blue-deep);background:#e8f8ff;margin:16px 0 0;padding:10px 12px;font-size:14px;font-weight:800}.electric-mission__lesson-start{z-index:1;justify-self:end;min-width:250px;padding:13px 20px;font-size:18px;position:relative}.electric-mission__intro{text-align:center;background:radial-gradient(circle at 50% 48%,#fff247f2 0 18%,#ffd83dad 19% 31%,#0000 32%),linear-gradient(#f8fdff 0 24%,#aee8ff 100%);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;padding:26px 24px 22px;display:grid;position:relative;overflow:hidden}.electric-mission__intro:before,.electric-mission__intro:after{content:"";background:var(--electric-yellow);clip-path:polygon(0 42%,40% 42%,51% 0,59% 42%,100% 42%,100% 58%,61% 58%,50% 100%,40% 58%,0 58%);opacity:.85;width:190px;height:28px;position:absolute}.electric-mission__intro:before{top:42%;left:4%;transform:rotate(12deg)}.electric-mission__intro:after{top:45%;right:4%;transform:rotate(168deg)}.electric-mission__intro-copy{z-index:2;max-width:650px;position:relative}.electric-mission__intro-copy p:last-child{margin:4px 0 0;font-weight:700}.electric-mission__eyebrow,.electric-mission__formula{color:#a41d15;margin:0;font-size:28px;font-weight:900}.electric-mission h1{margin:8px 0 14px;font-size:clamp(30px,3vw,42px);line-height:1.16}.electric-mission__hero{place-items:center;width:min(100%,550px);min-height:320px;display:grid;position:relative}.electric-mission__hero-glow{aspect-ratio:1;border:10px solid #ffffff94;border-radius:50%;width:78%;position:absolute;box-shadow:0 0 0 16px #ffd83d61}.electric-mission__mascot{z-index:1;object-fit:contain;filter:drop-shadow(0 14px 2px #13243b3d);width:min(88%,430px);max-height:390px;position:relative;transform:rotate(-2deg)}.electric-mission button{border:3px solid var(--electric-ink);background:var(--electric-yellow);color:var(--electric-ink);box-shadow:4px 4px 0 var(--electric-ink);cursor:pointer;border-radius:6px;font-weight:900}.electric-mission button:hover{filter:brightness(1.04);transform:translateY(-2px)}.electric-mission button:active{box-shadow:1px 1px 0 var(--electric-ink);transform:translate(3px,3px)}.electric-mission__capture{z-index:2;justify-items:center;gap:4px;min-width:250px;padding:4px 22px 13px;font-size:20px;display:grid;position:relative}.electric-mission__ball-crop{aspect-ratio:1;filter:drop-shadow(3px 5px #13243b52);border-radius:50%;width:86px;display:block;overflow:hidden}.electric-mission__ball-crop img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;transform:scale(1.42)}.electric-mission__throwing{background:linear-gradient(#d9f5ff,#4cbce9);place-items:center;display:grid;position:relative;overflow:hidden}.electric-mission__throw-target{filter:drop-shadow(0 16px 3px #13243b40);width:min(430px,68vw)}.electric-mission__thrown-ball{animation:.65s cubic-bezier(.2,.8,.3,1) forwards electric-throw;position:absolute;bottom:8%;left:11%}.electric-mission__throwing p{z-index:2;border:3px solid var(--electric-ink);max-width:310px;box-shadow:4px 4px 0 var(--electric-ink);background:#fff;margin:0;padding:12px 16px;font-weight:900;position:absolute;bottom:5%;right:5%}.electric-mission__quiz{grid-template-columns:minmax(300px,40%) 1fr;display:grid;overflow:hidden}.electric-mission__quiz-character{background:var(--electric-yellow);position:relative;overflow:hidden}.electric-mission__quiz-character:after{content:"";background:repeating-linear-gradient(-45deg,#0000 0 16px,#fff3 16px 24px);position:absolute;inset:0}.electric-mission__quiz-character img{z-index:1;filter:drop-shadow(0 12px #13243b2e);width:120%;position:absolute;bottom:-3%;left:-9%}.electric-mission__problem{align-self:center;padding:52px;position:relative}.electric-mission__timer{border:3px solid var(--electric-ink);text-align:center;min-width:98px;box-shadow:3px 3px 0 var(--electric-ink);background:#fff;padding:8px 10px;display:grid;position:absolute;top:26px;right:30px}.electric-mission__timer strong{font-size:32px;line-height:1}.electric-mission__timer span,.electric-mission__timer small{font-size:12px;font-weight:800}.electric-mission__timer.is-urgent{color:#c6271e;animation:.45s steps(2,end) infinite electric-timer-pulse}.electric-mission__progress{margin:0 0 38px;font-weight:800}.electric-mission__values{grid-template-columns:repeat(2,minmax(0,190px));gap:14px;display:grid}.electric-mission__values div{border:3px solid var(--electric-ink);background:#dbf4ff;border-radius:4px;padding:14px;box-shadow:3px 3px #13243b33}.electric-mission__values dt{font-weight:900}.electric-mission__values dd{margin:5px 0 0;font-size:26px;font-weight:900}.electric-mission__problem form{margin-top:28px}.electric-mission__problem label{margin-bottom:8px;font-weight:800;display:block}.electric-mission__answer-row{gap:12px;display:flex}.electric-mission__answer-row input{border:3px solid var(--electric-ink);width:min(100%,270px);font:inherit;background:#fff;border-radius:4px;padding:10px 12px;font-size:24px;font-weight:800}.electric-mission__answer-row input:focus{outline-offset:2px;outline:4px solid #087ebc4d}.electric-mission__answer-row button,.electric-mission__result button{padding:10px 18px;font-size:17px}.electric-mission__hint{color:#53677b;margin:9px 0 0;font-size:13px;font-weight:700}.electric-mission__input-error{color:#b6221a;margin:9px 0 0;font-weight:800}.electric-mission__result{text-align:center;align-content:center;justify-items:center;padding:42px 28px;display:grid;position:relative;overflow:hidden}.electric-mission__result--fail{color:#fff;background:#243455}.electric-mission__result--win{background:#fff5bd}.electric-mission__result>img{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 3px #00000040);width:min(330px,72vw);max-height:320px;animation:.16s steps(2,end) 8 electric-shock;position:relative}.electric-mission__result p,.electric-mission__result h1,.electric-mission__result button{z-index:1;position:relative}.electric-mission__result-kicker{margin:12px 0 0;font-size:19px;font-weight:900}.electric-mission__solution{background:#ffffff24;border:2px solid;margin:0 0 22px;padding:8px 12px;font-weight:800}.electric-mission__burst{aspect-ratio:1;clip-path:polygon(50% 0,57% 34%,78% 7%,68% 39%,100% 28%,72% 49%,99% 63%,66% 61%,78% 94%,56% 68%,50% 100%,43% 68%,20% 94%,33% 61%,0 63%,28% 49%,0 28%,33% 39%,22% 7%,43% 34%);opacity:.48;background:#fff022;width:520px;animation:1s ease-in-out infinite alternate electric-burst;position:absolute}@keyframes electric-throw{0%{transform:translate(0)rotate(0)scale(.8)}65%{transform:translate(360px,-290px)rotate(540deg)scale(1.05)}to{opacity:.15;transform:translate(500px,-190px)rotate(720deg)scale(.5)}}@keyframes electric-timer-pulse{to{transform:scale(1.08)}}@keyframes electric-burst{to{opacity:.75;transform:scale(1.12)rotate(7deg)}}@keyframes electric-shock{50%{filter:brightness(1.5)contrast(1.25)drop-shadow(0 0 18px #fff022);transform:translate(-4px,1px)rotate(-1deg)}}@media (width<=760px){.electric-mission{min-height:calc(100vh - 56px);padding:14px}.electric-mission__header{font-size:13px}.electric-mission__lesson,.electric-mission__intro,.electric-mission__throwing,.electric-mission__quiz,.electric-mission__result{min-height:calc(100vh - 116px)}.electric-mission__intro{padding:20px 16px}.electric-mission__lesson{gap:18px;padding:26px 18px 22px;overflow:visible}.electric-mission__lesson-grid{grid-template-columns:1fr}.electric-mission__variable-panel,.electric-mission__example-panel{padding:18px}.electric-mission__lesson-start{justify-self:stretch;min-width:0}.electric-mission__hero{min-height:290px}.electric-mission__mascot{width:min(92%,370px)}.electric-mission__intro:before,.electric-mission__intro:after{width:110px}.electric-mission__quiz{grid-template-columns:1fr}.electric-mission__quiz-character{display:none}.electric-mission__problem{padding:30px 22px}.electric-mission__timer{top:18px;right:18px}.electric-mission__progress{padding-top:64px}.electric-mission__values{grid-template-columns:1fr 1fr}.electric-mission__answer-row{flex-direction:column;align-items:stretch}.electric-mission__answer-row input{width:100%}.electric-mission__throwing p{max-width:none;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.electric-mission__thrown-ball,.electric-mission__timer.is-urgent,.electric-mission__burst,.electric-mission__result>img{animation:none}}.animations-disabled .electric-mission__thrown-ball,.animations-disabled .electric-mission__timer.is-urgent,.animations-disabled .electric-mission__burst,.animations-disabled .electric-mission__result>img{animation:none}.gravity-sandbox{color:#e8f0f7;min-height:100vh;font-family:var(--font-ui);background:linear-gradient(135deg,#0a0d12 0%,#0f131c 100%)}.gravity-sandbox__header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d12d9;border-bottom:1px solid #38bdf826;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.gravity-sandbox__header>div:first-child{align-items:center;gap:16px;display:flex}.gravity-sandbox__header h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.gravity-sandbox__back{color:#38bdf8;font:inherit;cursor:pointer;background:0 0;border:1px solid #38bdf84d;border-radius:6px;padding:6px 12px;font-weight:600;transition:all .15s}.gravity-sandbox__back:hover{background:#38bdf81a;border-color:#38bdf8}.status-badge{text-transform:uppercase;letter-spacing:.05em;background:#1f2937cc;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:800}.status-badge--live{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.gravity-sandbox__layout{grid-template-columns:1fr 340px;height:calc(100vh - 61px);display:grid}.gravity-sandbox__stage{background:#161d2b;position:relative;overflow:hidden}.gravity-sandbox__camera-view{background:#0a0d12;width:100%;height:100%;position:relative}.gravity-sandbox__camera-view video{object-fit:cover;opacity:.92;width:100%;height:100%;transform:scaleX(-1)}.gravity-sandbox__camera-view i{pointer-events:none;z-index:10;background:#38bdf8;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #38bdf8,0 0 0 1px #0a0d1280}.gravity-sandbox__scene{pointer-events:none;position:absolute;inset:0}.gravity-obstacle{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#38bdf81f;border:2px solid #38bdf8;transition:transform 80ms,box-shadow .12s;position:absolute;box-shadow:inset 0 0 16px #38bdf840,0 0 12px #38bdf859}.gravity-obstacle.is-held{transform:translate(-50%,-50%)scale(1.05);box-shadow:inset 0 0 20px #38bdf859,0 0 20px #38bdf880}.gravity-obstacle--wall{background:#6ee7b714;border-color:#6ee7b7;box-shadow:inset 0 0 16px #6ee7b733,0 0 12px #6ee7b74d}.gravity-obstacle--wall.is-held{box-shadow:inset 0 0 20px #6ee7b74d,0 0 20px #6ee7b780}.gravity-obstacle--platform{background:#e9a5681a;border-color:#e9a568;box-shadow:inset 0 0 16px #e9a56840,0 0 12px #e9a56859}.gravity-obstacle--platform.is-held{box-shadow:inset 0 0 20px #e9a56859,0 0 20px #e9a56880}.gravity-obstacle--ramp{background:#a78bfa1a;border-color:#a78bfa}.gravity-object{width:var(--object-size);height:var(--object-size);pointer-events:none;z-index:5;transition:filter .12s,transform 80ms;position:absolute;transform:translate(-50%,-50%)}.gravity-object img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000073);width:100%;height:100%}.gravity-object.is-selected img{filter:drop-shadow(0 0 12px #38bdf8)drop-shadow(0 4px 8px #00000080)}.gravity-object.is-held{z-index:8;transform:translate(-50%,-50%)scale(1.15)}.gravity-hand-cursor{pointer-events:none;z-index:12;background:#38bdf826;border:3px solid #38bdf8;border-radius:50%;width:28px;height:28px;transition:all .1s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 16px #38bdf899,inset 0 0 8px #38bdf84d}.gravity-hand-cursor.is-pinching{background:#e9a56840;border-color:#e9a568;width:36px;height:36px;box-shadow:0 0 20px #e9a568cc,inset 0 0 12px #e9a56866}.gravity-sandbox__camera-placeholder{text-align:center;background:linear-gradient(135deg,#0f131c 0%,#1e2636 100%);place-items:center;display:grid;position:absolute;inset:0}.gravity-sandbox__camera-placeholder p{color:#e8f0f780;margin:0 0 16px;font-size:18px;font-weight:700}.gravity-sandbox__camera-placeholder button{color:#38bdf8;font:inherit;cursor:pointer;background:#38bdf81a;border:1px solid #38bdf8;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .15s}.gravity-sandbox__camera-placeholder button:hover{background:#38bdf833;box-shadow:0 0 20px #38bdf866}.gravity-sandbox__sidebar{background:#0a0d12;border-left:1px solid #38bdf81a;flex-direction:column;gap:12px;padding:16px;display:flex;overflow:hidden auto}.sandbox-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f131c99;border:1px solid #38bdf826;border-radius:8px}.sandbox-panel__header{border-bottom:1px solid #38bdf81a;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sandbox-panel__header h2{letter-spacing:.08em;text-transform:uppercase;color:#e8f0f7b3;margin:0;font-size:11px;font-weight:800}.sandbox-panel__header span{color:#38bdf8cc;font-size:11px;font-weight:700}.sandbox-panel__content{padding:12px}.sandbox-panel__empty{text-align:center;color:#e8f0f759;margin:0;padding:20px;font-size:13px;font-weight:600}.object-item{cursor:pointer;background:#161d2b80;border:1px solid #38bdf826;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.object-item:hover{background:#161d2bcc;border-color:#38bdf84d}.object-item.is-selected{background:#38bdf81f;border-color:#38bdf8;box-shadow:0 0 12px #38bdf833}.object-item strong{color:#e8f0f7;margin-bottom:2px;font-size:14px;font-weight:700;display:block}.object-item small{color:#e8f0f780;font-size:11px;font-weight:600;display:block}.object-item button{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;width:24px;height:24px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:all .15s}.object-item button:hover{background:#ef444433;border-color:#ef4444}.object-add-buttons{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.object-add-buttons button{color:#38bdf8;font:inherit;cursor:pointer;background:#38bdf80d;border:1px solid #38bdf840;border-radius:6px;padding:8px 4px;font-size:11px;font-weight:700;transition:all .15s}.object-add-buttons button:hover:not(:disabled){background:#38bdf826;border-color:#38bdf8}.object-add-buttons button:disabled{opacity:.3;cursor:not-allowed}.arena-item{background:#161d2b66;border:1px solid #6ee7b726;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;display:flex}.arena-item>div{flex:1}.arena-item strong{color:#6ee7b7;margin-bottom:3px;font-size:13px;font-weight:700;display:block}.arena-item small{color:#e8f0f773;font-size:11px;font-weight:600;display:block}.arena-item button{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;width:24px;height:24px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:all .15s}.arena-item button:hover{background:#ef444433;border-color:#ef4444}.obstacle-add-buttons{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.obstacle-add-buttons button{color:#6ee7b7;font:inherit;cursor:pointer;background:#6ee7b70d;border:1px solid #6ee7b740;border-radius:6px;padding:8px 6px;font-size:11px;font-weight:700;transition:all .15s}.obstacle-add-buttons button:hover{background:#6ee7b726;border-color:#6ee7b7}.setting-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.setting-row label{color:#e8f0f7cc;font-size:13px;font-weight:700}.setting-row output{color:#38bdf8;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.sandbox-panel input[type=range]{appearance:none;cursor:pointer;background:#38bdf826;border-radius:999px;width:100%;height:6px;margin-bottom:12px}.sandbox-panel input[type=range]::-webkit-slider-thumb{appearance:none;cursor:grab;background:#0a0d12;border:2px solid #38bdf8;border-radius:50%;width:18px;height:18px;box-shadow:0 0 12px #38bdf899}.sandbox-panel input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}.preset-buttons{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.preset-buttons button{color:#e8f0f7b3;font:inherit;cursor:pointer;background:#0f131ccc;border:1px solid #38bdf833;border-radius:6px;padding:8px 6px;font-size:12px;font-weight:700;transition:all .15s}.preset-buttons button:hover{background:#38bdf81a;border-color:#38bdf866}.preset-buttons button.is-active{color:#38bdf8;background:#38bdf82e;border-color:#38bdf8;box-shadow:0 0 12px #38bdf840}.reset-button{color:#f87171;width:100%;font:inherit;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:10px;font-weight:700;transition:all .15s}.reset-button:hover{background:#ef444433;border-color:#ef4444;box-shadow:0 0 16px #ef44444d}.sandbox-panel--physics{border-color:#e9a56833}.sandbox-panel--physics .sandbox-panel__header h2{color:#e9a568}.physics-readout{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.readout-item{background:#e9a5680d;border:1px solid #e9a56833;border-radius:6px;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.readout-item span{color:#e9a568b3;margin-bottom:4px;font-size:12px;font-style:italic;font-weight:800}.readout-item strong{color:#e9a568;font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}@media (width<=1200px){.gravity-sandbox__layout{grid-template-columns:1fr 300px}}@media (width<=960px){.gravity-sandbox__layout{grid-template-rows:1fr auto;grid-template-columns:1fr}.gravity-sandbox__sidebar{border-top:1px solid #38bdf81a;border-left:0;max-height:40vh}}.g3-world-map{isolation:isolate;background:#2689c7;width:100%;height:100dvh;min-height:620px;position:relative;overflow:hidden}.g3-world-map__background{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.g3-world-map__islands{z-index:2;position:absolute;inset:0}.g3-map-hud{z-index:7;gap:8px;display:flex;position:absolute;top:clamp(10px,1.7vh,22px);right:clamp(150px,14vw,275px)}.g3-map-hud__resource{color:#fff8e8;place-items:center;width:clamp(115px,10vw,170px);height:clamp(39px,5vh,56px);font-size:clamp(.98rem,1.3vw,1.35rem);font-weight:900;display:grid;position:relative}.g3-map-hud__resource>img{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.g3-map-hud__resource strong{color:#ffc928;text-shadow:1px 2px #071c31;font-size:1.35em;position:absolute;left:17%}.g3-map-hud__resource:nth-child(2) strong{color:#68d8ff}.g3-map-hud__resource b{margin-left:24%}.g3-map-hud__profile{position:relative}.g3-map-hud__profile>button{color:#fff8e8;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:8px;width:clamp(155px,13vw,225px);height:clamp(39px,5vh,56px);padding:0 13% 0 0;font-size:clamp(.9rem,1.1vw,1.25rem);font-weight:900;display:flex;position:relative}.g3-map-hud__profile-frame{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.g3-map-hud__avatar{width:clamp(39px,4vw,56px);height:clamp(39px,4vw,56px);position:absolute;left:1%}.g3-map-hud__profile>button span{font-size:1.3em}.g3-map-hud__dropdown{color:#12385b;background:#fff8e8;border:3px solid #071c31;border-radius:13px;gap:3px;min-width:190px;padding:12px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 8px #071c3159}.g3-map-hud__dropdown small{font-weight:800}.g3-map-menu{z-index:6;gap:8px;display:grid;position:absolute;top:clamp(80px,12vh,126px);right:clamp(12px,1.8vw,30px)}.g3-map-menu button{color:#fff8e8;background:0 0;border:0;grid-template-columns:35% 1fr;place-items:center;width:clamp(110px,10vw,172px);height:clamp(53px,7vh,76px);padding:0;font-size:clamp(.68rem,.92vw,1rem);font-weight:900;transition:transform .14s,filter .14s;display:grid;position:relative}.g3-map-menu__frame{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.g3-map-menu__icon{width:clamp(25px,2.2vw,36px);height:clamp(25px,2.2vw,36px)}.g3-map-menu button:hover{filter:brightness(1.08);transform:translate(-3px)}.g3-map-menu button:active{transform:translate(2px)}.g3-map-menu button.is-active{color:#12385b}.g3-island{z-index:2;left:var(--island-x);top:var(--island-y);width:clamp(170px,17vw,330px);color:inherit;transform:translate(-50%,-50%) scale(var(--island-scale,1));background:0 0;border:0;padding:0;transition:filter .18s,transform .18s;position:absolute}.g3-island:hover,.g3-island:focus-visible{z-index:4;transform:translate(-50%,-52%) scale(calc(var(--island-scale,1) * 1.035));filter:brightness(1.08)}.g3-island__art{aspect-ratio:3/2;width:100%;display:block;position:relative}.g3-island__art>img{object-fit:contain;width:100%;height:100%}.g3-island--locked .g3-island__art>img{filter:saturate(.52)brightness(.68)}.g3-island--coming-soon .g3-island__art>img{filter:saturate(.25)brightness(.42)}.g3-island__lock{z-index:3;filter:drop-shadow(0 5px 4px #00000073);width:clamp(54px,5vw,92px);height:auto;position:absolute;top:17%;left:50%;transform:translate(-50%)}.g3-island__new,.g3-island__soon{z-index:3;place-items:center;display:grid;position:absolute;top:-4%;left:50%;transform:translate(-50%)}.g3-island__new img{width:clamp(48px,4.5vw,82px);height:auto}.g3-island__new b{color:#071c31;font-size:clamp(.52rem,.65vw,.75rem);position:absolute;transform:rotate(-4deg)}.g3-island__soon img{width:clamp(91px,8vw,148px);height:auto}.g3-island__soon b{color:#fff8e8;font-size:clamp(.5rem,.64vw,.72rem);position:absolute}.g3-island-label{color:#fff8e8;justify-items:center;width:clamp(138px,12vw,224px);margin:-6px auto 0;padding:12px 8px 0;line-height:1.05;display:grid;position:relative}.g3-island-label__frame{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.g3-island-label strong{font-size:clamp(.72rem,.96vw,1rem)}.g3-island-label small{margin-top:3px;font-size:clamp(.57rem,.7vw,.74rem);font-weight:900}.g3-island-label__progress{color:#fff8e8;justify-content:center;align-items:center;width:82%;height:clamp(22px,2.5vw,30px);margin-top:5px;font-size:clamp(.52rem,.65vw,.7rem);font-weight:900;display:flex;position:relative}.g3-island-label__progress>img{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.g3-island-label__progress b{color:#ffc928;margin-right:4px;font-size:1.28em}.g3-island-label__progress em{display:none}.g3-world-map__wheel,.g3-world-map__note{z-index:3;pointer-events:none;filter:drop-shadow(0 6px 5px #0000004d);position:absolute}.g3-world-map__wheel{width:clamp(110px,14vw,250px);bottom:-2%;left:-1%}.g3-world-map__note{width:clamp(105px,11vw,190px);bottom:clamp(12px,2vh,28px);right:clamp(14px,2vw,40px);transform:rotate(-5deg)}.g3-map-modal-backdrop{z-index:20;background:#071c319e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.g3-map-modal{color:#12385b;background:linear-gradient(#fffdf4,#e5d6b0);border:4px solid #071c31;border-radius:23px;width:min(92vw,460px);padding:28px;position:relative;box-shadow:0 12px #071c31}.g3-map-modal h2{margin:0 38px 12px 0}.g3-map-modal__close{color:#fff;background:#f05a4f;border:2px solid #071c31;border-radius:50%;width:32px;height:32px;font-size:1.3rem;font-weight:900;position:absolute;top:12px;right:12px}.g3-map-modal__settings{gap:8px;display:grid}.g3-map-modal__settings button,.g3-map-modal__confirm{color:#12385b;background:#fff8e8;border:2px solid #071c31;border-radius:10px;padding:10px;font-weight:900}.g3-map-modal__confirm{background:#ffc928;margin-top:16px}@media (width<=900px){.g3-map-hud{right:112px}.g3-map-menu button{width:88px}.g3-island{width:clamp(128px,17vw,190px)}.g3-world-map__wheel{width:120px}.g3-world-map__note{width:95px}}@media (width<=700px){.g3-world-map{height:auto;min-height:100dvh;padding-bottom:78px;overflow:auto}.g3-world-map__background{position:fixed}.g3-map-hud{justify-content:center;padding:10px 8px;position:relative;top:auto;right:auto}.g3-map-hud__resource{width:105px}.g3-map-hud__profile>button{width:120px}.g3-map-hud__profile>button b{display:none}.g3-map-menu{grid-template-columns:repeat(4,1fr);gap:4px;width:calc(100% - 16px);display:grid;position:fixed;top:auto;bottom:7px;right:8px}.g3-map-menu button{grid-template-columns:1fr;width:auto;height:53px;font-size:.56rem}.g3-map-menu__icon{width:20px;height:20px}.g3-world-map__islands{height:670px;display:block;position:relative}.g3-island{width:clamp(95px,25vw,145px)}.g3-world-map__wheel{width:90px}.g3-world-map__note{width:75px}}.g3-world-map{background:#0f80cb}.g3-world-map__background{object-position:center}.g3-island{will-change:transform}.g3-island--active{filter:drop-shadow(0 0 10px #ffed74b8)}.g3-island--active .g3-island__art:after{content:"";border:2px solid #ffe96fc2;border-radius:50%;animation:2.8s ease-in-out infinite active-island-ring;position:absolute;inset:10% 12% 18%;box-shadow:0 0 18px #ffe96f7a}.g3-island__lock{filter:drop-shadow(0 4px 3px #0000006b);width:clamp(36px,3.2vw,58px);top:24%}.g3-island-label{width:clamp(142px,11.5vw,214px);margin:-9px auto 0;padding-top:11px}.g3-island-label__progress{height:clamp(21px,2.2vw,28px)}.g3-island__new{top:-8%}.g3-island__soon{top:-7%}.g3-island:focus-visible{filter:brightness(1.12)drop-shadow(0 0 10px #ffc928d1);outline:0}.g3-map-menu button:focus-visible,.g3-map-hud__profile>button:focus-visible{outline-offset:2px;outline:3px solid #ffc928}.g3-map-modal__settings button[aria-pressed=false]{filter:saturate(.25);opacity:.76}.g3-map-modal__volume{color:#12385b;background:#f8fbff;border:2px solid #12385b;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:9px 14px;padding:12px 14px;font-weight:800;display:grid}.g3-map-modal__volume output{text-align:right;min-width:48px}.g3-map-modal__volume-controls{grid-column:1/-1;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}.g3-map-modal__settings .g3-map-modal__volume-step{background:#e6f5ff;border-radius:50%;width:42px;height:42px;padding:0;font-size:1.35rem;line-height:1}.g3-map-modal__volume input{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:32px;margin:0}.g3-map-modal__volume input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2477d4,#43d6ff);border:2px solid #12385b;border-radius:999px;height:12px}.g3-map-modal__volume input::-webkit-slider-thumb{appearance:none;background:#ffc928;border:3px solid #12385b;border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 2px #071c314d}.g3-map-modal__volume input::-moz-range-track{background:linear-gradient(90deg,#2477d4,#43d6ff);border:2px solid #12385b;border-radius:999px;height:8px}.g3-map-modal__volume input::-moz-range-thumb{background:#ffc928;border:3px solid #12385b;border-radius:50%;width:22px;height:22px;box-shadow:0 2px #071c314d}.g3-map-modal__volume input:focus-visible{outline-offset:3px;outline:3px solid #ffc928}@keyframes active-island-ring{50%{opacity:.45;transform:scale(1.045)}}@media (prefers-reduced-motion:reduce){.g3-island--active .g3-island__art:after{animation:none}}@media (width<=700px){.g3-island__lock{width:clamp(30px,8vw,42px)}.g3-island-label{width:clamp(105px,28vw,142px)}}:root{--paper:#fff8e8;--paper-alt:#f4eedb;--sky:#79c9f2;--ocean:#2689c7;--navy:#12385b;--navy-deep:#0a2945;--blue:#2477d4;--yellow:#ffc928;--yellow-dark:#e6a900;--coral:#f05a4f;--green:#55b85a;--locked:#6d8194;--ink:#182636;--muted:#66788a;--white:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-soft:0 6px 18px #12385b24;--shadow-panel:0 10px 24px #0a29452e;--shadow-sticker:0 5px 0 #0a294533;--border-navy:2px solid var(--navy);--content-max:1440px;--font-display:var(--font-ui);--weight-regular:400;--weight-medium:500;--weight-bold:700;--font-ui:"Anuphan","Leelawadee UI",Tahoma,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--sky);min-width:320px;color:var(--ink);font-family:var(--font-ui);margin:0;font-size:16px;line-height:1.5}button,a,input,select,textarea,dialog{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.animations-disabled *,.animations-disabled :before,.animations-disabled :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}