@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(./inter-latin-800-normal-BYj_oED-.woff2) format("woff2"),url(./inter-latin-800-normal-D1mf63XC.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(./ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./ibm-plex-mono-latin-700-normal-7sUh57Bg.woff2) format("woff2"),url(./ibm-plex-mono-latin-700-normal-CNHXzs6v.woff) format("woff")}@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(./titan-one-latin-400-normal-DwVbh4mi.woff2) format("woff2"),url(./titan-one-latin-400-normal-VZVzRR2h.woff) format("woff")}@font-face{font-family:Rampart One;font-style:normal;font-display:swap;font-weight:400;src:url(./rampart-one-latin-400-normal-DD7gomWA.woff2) format("woff2"),url(./rampart-one-latin-400-normal-CG3yqfHI.woff) format("woff")}@font-face{font-family:Rampart One;font-style:normal;font-display:swap;font-weight:400;src:url(./rampart-one-japanese-400-normal-BbnMHlpN.woff2) format("woff2"),url(./rampart-one-japanese-400-normal-BmP3ykQ9.woff) format("woff")}:root{color-scheme:light;--snack-ink: #30281f;--snack-ink-soft: #54472f;--snack-muted: #68703b;--snack-cream: #faf5d6;--snack-cream-hi: #fffdec;--snack-cream-deep: #e8e2ad;--snack-shell: #e4e1a7;--snack-line: #a1aa64;--snack-line-deep: #68783d;--snack-green-hi: #d5ed7a;--snack-green: #a7cf52;--snack-green-mid: #77b83b;--snack-green-deep: #48762d;--snack-gold-hi: #ffe879;--snack-gold: #f5b52e;--snack-gold-deep: #a8671d;--snack-cocoa-hi: #c5a28a;--snack-cocoa: #98735d;--snack-cocoa-deep: #614736;--snack-red: #dd554c;--snack-blue: #35a9d2;--snack-purple: #8d58bd;--round: "Trebuchet MS", "Arial Rounded MT Bold", "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", "Cascadia Mono", ui-monospace, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ui-gap: 12px;--ui-gap-2: 24px;--topbar-height: 78px;--side-panel-width: clamp(420px, 32vw, 470px);--command-height: 86px;--tray-height: 0px;font-family:var(--round);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}html{min-width:320px;min-height:100%;overflow:hidden;background:#273f28}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;color:var(--snack-ink);background:#273f28}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--snack-cream-hi);outline-offset:2px;box-shadow:0 0 0 5px var(--snack-green-deep)}button:disabled{cursor:not-allowed}.modal{border:2px solid var(--snack-line);border-radius:20px;background:radial-gradient(circle at 18% -18%,rgba(255,255,238,.82) 0 18%,transparent 42%),linear-gradient(145deg,#f1f1c7,var(--snack-shell) 70%,#cbd085);box-shadow:inset 0 0 0 2px #ffffe5c7,inset 0 3px #ffffffb3,0 4px #68783deb,0 10px 24px #25311645;-webkit-backdrop-filter:none;backdrop-filter:none}.modal:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,238,.55);border-radius:14px;pointer-events:none}.eyebrow{color:var(--snack-muted);font:900 9px/1 var(--round);letter-spacing:.09em;text-transform:uppercase}.icon-button{position:relative;width:44px;height:44px;padding:0;display:inline-grid;place-items:center;border:2px solid var(--snack-line-deep);border-radius:14px;background:linear-gradient(145deg,#fffde8,#e8e3ae);box-shadow:inset 0 2px #fff,0 3px #778146,0 5px 8px #353f1b2b;color:#4d672e;cursor:pointer;transition:transform .11s ease,filter .11s ease,box-shadow .11s ease}.icon-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.045)}.icon-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #fff,0 1px #778146}.button{position:relative;min-height:48px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:2px solid var(--snack-line-deep);border-radius:14px;background:linear-gradient(145deg,#fffde8,#e9e4af);box-shadow:inset 0 2px #fff,0 4px #778146,0 7px 10px #333e1a2b;color:#3f4e2c;font:900 11px/1 var(--round);letter-spacing:.01em;cursor:pointer;transition:transform .11s ease,filter .11s ease,box-shadow .11s ease}.button:before{content:"";position:absolute;inset:3px 4px auto;height:35%;border-radius:10px 10px 45% 45%;background:linear-gradient(rgba(255,255,255,.42),transparent);pointer-events:none}.button>*{position:relative;z-index:1}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.045)}.button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff73,0 1px #6c783d}.button:disabled{opacity:.52;filter:saturate(.45)}.global-audio-toggle{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:120;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(139,225,255,.42);border-radius:16px;background:linear-gradient(145deg,#081f3de6,#030c1deb);box-shadow:inset 0 1px #ffffff29,0 8px 24px #00000052;color:#d9f7ff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateZ(0);transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .22s ease,background-color .22s ease,opacity .18s ease}.global-audio-toggle:hover{transform:translate3d(0,-3px,0) scale(1.04);border-color:#8be1ffcc}.global-audio-toggle:active{transform:translate3d(0,1px,0) scale(.96);transition-duration:80ms}.global-audio-toggle:focus-visible{outline:3px solid #8ceaff;outline-offset:3px}body:has(.modal-backdrop.is-open) .global-audio-toggle{opacity:0;pointer-events:none}.modal-backdrop{position:fixed;inset:0;z-index:50;padding:clamp(10px,4vw,46px);display:grid;place-items:center;overflow:auto;visibility:hidden;background:#222f1cc7;opacity:0;-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .18s ease,visibility .18s ease}.modal-backdrop.is-open{visibility:visible;opacity:1}.modal{position:relative;width:min(100%,720px);max-height:calc(100vh - 30px);max-height:calc(100dvh - 30px);overflow:auto;padding:clamp(20px,3vw,32px);box-shadow:inset 0 0 0 2px #ffffe5cc,inset 0 3px #ffffffb3,0 5px #68783d,0 24px 70px #1b251273}.modal>*{position:relative;z-index:1}.modal-close{position:absolute;z-index:3;top:18px;right:18px}.home-screen{position:fixed;inset:0;z-index:100;display:none;overflow:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#061329 url(./learning-fortress-CBR18VDX.webp) center / cover no-repeat;color:#fff}.home-screen.is-open{display:block}.home-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,24,.48),transparent 19%,transparent 67%,rgba(1,10,29,.78)),radial-gradient(circle at 50% 32%,transparent 0 24%,rgba(2,7,25,.15) 51%,rgba(2,6,21,.65) 100%)}.home-shell{position:relative;width:min(1500px,100%);min-height:calc(100dvh - 24px);margin:0 auto;display:grid;grid-template-rows:auto minmax(250px,1fr) minmax(150px,24vh) auto;gap:clamp(7px,1vh,12px)}.home-screen button{--home-rest-transform: translate3d(0, 0, 0);--home-hover-transform: translate3d(0, -3px, 0) scale(1.012);--home-active-transform: translate3d(0, 1px, 0) scale(.988);font-family:var(--round);color:#fff;cursor:pointer;transform:var(--home-rest-transform);transform-origin:center;transition:transform .36s cubic-bezier(.16,1,.3,1),filter .24s ease,border-color .24s ease}.home-screen button:focus-visible{outline:3px solid rgba(126,231,255,.95);outline-offset:4px}.home-topbar{display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:start;gap:18px}.glass-panel,.resource-chip,.home-settings,.home-footer button{border:2px solid rgba(170,217,255,.22);background:linear-gradient(145deg,#050f25eb,#06111fb8);box-shadow:inset 0 2px #ffffff1a,0 5px #010511b8,0 10px 28px #0000004d;backdrop-filter:blur(12px)}.home-profile{--home-hover-transform: translate3d(0, -2px, 0) scale(1.006);width:min(310px,100%);min-height:74px;padding:6px 17px 6px 7px;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:11px;border-radius:26px;text-align:left}.home-avatar{width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border:3px solid #f3bc30;border-radius:50%;background:linear-gradient(#612b92,#122a5b);box-shadow:0 0 0 3px #8d36e4,0 0 17px #c444ffcc}.home-avatar img{width:112%;height:112%;object-fit:contain;transition:transform .42s cubic-bezier(.16,1,.3,1)}.home-profile-copy{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px}.home-profile-copy>strong{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;font:900 20px/1 var(--round);text-shadow:0 3px 0 #08101c}.home-profile-copy>span:not(.home-xp){display:flex;align-items:center;gap:4px;font:900 10px/1 var(--round);text-transform:uppercase}.home-profile-copy em{font-style:normal}.home-xp{height:10px;overflow:hidden;border:2px solid #202837;border-radius:99px;background:#141a24;box-shadow:inset 0 2px 4px #000}.home-xp i{display:block;width:var(--xp);height:100%;border-radius:inherit;background:linear-gradient(#ffe02d,#f3a600);box-shadow:inset 0 2px #ffffff8c,0 0 9px #ffc400}.home-resources{display:grid;grid-template-columns:repeat(3,minmax(115px,auto)) 52px;gap:10px}.resource-chip{--home-hover-transform: translate3d(0, -2px, 0) scale(1.018);min-height:50px;padding:6px 9px 6px 10px;display:grid;grid-template-columns:30px auto 22px;align-items:center;gap:4px;border-radius:22px}.resource-chip strong{font:900 17px/1 var(--round);text-shadow:0 3px 0 #050a14}.resource-chip span{color:#75e324;font:1000 29px/1 var(--round);text-shadow:0 3px 0 #174b0c}.resource-chip--energy{border-color:#39cfff6b}.resource-chip--coins{border-color:#ffc71d6b}.resource-chip--gems{border-color:#c955ff6b}.home-settings{--home-hover-transform: translate3d(0, -2px, 0) scale(1.06);width:52px;height:52px;display:grid;place-items:center;border-radius:50%}.home-audio-toggle,.home-menu-button,.home-mobile-menu{display:none}.home-stage{min-height:0;display:grid;grid-template-areas:"actions hero features";grid-template-columns:clamp(190px,20vw,280px) minmax(390px,1fr) clamp(190px,20vw,280px);align-items:stretch;gap:clamp(12px,2vw,28px)}.home-quick-actions{grid-area:actions;width:clamp(104px,7.5vw,116px);min-height:0;padding-top:28px;display:grid;grid-template-rows:repeat(4,102px);align-content:start;justify-self:start;gap:10px}.home-quick-button{--home-hover-transform: translate3d(0, -4px, 0) scale(1.025);position:relative;min-width:0;min-height:0;padding:5px 6px 9px;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;overflow:visible;border:2px solid rgba(153,214,246,.25);border-radius:17px;background:linear-gradient(145deg,#06162ae6,#070f1ec4);box-shadow:inset 0 2px #ffffff17,0 5px #000512b3,0 10px 22px #0000004d;text-align:center;text-transform:uppercase}.home-quick-button img{width:70px;max-width:100%;height:65px;min-height:0;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.55));transition:transform .42s cubic-bezier(.16,1,.3,1),filter .24s ease}.home-quick-button strong{width:100%;overflow:hidden;font:1000 clamp(9px,.75vw,12px)/1.05 var(--round);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 3px 0 #050b17}.home-quick-button b{position:absolute;top:-7px;right:-7px;width:28px;height:28px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:linear-gradient(#ff4b43,#cf1014);box-shadow:0 3px #6c0710,0 0 12px #ff2d36b3;font:1000 14px/1 var(--round)}.home-hero{position:relative;grid-area:hero;min-height:0;display:grid;place-content:center;justify-items:center;align-self:stretch;padding:2px 14px;text-align:center}.home-hero h1{position:relative;margin:0;display:grid;row-gap:clamp(4px,.5vw,8px);font:400 clamp(62px,6.8vw,108px)/.74 "Titan One",var(--round);font-synthesis:none;letter-spacing:-.035em;text-transform:uppercase;transform:rotate(-1deg);filter:drop-shadow(0 9px 0 rgba(2,10,24,.78)) drop-shadow(0 16px 24px rgba(0,0,0,.45))}.home-hero h1:after{content:"";position:absolute;z-index:0;top:54%;left:50%;width:54%;aspect-ratio:1;border:5px solid rgba(204,247,118,.72);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.15);pointer-events:none}.home-hero h1 span{position:relative;z-index:1;-webkit-text-stroke:clamp(3px,.4vw,6px) #14200d;paint-order:stroke fill}.home-hero h1 span:first-child{color:#ffd724;text-shadow:0 4px 0 #ff8a00,0 8px 0 #9e2e00,inset 0 2px 0 white}.home-hero h1 span:last-child{z-index:2;color:#26d9ff;text-shadow:0 4px 0 #0088d5,0 8px 0 #06458d}.home-hero p{margin:clamp(20px,2.4vh,28px) 0 12px;padding:5px 18px;border:2px solid #317f1f;border-radius:99px 10px;background:linear-gradient(#7fd220,#287e19);box-shadow:inset 0 2px #ffffff61,0 4px #17470e;color:#fffbd3;font:1000 clamp(9px,1vw,14px)/1 var(--round);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 0 #31550d}.home-play{--home-hover-transform: translate3d(0, -4px, 0) scale(1.018);--home-active-transform: translate3d(0, 2px, 0) scale(.985);position:relative;isolation:isolate;width:min(340px,64%);min-height:clamp(66px,8vh,86px);border:3px solid #73fb28;border-radius:26px;background:linear-gradient(180deg,#55ef20,#14a80f 54%,#078409);box-shadow:inset 0 4px #ffffff8c,inset 0 -8px 12px #00530673,0 7px #075513,0 0 25px #40ff2c8c,0 16px 28px #00000061;font:1000 clamp(34px,3.7vw,58px)/1 var(--round);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 4px 0 #3b6235}.home-play:after{content:"";position:absolute;z-index:-1;inset:-13px;border:3px solid rgba(157,255,100,.65);border-radius:35px;opacity:0;pointer-events:none}.home-intro-next{--home-hover-transform: translate3d(4px, -50%, 0) scale(1.08);--home-active-transform: translate3d(2px, -50%, 0) scale(.94);position:absolute;z-index:5;top:50%;right:2px;width:clamp(38px,3.4vw,46px);height:clamp(38px,3.4vw,46px);padding:0;display:grid;place-items:center;border:2px solid rgba(139,226,255,.55);border-radius:50%;background:linear-gradient(145deg,#10365df0,#041127f0);box-shadow:inset 0 2px #fff3,0 4px #020917,0 0 18px #2ec2ff47;color:#c9f5ff;transform:translate3d(0,-50%,0)}.home-hero[data-intro-state=running] .home-intro-next{pointer-events:none}.home-hero[data-intro-state=running] h1 span,.home-hero[data-intro-state=running]>p,.home-hero[data-intro-state=running]>.home-play,.home-hero[data-intro-state=running] .home-intro-next{will-change:transform,opacity}.home-screen[data-intro-state=running] :is(.home-profile,.home-resources>button,.home-quick-button,.home-feature-cards>button,.home-world,.home-footer>button){will-change:transform,opacity}.home-screen:is(.home-screen--intro-smash,.home-screen--intro-magic) :is(.home-profile,.home-resources>button,.home-quick-button,.home-feature-cards>button,.home-world,.home-footer>button){animation:home-dashboard-enter var(--home-enter-duration, .52s) cubic-bezier(.16,1,.3,1) var(--home-enter-delay, 0ms) backwards}.home-profile{--home-enter-delay: 90ms;--home-enter-duration: .61s}.home-resources>button:nth-child(1){--home-enter-delay: .17s}.home-resources>button:nth-child(2){--home-enter-delay: 245ms}.home-resources>button:nth-child(3){--home-enter-delay: .32s}.home-resources>button:nth-child(4){--home-enter-delay: 395ms}.home-quick-button:nth-child(1){--home-enter-delay: 1.36s}.home-quick-button:nth-child(2){--home-enter-delay: 1465ms}.home-quick-button:nth-child(3){--home-enter-delay: 1.57s}.home-quick-button:nth-child(4){--home-enter-delay: 1675ms}.home-feature-cards>button:nth-child(1){--home-enter-delay: 1.45s;--home-enter-duration: .62s}.home-feature-cards>button:nth-child(2){--home-enter-delay: 1.63s;--home-enter-duration: .62s}.home-world:nth-child(1){--home-enter-delay: 2.14s}.home-world:nth-child(2){--home-enter-delay: 2215ms}.home-world:nth-child(3){--home-enter-delay: 2.29s}.home-world:nth-child(4){--home-enter-delay: 2365ms}.home-world:nth-child(5){--home-enter-delay: 2.44s}.home-world:nth-child(6){--home-enter-delay: 2515ms}.home-footer>button:nth-child(1){--home-enter-delay: 2.77s;--home-enter-duration: .47s}.home-footer>button:nth-child(2){--home-enter-delay: 2.84s;--home-enter-duration: .47s}.home-footer>button:nth-child(3){--home-enter-delay: 2.91s;--home-enter-duration: .47s}.home-footer>button:nth-child(4){--home-enter-delay: 2.98s;--home-enter-duration: .47s}.home-footer>button:nth-child(5){--home-enter-delay: 3.05s;--home-enter-duration: .52s}.home-screen--intro-smash .home-profile{--home-enter-x: -38px;--home-enter-y: -18px;--home-enter-rotate: -3deg;--home-enter-scale: .68}.home-screen--intro-smash .home-resources>button{--home-enter-y: -32px;--home-enter-scale: .62}.home-screen--intro-smash .home-quick-button{--home-enter-x: -46px;--home-enter-rotate: -4deg;--home-enter-scale: .62}.home-screen--intro-smash .home-feature-cards>button{--home-enter-x: 48px;--home-enter-rotate: 3deg;--home-enter-scale: .72}.home-screen--intro-smash .home-world{--home-enter-y: 38px;--home-enter-rotate: -3deg;--home-enter-scale: .58;--home-enter-overshoot: 1.065}.home-screen--intro-smash .home-world:nth-child(2n){--home-enter-rotate: 3deg}.home-screen--intro-smash .home-footer>button{--home-enter-y: 30px;--home-enter-scale: .7}.home-screen--intro-magic .home-profile{--home-enter-x: -18px;--home-enter-y: -12px;--home-enter-rotate: -1deg;--home-enter-scale: .9}.home-screen--intro-magic .home-resources>button{--home-enter-y: -18px;--home-enter-scale: .86}.home-screen--intro-magic .home-quick-button{--home-enter-x: -25px;--home-enter-scale: .86}.home-screen--intro-magic .home-feature-cards>button{--home-enter-x: 25px;--home-enter-scale: .86}.home-screen--intro-magic .home-world{--home-enter-y: 24px;--home-enter-scale: .78;--home-enter-overshoot: 1.035}.home-screen--intro-magic .home-footer>button{--home-enter-y: 20px;--home-enter-scale: .84}.home-hero--intro-smash h1 span:first-child{animation:home-title-smash-left .72s cubic-bezier(.18,.8,.24,1) 80ms backwards}.home-hero--intro-smash h1 span:last-child{animation:home-title-smash-right .72s cubic-bezier(.18,.8,.24,1) .16s backwards}.home-hero--intro-smash h1:after{animation:home-title-impact .46s ease-out .53s backwards}.home-hero--intro-smash>p{animation:home-slogan-reveal .44s cubic-bezier(.16,1,.3,1) .82s backwards}.home-hero--intro-smash>.home-play{animation:home-play-crash-bounce .74s cubic-bezier(.16,.86,.25,1) 1.06s backwards}.home-hero--intro-smash .home-intro-next{animation:home-intro-next-arrive .38s cubic-bezier(.16,1,.3,1) 3.62s backwards}.home-hero--intro-magic h1 span:first-child{animation:home-title-magic-focus .68s cubic-bezier(.16,1,.3,1) 60ms backwards}.home-hero--intro-magic h1 span:last-child{animation:home-title-magic-focus .68s cubic-bezier(.16,1,.3,1) .18s backwards}.home-hero--intro-magic h1:after{animation:home-title-magic-aura .78s ease-out .32s backwards}.home-hero--intro-magic>p{animation:home-slogan-unfurl .52s cubic-bezier(.16,1,.3,1) .76s backwards}.home-hero--intro-magic>.home-play{animation:home-play-magic-land .66s cubic-bezier(.16,1,.3,1) 1.06s backwards}.home-hero--intro-magic>.home-play:after{animation:home-play-energy-ring .72s ease-out 1.2s backwards}.home-hero--intro-magic .home-intro-next{animation:home-intro-next-arrive .38s cubic-bezier(.16,1,.3,1) 3.62s backwards}@keyframes home-dashboard-enter{0%{opacity:0;transform:translate3d(var(--home-enter-x, 0),var(--home-enter-y, 0),0) rotate(var(--home-enter-rotate, 0deg)) scale(var(--home-enter-scale, .76))}62%{opacity:1;transform:translate3d(0,-3px,0) rotate(0) scale(var(--home-enter-overshoot, 1.045))}82%{transform:translate3d(0,1px,0) rotate(0) scale(.985)}to{opacity:1;transform:var(--home-rest-transform, translate3d(0, 0, 0))}}@keyframes home-title-smash-left{0%{opacity:0;transform:translate3d(-92px,-20px,0) rotate(-7deg) scale(.78)}48%{opacity:1;transform:translate3d(10px,2px,0) rotate(1.5deg) scale(1.055)}67%{transform:translate3d(-5px,-1px,0) rotate(-.8deg) scale(.98)}83%{transform:translate3d(2px,0,0) rotate(.3deg) scale(1.012)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes home-title-smash-right{0%{opacity:0;transform:translate3d(92px,24px,0) rotate(7deg) scale(.74)}46%{opacity:1;transform:translate3d(-9px,-2px,0) rotate(-1.4deg) scale(1.06)}66%{transform:translate3d(5px,1px,0) rotate(.7deg) scale(.975)}84%{transform:translate3d(-2px,0,0) rotate(-.25deg) scale(1.012)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes home-title-impact{0%{opacity:0;transform:translate(-50%,-50%) scale(.14)}22%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}@keyframes home-slogan-reveal{0%{opacity:0;clip-path:inset(0 50% 0 50% round 99px);transform:translate3d(0,10px,0) scaleX(.7)}to{opacity:1;clip-path:inset(0 0 0 0 round 99px);transform:translateZ(0) scaleX(1)}}@keyframes home-play-crash-bounce{0%{opacity:0;transform:translate3d(0,20px,0) scale(.36)}44%{opacity:1;transform:translate3d(0,-5px,0) scale(1.22)}61%{transform:translate3d(0,3px,0) scale(.9)}76%{transform:translate3d(0,-2px,0) scale(1.085)}89%{transform:translate3d(0,1px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes home-mode-pop-left{0%{opacity:0;transform:translate3d(-24px,18px,0) rotate(-3deg) scale(.55)}60%{opacity:1;transform:translate3d(2px,-2px,0) rotate(.5deg) scale(1.1)}82%{transform:translate3d(-1px,1px,0) rotate(-.2deg) scale(.97)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes home-mode-pop-right{0%{opacity:0;transform:translate3d(24px,18px,0) rotate(3deg) scale(.55)}60%{opacity:1;transform:translate3d(-2px,-2px,0) rotate(-.5deg) scale(1.1)}82%{transform:translate3d(1px,1px,0) rotate(.2deg) scale(.97)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes home-title-magic-focus{0%{opacity:0;filter:blur(10px) brightness(1.7);transform:translate3d(0,22px,0) scale(.84)}58%{opacity:1;filter:blur(0) brightness(1.18);transform:translate3d(0,-3px,0) scale(1.035)}to{opacity:1;filter:blur(0) brightness(1);transform:translateZ(0) scale(1)}}@keyframes home-title-magic-aura{0%{opacity:0;border-color:#60e0ffb8;transform:translate(-50%,-50%) scale(.2)}28%{opacity:.66}to{opacity:0;border-color:#e075ff26;transform:translate(-50%,-50%) scale(1.7)}}@keyframes home-slogan-unfurl{0%{opacity:0;clip-path:inset(0 48% 0 48% round 99px);transform:perspective(400px) rotateX(-70deg) scaleX(.62)}70%{opacity:1;clip-path:inset(0 0 0 0 round 99px);transform:perspective(400px) rotateX(6deg) scaleX(1.04)}to{opacity:1;clip-path:inset(0 0 0 0 round 99px);transform:perspective(400px) rotateX(0) scaleX(1)}}@keyframes home-play-magic-land{0%{opacity:0;filter:brightness(1.5);transform:translate3d(0,30px,0) scale(.8)}62%{opacity:1;filter:brightness(1.12);transform:translate3d(0,-4px,0) scale(1.075)}82%{filter:brightness(1);transform:translate3d(0,1px,0) scale(.985)}to{opacity:1;filter:brightness(1);transform:translateZ(0) scale(1)}}@keyframes home-play-energy-ring{0%{opacity:0;transform:scale(.72)}25%{opacity:.75}to{opacity:0;transform:scale(1.28)}}@keyframes home-mode-sweep-left{0%{opacity:0;transform:translate3d(-44px,0,0) skew(-8deg)}70%{opacity:1;transform:translate3d(3px,0,0) skew(1deg)}to{opacity:1;transform:translateZ(0) skew(0)}}@keyframes home-mode-sweep-right{0%{opacity:0;transform:translate3d(44px,0,0) skew(8deg)}70%{opacity:1;transform:translate3d(-3px,0,0) skew(-1deg)}to{opacity:1;transform:translateZ(0) skew(0)}}@keyframes home-intro-next-arrive{0%{opacity:0;transform:translate3d(-10px,-50%,0) scale(.7)}65%{opacity:1;transform:translate3d(3px,-50%,0) scale(1.08)}to{opacity:1;transform:translate3d(0,-50%,0) scale(1)}}.home-feature-cards{grid-area:features;min-height:0;display:grid;grid-template-rows:1fr 1.12fr;gap:12px}.home-feature-cards button{--home-hover-transform: translate3d(0, -4px, 0) scale(1.012);position:relative;min-height:0;overflow:hidden;border:2px solid rgba(60,209,255,.55);border-radius:20px;background:#061731;box-shadow:inset 0 2px #ffffff47,0 5px #001226c7,0 0 24px #00b9ff30;text-align:left}.home-feature-cards img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .28s ease}.home-feature-cards span{position:absolute;inset:0;display:grid;align-content:center;justify-items:start;padding:11px;background:linear-gradient(90deg,rgba(2,13,31,.92),rgba(2,13,31,.58) 48%,transparent 74%);text-transform:uppercase;text-shadow:0 3px 0 #061020}.home-feature-cards strong{max-width:58%;color:#ffd33b;font:1000 clamp(13px,1.45vw,21px)/.95 var(--round)}.home-feature-cards small{margin-top:4px;font:1000 clamp(8px,.8vw,11px)/1 var(--round)}.home-feature-cards b{align-self:end;margin-top:9px;color:#8bf038;font:1000 clamp(8px,.8vw,11px)/1 var(--round)}.home-squad-card span{align-content:end;background:linear-gradient(0deg,rgba(2,13,31,.98),transparent 75%)}.home-squad-card span small{display:flex;align-items:center;gap:5px}.home-squad-card span strong{color:#ffd42b;font-size:clamp(18px,2vw,29px)}.home-squad-card span b{justify-self:center;color:#fff}.home-world-grid{min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(7px,1.1vw,15px);padding:0 3.2vw}.home-world{--world: #47b83a;--home-rest-transform: rotate(-1.5deg) translateZ(0);--home-hover-transform: translate3d(0, -6px, 0) rotate(0) scale(1.028);--home-active-transform: translate3d(0, -1px, 0) rotate(0) scale(.992);position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;border:3px solid var(--world);border-radius:24px;background:#07172b;box-shadow:inset 0 3px #ffffff73,inset 0 -4px #00000059,0 6px color-mix(in srgb,var(--world),#050b16 55%),0 0 20px color-mix(in srgb,var(--world),transparent 55%)}.home-world:nth-child(2n){--home-rest-transform: rotate(1.3deg) translateZ(0)}.home-world:nth-child(3n){--home-rest-transform: rotate(-.6deg) translateZ(0)}.home-world img{width:100%;height:100%;object-fit:cover;object-position:center 39%;transition:transform .56s cubic-bezier(.16,1,.3,1),filter .28s ease}.home-world>span{position:absolute;inset:42% 0 0;display:grid;align-content:end;justify-items:center;gap:4px;padding:26px 9px 9px;background:linear-gradient(transparent,color-mix(in srgb,var(--world),#06101e 58%) 38%,color-mix(in srgb,var(--world),#040a15 72%));text-transform:uppercase;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.78)}.home-world strong{font:1000 clamp(10px,1.05vw,16px)/1 var(--round)}.home-world small{color:color-mix(in srgb,var(--world),white 62%);font:900 clamp(6px,.58vw,9px)/1.1 var(--round)}.home-world b{min-width:72%;padding:5px 9px;display:flex;justify-content:center;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:#0109146b;font:1000 11px/1 var(--round)}.home-world em{font-style:normal}.home-world--workshop{--world: #e79231}.home-world--word{--world: #be42dc}.home-world--number{--world: #85c92f}.home-world--space{--world: #4b8dea}.home-world--music{--world: #d94dcf}.home-footer{display:grid;grid-template-columns:.72fr .72fr 1fr 1fr 2fr;gap:10px}.home-footer button{--home-hover-transform: translate3d(0, -3px, 0) scale(1.012);min-height:61px;padding:8px 13px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:20px;text-transform:uppercase}.home-footer span{display:grid;gap:3px;text-align:left}.home-footer strong{font:1000 clamp(10px,1vw,15px)/1 var(--round)}.home-footer small{color:#bfe8ef;font:900 8px/1 var(--round)}.home-premium{min-height:70px!important;padding:7px 62px 7px 10px!important;display:grid!important;grid-template-columns:40px 120px minmax(279px,1fr);gap:8px!important;border-color:#ffc52a94!important;background:radial-gradient(circle at 12% 50%,rgba(255,211,49,.2),transparent 30%),linear-gradient(145deg,#4e126ef5,#09142cf0)!important;box-shadow:inset 0 2px #ffffff29,0 5px #140527e6,0 0 24px #dd4fff33!important}.home-premium-crown{width:40px;height:40px;display:grid!important;place-items:center;border:1px solid rgba(255,220,85,.55);border-radius:13px;background:linear-gradient(145deg,#ffd22f33,#71268c4d);box-shadow:inset 0 1px #ffffff38}.home-premium-copy{min-width:0;overflow:hidden;display:grid!important;gap:3px!important;text-align:left}.home-premium-copy strong{color:#ffe14c;font:1000 clamp(12px,1.08vw,17px)/1 var(--round);white-space:nowrap}.home-premium-copy small{overflow:hidden;color:#fff;font:900 8px/1.15 var(--round);text-overflow:ellipsis;white-space:nowrap}.home-premium-copy em{color:#dcbcff;font:850 6.5px/1 var(--round);font-style:normal;letter-spacing:.025em;white-space:nowrap}.home-premium-stores{min-width:0;display:flex!important;align-items:center;justify-content:flex-end;justify-self:stretch;gap:4px!important}.store-badge{flex:0 0 auto;display:block;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.store-badge--apple{width:auto;height:40px}.store-badge--google{width:auto;height:60px;margin:-10px 0}@media(max-width:1400px){.home-premium{grid-template-columns:40px 112px minmax(238px,1fr)}.store-badge--apple{height:34px}.store-badge--google{height:51px;margin-block:-8.5px}}.home-status{position:fixed;left:50%;bottom:88px;z-index:4;max-width:min(440px,calc(100vw - 30px));padding:10px 18px;border:2px solid rgba(93,219,255,.55);border-radius:99px;background:#030e22f0;box-shadow:0 5px #000000a6,0 0 22px #25bfff59;opacity:0;transform:translate(-50%,14px);pointer-events:none;color:#e8faff;font:900 10px/1.3 var(--round);text-align:center;transition:opacity .18s ease,transform .18s ease}.home-status.is-visible{opacity:1;transform:translate(-50%)}.home-panel-backdrop{z-index:220;background:#010614cc;backdrop-filter:blur(10px)}.home-panel-modal{width:min(760px,100%);border:2px solid rgba(84,210,255,.48);border-radius:26px;background:#07152f;box-shadow:inset 0 2px #ffffff21,0 7px #010716,0 0 42px #22baff33,0 28px 80px #000000a6;color:#fff}.home-panel-modal>.eyebrow{color:#87e8ff}.home-panel-modal>h2{max-width:calc(100% - 55px);margin:8px 0;color:#fff;font:1000 clamp(28px,5vw,44px)/1 var(--round);letter-spacing:-.04em;text-shadow:0 4px 0 #020817}.home-panel-modal>p{margin:0;color:#b7d2df;font:700 12px/1.5 var(--round)}.home-panel-content{margin-top:20px;display:grid;gap:12px}.progress-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.progress-summary>div{padding:12px;display:grid;gap:5px;border:1px solid rgba(126,221,255,.3);border-radius:14px;background:#0a2744b8;box-shadow:inset 0 2px #ffffff12}.progress-summary small{color:#8ccfe5;font:900 8px/1 var(--round);text-transform:uppercase}.progress-summary strong{color:#fff6be;font:1000 19px/1 var(--round)}.panel-action{min-height:38px;padding:0 13px;border:2px solid #75d52e;border-radius:12px;background:linear-gradient(#a8e850,#4eaa27);box-shadow:inset 0 2px #fff6,0 3px #245c18;color:#fff;font:1000 9px/1 var(--round);cursor:pointer}.panel-action:disabled{border-color:#536778;background:#273b4d;box-shadow:none;color:#91a4ae;cursor:default}.panel-action--danger{border-color:#f05f64;background:linear-gradient(#e95c62,#9e262d);box-shadow:inset 0 2px #ffffff40,0 3px #57151a}.settings-list{display:grid;gap:8px}.setting-row{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(129,217,249,.25);border-radius:14px;background:#0a2441b8}.setting-row span{display:grid;gap:4px}.setting-row strong{font:1000 12px/1 var(--round)}.setting-row small{color:#a9c8d5;font:700 9px/1.3 var(--round)}.setting-row select{min-width:min(270px,48vw);padding:9px 34px 9px 11px;border:1px solid rgba(117,220,255,.52);border-radius:10px;background:#09243f;color:#f5fbff;font:800 10px/1.2 var(--round);cursor:pointer}.setting-row select:focus-visible{outline:2px solid #8ceaff;outline-offset:2px}.settings-reset{margin-top:7px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(131,211,242,.2);color:#9fbac5;font:700 9px/1.4 var(--round)}.empty-progress{padding:26px 15px;display:grid;justify-items:center;gap:8px;border:1px dashed rgba(131,214,247,.35);border-radius:16px;color:#a8c4cf;text-align:center}.empty-progress strong{color:#fff;font:1000 14px/1 var(--round)}.empty-progress p{max-width:440px;margin:0;font:700 10px/1.5 var(--round)}@keyframes collection-holo-sweep{to{transform:rotate(1turn)}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(hover:hover)and (pointer:fine){.home-screen button:hover:not(:disabled){z-index:3;transform:var(--home-hover-transform);filter:brightness(1.07) saturate(1.035)}.home-profile:hover .home-avatar img{transform:scale(1.055) rotate(-1deg)}.home-quick-button:hover img{transform:translateY(-2px) scale(1.075);filter:drop-shadow(0 7px 7px rgba(0,0,0,.5))}.home-feature-cards button:hover img,.home-world:hover img{transform:scale(1.045);filter:saturate(1.06) contrast(1.025)}}.home-screen button:active:not(:disabled){transform:var(--home-active-transform);filter:brightness(.98) saturate(1.02);transition-duration:90ms}@media(max-width:1100px){.home-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.home-premium{grid-column:1 / -1}}@media(max-width:1320px){.home-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.home-premium{grid-column:1 / -1}}@media(max-width:820px){.home-shell{grid-template-rows:auto auto auto auto}.home-topbar{grid-template-columns:1fr}.home-profile{width:100%}.home-resources{grid-template-columns:repeat(3,1fr) 48px}.resource-chip{min-width:0;grid-template-columns:24px 1fr 16px;padding-inline:6px}.resource-chip strong{font-size:13px}.home-stage{grid-template-areas:"hero hero" "actions features";grid-template-columns:1fr 1fr}.home-hero{grid-column:1 / -1;grid-row:1;min-height:330px}.home-quick-actions{width:auto;padding-top:0;grid-template-columns:repeat(4,1fr);grid-template-rows:102px;align-content:stretch;justify-self:stretch}.home-feature-cards{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:230px}.home-world-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:260px;padding:0}.home-footer{grid-template-columns:repeat(2,1fr)}.home-premium{grid-column:1 / -1}}@media(max-width:520px){.home-screen{padding:8px 8px calc(98px + env(safe-area-inset-bottom,0px))}.home-shell{grid-template-rows:auto auto auto}.home-topbar{position:fixed;z-index:116;left:calc(8px + env(safe-area-inset-left,0px));right:calc(76px + env(safe-area-inset-right,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));display:block}.home-profile{--home-hover-transform: translate3d(0, 0, 0);width:100%;min-height:74px;padding:6px 12px 6px 7px;grid-template-columns:56px minmax(0,1fr);gap:9px;border-radius:24px;pointer-events:auto}.home-avatar{width:56px;height:56px}.home-profile-copy{min-width:0;grid-template-columns:auto minmax(0,1fr);gap:5px 8px}.home-profile-copy>strong{font-size:17px}.home-profile-copy>span:not(.home-xp){font-size:9px}.home-xp{min-width:0;width:100%;max-width:112px;justify-self:end}.home-resources{position:absolute;left:0;right:0;bottom:calc(100% + 10px);padding:8px;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:6px;border:2px solid rgba(142,218,255,.34);border-radius:22px;background:linear-gradient(145deg,#06142ef7,#050e20f5);box-shadow:inset 0 2px #ffffff1f,0 6px #010511d1,0 18px 38px #0000007a;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,12px,0) scale(.97);transform-origin:center bottom;transition:opacity .18s ease,visibility .18s ease,transform .32s cubic-bezier(.16,1,.3,1)}.home-topbar.is-resources-open .home-resources{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1)}.home-settings{position:static;width:44px;height:44px}.resource-chip{min-height:44px;padding:5px 6px;grid-template-columns:18px minmax(0,1fr);gap:3px;border-radius:15px}.resource-chip span{display:none}.resource-chip strong{min-width:0;overflow:hidden;font-size:9px;text-overflow:ellipsis}.home-stage{grid-template-areas:"hero" "actions" "features";grid-template-columns:1fr}.home-hero{min-height:300px}.home-hero h1{font-size:clamp(58px,20vw,82px)}.home-play{width:78%}.home-intro-next{right:-2px;width:36px;height:36px}.home-quick-actions{width:100%;padding:8px 4px 0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:92px;gap:8px;align-content:start;justify-self:stretch}.home-quick-button{padding:4px 3px 7px;border-radius:14px}.home-quick-button img{width:clamp(44px,13vw,52px);height:52px}.home-quick-button strong{font-size:clamp(6.5px,2vw,8px)}.home-quick-button b{top:-5px;right:-4px;width:23px;height:23px;border-width:2px;font-size:11px}.home-feature-cards{grid-template-columns:1fr;min-height:auto}.home-feature-cards button{min-height:200px}.home-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:250px}.home-footer{grid-template-columns:1fr}.home-premium{grid-column:auto}.home-premium{grid-template-columns:40px minmax(0,1fr);padding:10px 62px 10px 12px!important}.home-premium-stores{grid-column:1 / -1;width:100%;justify-content:center}.progress-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-reset{align-items:stretch;flex-direction:column}}@media(max-width:1024px){.home-screen{overflow:hidden;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) calc(98px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left))}.home-shell{width:100%;height:100%;min-height:0;display:block}.home-stage{width:100%;height:100%;min-height:0;display:grid;grid-template-areas:"hero" "actions";grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(88px,13vh,106px);gap:8px}.home-hero{min-height:0;padding-block:0}.home-quick-actions{width:min(680px,100%);min-height:0;padding:7px 6px 1px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(82px,1fr);align-content:stretch;justify-self:center;gap:clamp(7px,1.6vw,12px)}.home-quick-button{min-height:0;padding:4px 4px 7px;border-radius:15px}.home-quick-button img{width:clamp(46px,8vw,62px);height:clamp(47px,7.5vh,61px)}.home-quick-button strong{font-size:clamp(7px,1.35vw,10px)}.home-quick-button b{top:-6px;right:-4px;width:24px;height:24px;font-size:11px}.home-topbar{position:fixed;z-index:116;left:calc(10px + env(safe-area-inset-left,0px));right:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:min(540px,calc(100vw - 86px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));display:block}.home-profile{--home-hover-transform: translate3d(0, 0, 0);width:100%;min-height:72px;padding:6px 14px 6px 7px;grid-template-columns:56px minmax(0,1fr);gap:10px;border-radius:24px;pointer-events:auto}.home-avatar{width:56px;height:56px}.home-profile-copy{min-width:0;grid-template-columns:auto minmax(0,1fr);gap:5px 9px}.home-profile-copy>strong{font-size:clamp(17px,2.6vw,20px)}.home-profile-copy>span:not(.home-xp){font-size:9px}.home-xp{min-width:0;width:100%;max-width:150px;justify-self:end}.home-resources{position:absolute;left:0;right:0;bottom:calc(100% + 10px);padding:8px;grid-template-columns:repeat(3,minmax(0,1fr)) 44px 44px;gap:6px;border:2px solid rgba(142,218,255,.34);border-radius:22px;background:linear-gradient(145deg,#06142efa,#050e20f7);box-shadow:inset 0 2px #ffffff1f,0 6px #010511d1,0 18px 38px #0000007a;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,12px,0) scale(.97);transform-origin:center bottom;transition:opacity .18s ease,visibility .18s ease,transform .32s cubic-bezier(.16,1,.3,1)}.home-topbar.is-resources-open .home-resources{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1)}.resource-chip{min-width:0;min-height:44px;padding:5px 6px;grid-template-columns:18px minmax(0,1fr);gap:4px;border-radius:15px}.resource-chip span{display:none}.resource-chip strong{min-width:0;overflow:hidden;font-size:clamp(9px,1.7vw,12px);text-overflow:ellipsis}.home-settings,.home-audio-toggle{--home-hover-transform: translate3d(0, -2px, 0) scale(1.045);position:static;width:44px;height:44px;display:grid;place-items:center;border:2px solid rgba(170,217,255,.3);border-radius:50%;background:linear-gradient(145deg,#081935fa,#050e20f5);box-shadow:inset 0 2px #ffffff1f,0 3px #010511d1}.home-audio-toggle[aria-pressed=false]{color:#a9c3d1}.home-audio-toggle[aria-pressed=true]{border-color:#4edbffad;color:#55dcff}.home-menu-button{--home-hover-transform: translate3d(0, -2px, 0) scale(1.045);position:fixed;z-index:117;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:54px;height:54px;display:grid;place-items:center;border:2px solid rgba(91,218,255,.58);border-radius:19px;background:linear-gradient(145deg,#092243fa,#051128fa);box-shadow:inset 0 2px #ffffff2b,0 5px #02091a,0 0 22px #21c0ff3b}.home-menu-button[aria-expanded=true]{border-color:#9ae7ffdb;background:linear-gradient(145deg,#124a75,#071d3c)}#home-screen.is-open~.global-audio-toggle{display:none}.home-mobile-menu{position:fixed;inset:0;z-index:115;min-height:100dvh;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(94px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);gap:16px;background:linear-gradient(180deg,#020b1df5,#020817fb),url(./learning-fortress-CBR18VDX.webp) center / cover no-repeat;contain:layout paint style}.home-mobile-menu.is-open{display:grid}.home-mobile-menu :is(.home-feature-cards>button,.home-world,.home-footer>button){animation:none!important;opacity:1}.home-mobile-menu-header{width:min(900px,100%);margin:0 auto;padding-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(110,210,246,.24)}.home-mobile-menu-header>div{display:grid;gap:4px}.home-mobile-menu-header span{color:#60dcff;font:900 9px/1 var(--mono);letter-spacing:.12em}.home-mobile-menu-header h2{margin:0;font:1000 clamp(25px,5vw,38px)/1 var(--round);letter-spacing:-.02em}.home-mobile-menu-close{--home-hover-transform: translate3d(0, -2px, 0) scale(1.04);flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border:2px solid rgba(125,218,249,.38);border-radius:16px;background:#071d3ae0;box-shadow:inset 0 2px #ffffff1a,0 4px #020a18}.home-mobile-menu-scroll{width:min(900px,100%);min-height:0;margin:0 auto;padding:2px 3px 20px;display:grid;align-content:start;gap:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(92,211,249,.48) transparent}.home-mobile-menu-section{width:100%;min-width:0;display:grid;gap:11px;content-visibility:auto;contain-intrinsic-size:auto 260px}#home-menu-features-slot,#home-menu-footer-slot,#home-menu-worlds-slot{width:100%;min-width:0;max-width:100%}.home-mobile-menu-section h3{margin:0;color:#dff8ff;font:1000 clamp(13px,2.6vw,17px)/1 var(--round);letter-spacing:.035em;text-transform:uppercase}.home-mobile-menu-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.home-mobile-menu-section-heading span{color:#78cee7;font:800 8px/1 var(--round);text-transform:uppercase}.home-mobile-menu .home-feature-cards{width:100%;min-height:228px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:228px;gap:12px}.home-mobile-menu .home-feature-cards button{min-height:0}.home-mobile-menu .home-feature-cards strong{font-size:clamp(15px,3vw,21px)}.home-mobile-menu .home-feature-cards small,.home-mobile-menu .home-feature-cards b{font-size:clamp(8px,1.6vw,11px)}.home-mobile-menu .home-footer{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-mobile-menu .home-footer button{min-height:68px}.home-mobile-menu .home-footer strong{font-size:clamp(10px,2vw,14px)}.home-mobile-menu .home-premium{grid-column:1 / -1;grid-template-columns:40px minmax(120px,1fr) minmax(260px,1.4fr)}.home-mobile-menu-worlds{margin-inline:-3px}.home-mobile-menu-worlds .home-mobile-menu-section-heading{padding-inline:3px}.home-mobile-menu .home-world-grid{width:100%;min-height:310px;padding:8px max(4px,calc((100% - min(72vw,280px))/2)) 16px;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(72vw,280px);grid-auto-rows:286px;gap:15px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:max(4px,calc((100% - min(72vw,280px))/2));scroll-snap-type:x mandatory;scrollbar-width:none}.home-mobile-menu .home-world-grid::-webkit-scrollbar{display:none}.home-mobile-menu .home-world{--home-rest-transform: translateZ(0);min-width:0;width:auto;max-width:none;scroll-snap-align:center;scroll-snap-stop:always}.home-mobile-menu .home-world:nth-child(2n),.home-mobile-menu .home-world:nth-child(3n){--home-rest-transform: translateZ(0)}.home-mobile-menu .home-world strong{font-size:14px}.home-mobile-menu .home-world small{font-size:8px}}@media(max-width:560px){.home-topbar{left:calc(8px + env(safe-area-inset-left,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100vw - 82px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.home-profile{min-height:70px;padding-right:10px;grid-template-columns:54px minmax(0,1fr);gap:8px}.home-avatar{width:54px;height:54px}.home-profile-copy>strong{font-size:17px}.home-xp{max-width:112px}.home-menu-button{right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:52px;height:52px}.home-resources{left:0;right:auto;width:calc(100vw - 16px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));grid-template-columns:repeat(3,minmax(0,1fr)) 42px 42px;gap:5px;padding:7px}.home-settings,.home-audio-toggle{width:42px;height:42px}.home-mobile-menu{padding-inline:max(10px,env(safe-area-inset-left))}.home-mobile-menu .home-feature-cards{min-height:200px;grid-template-rows:200px;gap:9px}.home-mobile-menu .home-footer{grid-template-columns:1fr}.home-mobile-menu .home-premium{grid-column:auto;grid-template-columns:40px minmax(0,1fr);padding:10px 12px!important}.home-mobile-menu .home-premium-stores{grid-column:1 / -1;justify-content:center}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.home-world.is-selected{border-color:#fff06a;box-shadow:inset 0 3px #fff9,inset 0 -4px #00000059,0 7px #7d640a,0 0 32px #ffe22ad1}.home-world.is-selected:before{content:"SELECTED";position:absolute;z-index:4;top:8px;left:50%;padding:5px 10px;border:2px solid white;border-radius:999px;background:linear-gradient(#ffe65a,#ec9c0a);box-shadow:0 3px #7d4c08;color:#281600;font:1000 8px/1 var(--round);letter-spacing:.06em;transform:translate(-50%)}.home-world.is-coming-soon{opacity:.47;filter:saturate(.38) grayscale(.32)}.home-world.is-coming-soon img{filter:saturate(.28) grayscale(.42) brightness(.72)}.home-world.is-coming-soon:after{content:"LOCKED";position:absolute;z-index:5;top:9px;right:9px;padding:5px 8px;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:#040c18cc;color:#d7e2e4;font:900 7px/1 var(--round);letter-spacing:.08em}.home-world.is-coming-soon:hover{opacity:.62;filter:saturate(.52) grayscale(.2)}.local-leaderboard{margin:0;padding:0;display:grid;gap:8px;list-style:none}.local-leaderboard li,.mission-list>div{min-height:54px;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid rgba(125,221,255,.22);border-radius:14px;background:#071c3a9e}.local-leaderboard b{color:#ffd43a}.local-leaderboard strong{color:#fff;font-size:18px}.local-leaderboard span,.mission-list span{color:#b9dfe9;font-size:12px}.mission-list{display:grid;gap:8px}.mission-list>div{grid-template-columns:1fr auto}.game-screen[hidden]{display:none}.game-page-open{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}.game-page-open .global-audio-toggle{z-index:150;width:42px;height:42px;right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom))}.game-screen{position:fixed;z-index:130;inset:0;width:100vw;height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden;overscroll-behavior:none;touch-action:none;isolation:isolate;background:radial-gradient(circle at 50% 28%,rgba(111,211,161,.34),transparent 34%),linear-gradient(135deg,#071d2b,#0a342d 48%,#071a27);color:#fff}.game-screen-vignette{position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(118deg,transparent 0 46px,rgba(255,255,255,.018) 47px 48px),linear-gradient(90deg,rgba(1,8,20,.62),transparent 34%,transparent 66%,rgba(1,8,20,.62));pointer-events:none}.game-screen-header{position:relative;z-index:8;width:100%;min-height:62px;padding:calc(8px + var(--safe-top)) clamp(12px,2vw,28px) 8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;border-bottom:1px solid rgba(149,241,190,.28);background:linear-gradient(180deg,#03141df7,#041e25eb);box-shadow:0 6px 24px #00000052}.game-wordmark{display:inline-flex;align-items:baseline;gap:0;font:400 clamp(19px,2vw,28px)/1 "Titan One",var(--round);letter-spacing:-.035em;white-space:nowrap;filter:drop-shadow(0 5px 5px rgba(0,0,0,.48))}.game-wordmark span:first-child{color:#ffd724;text-shadow:0 3px 0 #9e2e00}.game-wordmark span:last-child{color:#26d9ff;text-shadow:0 3px 0 #06458d}.game-screen-header>span{justify-self:end;padding:8px 12px;border:1px solid rgba(156,237,191,.48);border-radius:999px;background:#0a3e31d1;color:#c9ffde;font:1000 10px/1 var(--round);text-transform:uppercase}.game-back-button{min-height:46px;padding:0 17px 0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;border:2px solid #fff2a1;border-radius:16px;background:linear-gradient(180deg,#ffdf3c,#ffad1a 58%,#ed7113);box-shadow:inset 0 3px #ffffff94,inset 0 -3px #97340547,0 5px #8c3b08,0 8px 16px #00000057;color:#392000;font:1000 11px/1 var(--round);letter-spacing:.025em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.game-back-button svg{width:19px;height:19px;stroke-width:4}.game-back-button:hover{filter:saturate(1.1) brightness(1.08);transform:translateY(-2px)}.game-back-button:active{box-shadow:inset 0 3px #ffffff70,inset 0 -2px #97340533,0 2px #8c3b08;transform:translateY(3px)}.game-shell{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;container-type:size}.game-portrait{position:relative;width:min(100cqw,50cqh);height:min(100cqh,200cqw);aspect-ratio:1 / 2;overflow:hidden;outline:1px solid rgba(172,245,199,.3);outline-offset:-1px;background:#7dd8dc;box-shadow:0 0 54px #00000085;user-select:none;-webkit-user-select:none}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.game-hud{position:absolute;z-index:3;top:12px;left:10px;right:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;pointer-events:none}.game-hud>div{min-width:0;padding:8px 6px;display:grid;justify-items:center;gap:2px;border:1px solid rgba(255,255,255,.56);border-radius:13px;background:#04222bbf;box-shadow:inset 0 2px #ffffff1f,0 3px 8px #00000038;backdrop-filter:blur(8px)}.game-hud small{color:#b9f1d0;font:800 7px/1 var(--round);letter-spacing:.08em;text-transform:uppercase}.game-hud strong{overflow:hidden;color:#fff;font:1000 15px/1 var(--round);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.6)}.game-hud strong span{color:#ffd236}.game-hud em{font-style:normal}.game-culture-note{position:absolute;z-index:3;right:9px;bottom:8px;display:grid;justify-items:end;gap:2px;color:#ffffffc7;text-align:right;text-shadow:0 2px 0 rgba(0,0,0,.5);pointer-events:none}.game-culture-note span{font:900 7px/1 var(--round);letter-spacing:.08em}.game-culture-note small{font:700 6px/1 var(--round)}.game-over[hidden]{display:none}.game-over{position:absolute;z-index:8;inset:0;padding:28px;display:grid;align-content:center;justify-items:center;gap:13px;background:linear-gradient(#03141bb8,#03121bed);text-align:center;backdrop-filter:blur(5px)}.game-over>span{padding:6px 11px;border-radius:999px;background:#4d9d49;color:#f4ffd5;font:900 8px/1 var(--round);letter-spacing:.08em}.game-over h2{margin:0;color:#ffd62c;font:400 43px/.92 "Titan One",var(--round);text-shadow:0 5px 0 #7d3b05}.game-over>strong{color:#fff;font:1000 24px/1 var(--round)}.game-over p{max-width:280px;margin:0 0 5px;color:#ccebe2;font:700 11px/1.45 var(--round)}.game-over button{min-width:190px;min-height:48px;padding:0 20px;border:2px solid #fff3a5;border-radius:15px;background:linear-gradient(#ffe34d,#f09b13);box-shadow:inset 0 2px #ffffff8a,0 5px #80420a;color:#2d2105;font:1000 13px/1 var(--round);text-transform:uppercase;cursor:pointer}.game-over .game-over-home{min-height:40px;border-color:#b7f4d89e;background:#144e43d9;box-shadow:0 3px #092f2a;color:#fff;font-size:10px}@media(max-width:680px){.game-screen-header{min-height:62px;padding-inline:max(9px,var(--safe-left)) max(9px,var(--safe-right));grid-template-columns:1fr auto;gap:8px}.game-wordmark{justify-self:end;font-size:clamp(22px,7vw,29px)}.game-screen-header>span{display:none}.game-back-button{min-height:43px;padding:0 13px 0 10px;border-radius:14px;font-size:9px}.game-shell{width:100%;height:100%;place-items:stretch}.game-portrait{width:100%;height:100%;aspect-ratio:auto;outline:0;box-shadow:none}.game-hud{top:9px}}@media(max-width:680px)and (orientation:landscape){.game-screen:after{content:"HUGO GO! is made for portrait play";position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#08272c;color:#fff3a4;font:900 20px/1.3 var(--round);text-align:center}}@media(max-width:1024px)and (max-height:600px){.home-screen{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.home-topbar{bottom:calc(6px + env(safe-area-inset-bottom,0px))}.home-profile{min-height:60px;grid-template-columns:48px minmax(0,1fr)}.home-avatar{width:48px;height:48px}.home-menu-button{bottom:calc(10px + env(safe-area-inset-bottom,0px));width:48px;height:48px}.home-stage{grid-template-rows:minmax(0,1fr) 76px;gap:2px}.home-quick-actions{grid-template-rows:72px;padding-top:1px}.home-quick-button img{width:39px;height:39px}.home-hero h1{font-size:clamp(43px,10vh,62px)}.home-hero p{margin-top:5px}.home-play{min-height:48px;margin-top:7px;font-size:28px}}.toast-region{position:fixed;right:calc(var(--safe-right) + var(--side-panel-width) + var(--ui-gap-2));bottom:calc(var(--safe-bottom) + var(--command-height) + var(--ui-gap-2));z-index:60;width:min(340px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:none}.toast{padding:11px 13px;border:2px solid var(--snack-line-deep);border-radius:13px;background:linear-gradient(145deg,var(--snack-cream-hi),var(--snack-cream));box-shadow:inset 0 2px #fff,0 4px #6e7b3f,0 9px 18px #1c291347;color:#45552f;font:900 10px/1.35 var(--round);animation:toast-in .18s ease both}.toast--success{border-color:var(--snack-green-deep);background:linear-gradient(145deg,#f7f8c8,#dce897)}.toast--warning{border-color:#ae6f2b;background:linear-gradient(145deg,#fff2c5,#eccb8c)}.toast.is-leaving{animation:toast-out .3s ease both}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translate(14px)}}@media(max-width:1120px){:root{--side-panel-width: 0px;--tray-height: clamp(188px, 26dvh, 236px);--command-height: 76px}.toast-region{right:calc(var(--safe-right) + var(--ui-gap));bottom:calc(var(--safe-bottom) + var(--tray-height) + var(--command-height) + var(--ui-gap-2) + var(--ui-gap))}}@media(max-width:820px){:root{--topbar-height: 70px}}@media(max-width:620px){:root{--ui-gap: 7px;--ui-gap-2: 14px;--topbar-height: 58px;--tray-height: clamp(158px, 22dvh, 182px);--command-height: 64px}.modal-backdrop{padding:7px}.modal{padding:18px 14px;border-radius:16px}}.modal{--modal-frame-size: clamp(96px, 9vw, 122px);--modal-frame-padding: clamp(58px, 5.8vw, 76px);border:10px solid transparent;border-image-source:url(./modal-frame-BT_-cxv_.webp);border-image-slice:342 334;border-image-width:var(--modal-frame-size);border-image-outset:5px;border-image-repeat:round;padding:var(--modal-frame-padding);background-color:#07152f;background-image:url(./enchanted-vellum-A8aMYm0y.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-clip:padding-box}.modal:before{content:none}.modal-close{top:calc(var(--modal-frame-padding) + 14px);right:calc(var(--modal-frame-padding) + 14px);width:clamp(46px,4.4vw,54px);height:clamp(46px,4.4vw,54px);padding:0;border:0;border-radius:0;background:transparent url(./modal-close--EJHqteN.webp) center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 4px 3px rgba(0,3,18,.72)) drop-shadow(0 0 9px rgba(65,191,255,.24));transition:filter .18s ease,transform .18s ease}.modal-close:hover{border:0;background:transparent url(./modal-close--EJHqteN.webp) center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 5px 4px rgba(0,3,18,.78)) drop-shadow(0 0 14px rgba(89,211,255,.52));transform:translateY(-2px) scale(1.055) rotate(1.5deg)}.modal-close:active{transform:translateY(1px) scale(.96)}@media(max-width:600px){.modal{--modal-frame-size: clamp(66px, 20vw, 78px);--modal-frame-padding: clamp(50px, 14vw, 58px);border-width:7px;border-image-outset:2px}.modal-close{top:calc(var(--modal-frame-padding) + 12px);right:calc(var(--modal-frame-padding) + 12px);width:42px;height:42px}.setting-row--select{align-items:stretch;flex-direction:column;gap:10px}.setting-row select{width:100%;min-width:0;max-width:100%}}@media(max-width:1120px)and (max-height:600px){:root{--topbar-height: 50px;--tray-height: 132px;--command-height: 54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.home-screen *,.home-screen *:before,.home-screen *:after,.home-hero h1:after{animation:none!important}}body.reduce-motion .home-screen *,body.reduce-motion .home-screen *:before,body.reduce-motion .home-screen *:after,body.reduce-motion .home-hero h1:after{animation:none!important}body.sandbox-page-open{overflow:hidden;overscroll-behavior:none}.sandbox-screen{position:fixed;z-index:120;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;overflow:hidden;color:#f7fbff;background:radial-gradient(circle at 14% 0%,rgba(20,210,238,.18),transparent 34rem),radial-gradient(circle at 90% 18%,rgba(255,190,74,.14),transparent 28rem),#07152f}.sandbox-screen[hidden]{display:none}.sandbox-header{position:relative;z-index:2;display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);align-items:center;gap:24px;padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 16px max(22px,env(safe-area-inset-left));border-bottom:1px solid rgba(151,221,255,.2);background:#040f24e0;box-shadow:0 14px 35px #00031247;backdrop-filter:blur(18px)}.sandbox-back-button{position:static;justify-self:start}.sandbox-heading{text-align:center}.sandbox-heading>span,.sandbox-card header span{color:#7deaff;font:700 .68rem/1.2 IBM Plex Mono,monospace;letter-spacing:.16em}.sandbox-heading h1{margin:2px 0 0;color:#fff;font:400 clamp(1.55rem,3vw,2.25rem)/1 "Titan One",sans-serif;letter-spacing:.015em;text-shadow:0 4px 0 #072651,0 0 22px rgba(61,216,255,.36)}.sandbox-heading p{margin:5px 0 0;color:#a9bad2;font-size:.82rem}.sandbox-live{display:inline-flex;align-items:center;justify-self:end;gap:8px;padding:9px 13px;border:1px solid rgba(111,255,186,.32);border-radius:999px;color:#8dffc4;background:#26b8731a;font:700 .74rem/1 IBM Plex Mono,monospace}.sandbox-live svg{width:16px;height:16px}.sandbox-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:26px max(24px,calc((100vw - 1320px)/2)) max(40px,env(safe-area-inset-bottom))}.sandbox-2d-v02{--v02-accent: #68eaff;display:grid;gap:26px;width:100%;max-width:1320px;margin:0 auto 72px}.sandbox-2d-v02-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,72px);align-items:end;overflow:hidden;padding:clamp(25px,4vw,46px);border:1px solid rgba(102,234,255,.3);border-radius:28px;background:radial-gradient(circle at 88% 18%,rgba(124,96,255,.26),transparent 29%),linear-gradient(135deg,#0f3962f5,#051734f5);box-shadow:0 28px 62px #0005194d,inset 0 1px #ffffff14}.sandbox-2d-v02-hero>div{max-width:760px}.sandbox-2d-v02-hero>div>span,.sandbox-2d-outfit>header span,.sandbox-version-v01>span{color:#7deaff;font:700 .7rem/1.2 IBM Plex Mono,monospace;letter-spacing:.17em}.sandbox-2d-v02-hero h2,.sandbox-version-v01 h2{margin:7px 0 12px;color:#fff;font:400 clamp(1.9rem,4.5vw,3.45rem)/.98 "Titan One",sans-serif;letter-spacing:.01em;text-shadow:0 5px 0 #071f46,0 0 28px rgba(64,216,255,.24)}.sandbox-2d-v02-hero p,.sandbox-version-v01 p{margin:0;color:#c2d2e4;font-size:clamp(.9rem,1.45vw,1.04rem);line-height:1.65}.sandbox-2d-v02-stats{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:10px;margin:0}.sandbox-2d-v02-stats div{display:grid;gap:2px;min-width:0;padding:15px 16px;border:1px solid rgba(132,231,255,.19);border-radius:16px;background:#05143094}.sandbox-2d-v02-stats dt{color:#ffd363;font:400 1.65rem/1 Titan One,sans-serif}.sandbox-2d-v02-stats dd{margin:0;color:#a8bbd1;font:600 .66rem/1.35 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-2d-v02-method{display:grid;grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);gap:24px;align-items:center;padding:18px 22px;border:1px solid rgba(111,255,186,.32);border-left:5px solid #6dffbd;border-radius:0 17px 17px 0;background:linear-gradient(105deg,#1f775940,#0c2648ad)}.sandbox-2d-v02-method strong{color:#96ffd0;font:800 .79rem/1.45 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-2d-v02-method p{margin:0;color:#d6e1ed;font-size:.84rem;line-height:1.58}.sandbox-2d-outfit{--outfit-accent: #55e4ff;--outfit-accent-rgb: 85, 228, 255;overflow:hidden;border:1px solid rgba(var(--outfit-accent-rgb),.28);border-radius:26px;background:linear-gradient(150deg,#0e2a4feb,#061835f5);box-shadow:0 24px 48px #0005163d,inset 0 1px #ffffff0d}.sandbox-2d-outfit--night-comet{--outfit-accent: #b487ff;--outfit-accent-rgb: 180, 135, 255}.sandbox-2d-outfit--sunrise{--outfit-accent: #ff9b57;--outfit-accent-rgb: 255, 155, 87}.sandbox-2d-outfit>header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 24px 18px;border-bottom:1px solid rgba(var(--outfit-accent-rgb),.18);background:linear-gradient(110deg,rgba(var(--outfit-accent-rgb),.12),transparent 55%)}.sandbox-2d-outfit>header span{color:var(--outfit-accent)}.sandbox-2d-outfit h3{margin:4px 0 0;color:#fff;font:800 clamp(1.12rem,2.2vw,1.48rem)/1.15 Inter,sans-serif}.sandbox-2d-outfit>header p{max-width:440px;margin:0;color:#aebfd3;font-size:.82rem;line-height:1.5;text-align:right}.sandbox-2d-pose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(var(--outfit-accent-rgb),.13)}.sandbox-2d-pose{min-width:0;margin:0;background:radial-gradient(circle at 50% 42%,rgba(var(--outfit-accent-rgb),.13),transparent 52%),linear-gradient(155deg,#112f55,#0b2344)}.sandbox-2d-pose>div{position:relative;overflow:hidden;aspect-ratio:1}.sandbox-2d-pose>div:after{position:absolute;inset:auto 12% 8%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(1,9,29,.42),transparent 70%);content:"";pointer-events:none}.sandbox-2d-pose img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,5,25,.28))}.sandbox-2d-pose figcaption{display:flex;align-items:center;gap:10px;min-height:49px;padding:10px 13px 12px;border-top:1px solid rgba(var(--outfit-accent-rgb),.12);color:#eaf6ff;font:700 .77rem/1.2 Inter,sans-serif}.sandbox-2d-pose figcaption b{color:#ffd460;font:800 .7rem/1 IBM Plex Mono,monospace}.sandbox-version-v01{display:grid;max-width:1320px;margin:0 auto 24px;padding:35px 0 0;border-top:1px solid rgba(126,207,247,.24)}.sandbox-version-v01>span{color:#ffbd67}.sandbox-version-v01 h2{margin:6px 0 8px;font-size:clamp(1.6rem,3.4vw,2.55rem)}.sandbox-version-v01 p{max-width:780px;font-size:.9rem}.sandbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;max-width:1320px;margin:0 auto}.sandbox-card{min-width:0;overflow:hidden;border:1px solid rgba(126,207,247,.2);border-radius:22px;background:linear-gradient(145deg,#122b4ff0,#091b38f0);box-shadow:0 20px 42px #0005163d,inset 0 1px #ffffff0f}.sandbox-card>header{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 20px 14px}.sandbox-card h2{margin:2px 0 0;color:#fff;font:800 1.08rem/1.1 Inter,sans-serif}.sandbox-card header small{color:#9eb1ca;font:500 .71rem/1.3 IBM Plex Mono,monospace;text-align:right}.sandbox-canvas{display:block;width:100%;height:auto;aspect-ratio:600 / 340;border-top:1px solid rgba(255,255,255,.08)}.sandbox-controls{display:grid;gap:12px;padding:14px 16px 17px;border-top:1px solid rgba(255,255,255,.08);background:#020d227a}.sandbox-transport{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.sandbox-transport button,.sandbox-frame-picker button{min-width:38px;min-height:34px;padding:7px 10px;border:1px solid rgba(126,207,247,.26);border-radius:9px;color:#dff8ff;background:#183e68c7;box-shadow:inset 0 1px #ffffff0f;font:700 .72rem/1 IBM Plex Mono,monospace;cursor:pointer;transition:border-color .13s ease,background .13s ease,color .13s ease,transform .13s ease}.sandbox-transport button:hover,.sandbox-frame-picker button:hover{border-color:#75eaff;background:#184f79;transform:translateY(-1px)}.sandbox-transport button:focus-visible,.sandbox-frame-picker button:focus-visible{outline:3px solid #ffd662;outline-offset:2px}.sandbox-transport strong{flex:1;min-width:92px;color:#fff;font:700 .74rem/1 IBM Plex Mono,monospace;text-align:center}.sandbox-transport .sandbox-loop{margin-left:auto}.sandbox-transport .sandbox-loop.is-active{border-color:#67ffb48c;color:#8dffc4;background:#259f6747}.sandbox-transport .sandbox-edit.is-active{border-color:#ffd662;color:#392800;background:#ffd662}.sandbox-transport .sandbox-activate-all{color:#9edff0}.sandbox-speed-control{display:grid;grid-template-columns:auto minmax(110px,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid rgba(126,207,247,.18);border-radius:11px;color:#b9d8ed;background:#031936a3}.sandbox-speed-control span,.sandbox-speed-control output{font:700 .68rem/1.2 IBM Plex Mono,monospace;white-space:nowrap}.sandbox-speed-control output{min-width:190px;color:#ffd662;text-align:right}.sandbox-speed-control input{width:100%;min-width:0;height:24px;margin:0;appearance:none;background:transparent;cursor:ew-resize}.sandbox-speed-control input::-webkit-slider-runnable-track{height:7px;border:1px solid rgba(117,234,255,.32);border-radius:999px;background:linear-gradient(90deg,#45e9ff,#ffd662 48%,#ff776f);box-shadow:inset 0 1px 2px #00000061}.sandbox-speed-control input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;appearance:none;border:3px solid #082043;border-radius:50%;background:#fff4ba;box-shadow:0 0 0 2px #ffd662,0 3px 8px #00000061}.sandbox-speed-control input::-moz-range-track{height:7px;border:1px solid rgba(117,234,255,.32);border-radius:999px;background:linear-gradient(90deg,#45e9ff,#ffd662 48%,#ff776f);box-shadow:inset 0 1px 2px #00000061}.sandbox-speed-control input::-moz-range-thumb{width:17px;height:17px;border:3px solid #082043;border-radius:50%;background:#fff4ba;box-shadow:0 0 0 2px #ffd662,0 3px 8px #00000061}.sandbox-speed-control input:focus-visible{outline:3px solid #ffd662;outline-offset:4px;border-radius:999px}.sandbox-frame-picker{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 2px 7px;scrollbar-color:rgba(117,234,255,.55) rgba(1,10,28,.6);scrollbar-width:thin}.sandbox-frame-picker button{flex:0 0 36px;min-width:36px;min-height:32px;padding:6px 4px;color:#91a9c5;background:#0a2243e0}.sandbox-frame-picker button.is-active{border-color:#ffd662;color:#082043;background:#ffd662;box-shadow:0 0 0 2px #ffd66229,0 0 18px #ffbe3638}.sandbox-frame-picker button.is-deactivated,.sandbox-frame-picker button.is-deactivated:hover{border-color:#ff6873;color:#fff;background:#a92e3b;box-shadow:inset 0 0 0 1px #ffb4b42e;text-decoration:line-through}.sandbox-frame-picker button.is-active.is-deactivated{outline:2px solid #ffd662;outline-offset:1px}.sandbox-edit-help{display:none;margin:-3px 2px 0;color:#ff9da5;font:600 .71rem/1.45 IBM Plex Mono,monospace}.sandbox-controls.is-editing .sandbox-edit-help{display:block}.sandbox-v2{display:grid;gap:22px;max-width:1320px;margin:54px auto 16px;padding-top:42px;border-top:1px solid rgba(127,225,255,.24)}.sandbox-v2-heading{max-width:880px}.sandbox-v2-heading>span,.sandbox-v2-spec span,.sandbox-motion-language>header>span,.sandbox-spacing-lab>header>span{color:#ffcf5a;font:700 .7rem/1.2 IBM Plex Mono,monospace;letter-spacing:.17em}.sandbox-v2-heading h2{margin:5px 0 9px;color:#fff;font:400 clamp(1.7rem,4vw,2.8rem)/1 "Titan One",sans-serif;text-shadow:0 4px 0 #072651,0 0 25px rgba(64,216,255,.22)}.sandbox-v2-heading p{margin:0;color:#b9c8dc;font-size:clamp(.9rem,1.5vw,1.04rem);line-height:1.65}.sandbox-v2-loop-rule{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1.58fr);gap:24px;align-items:center;padding:19px 22px;border:1px solid rgba(255,207,90,.38);border-left:5px solid #ffd05d;border-radius:0 16px 16px 0;background:linear-gradient(105deg,#85511447,#102649ad)}.sandbox-v2-loop-rule strong{color:#ffe08d;font:800 .84rem/1.4 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-v2-loop-rule p{margin:0;color:#d5deeb;font-size:.83rem;line-height:1.55}.sandbox-motion-language,.sandbox-spacing-lab{display:grid;gap:16px;padding:24px;border:1px solid rgba(114,211,248,.18);border-radius:22px;background:linear-gradient(145deg,#0d294ecc,#051530e0)}.sandbox-motion-language>header,.sandbox-spacing-lab>header{max-width:900px}.sandbox-motion-language h3,.sandbox-spacing-lab h3{margin:5px 0 8px;color:#fff;font:800 clamp(1.08rem,2vw,1.35rem)/1.2 Inter,sans-serif}.sandbox-motion-language>header p,.sandbox-spacing-lab>header p{margin:0;color:#aebed2;font-size:.86rem;line-height:1.58}.sandbox-motion-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sandbox-motion-principles article,.sandbox-spacing-lab article{position:relative;min-width:0;padding:16px;border:1px solid rgba(126,226,255,.13);border-radius:14px;background:#081d3dad}.sandbox-motion-principles b{float:right;margin-left:9px;color:#7ee2ff4d;font:800 .76rem/1.2 IBM Plex Mono,monospace}.sandbox-motion-principles h4{margin:0 0 7px;color:#ecfbff;font:800 .88rem/1.25 Inter,sans-serif}.sandbox-motion-principles p,.sandbox-spacing-lab article p{margin:0;color:#96abc5;font-size:.76rem;line-height:1.52}.sandbox-spacing-lab{border-color:#ffcf5a3d;background:linear-gradient(135deg,#5b391333,#071a39e0)}.sandbox-spacing-lab>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sandbox-spacing-lab article b{display:block;margin-bottom:7px;color:#ffda73;font:800 .78rem/1.2 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-spacing-lab code{display:block;margin-bottom:9px;overflow:hidden;color:#8deeff;font:700 clamp(.68rem,1.4vw,.82rem)/1.4 "IBM Plex Mono",monospace;white-space:nowrap}.sandbox-v2-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sandbox-v2-principles article{position:relative;min-width:0;padding:20px;overflow:hidden;border:1px solid rgba(114,211,248,.16);border-radius:18px;background:linear-gradient(145deg,#153054d6,#081935e0);box-shadow:inset 0 1px #ffffff0d}.sandbox-v2-principles b{position:absolute;top:12px;right:16px;color:#69e3ff29;font:800 2.35rem/1 IBM Plex Mono,monospace}.sandbox-v2-principles h3,.sandbox-v2-spec h3{position:relative;margin:0 0 8px;color:#fff;font:800 1rem/1.2 Inter,sans-serif}.sandbox-v2-principles p,.sandbox-v2-spec p,.sandbox-v2-next p{position:relative;margin:0;color:#9fb2ca;font-size:.82rem;line-height:1.55}.sandbox-v2-spec{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:28px;align-items:center;padding:24px;border:1px solid rgba(255,205,86,.22);border-radius:20px;background:linear-gradient(120deg,#7c49172e,#091c3ab8)}.sandbox-v2-spec h3{margin-top:5px;font-size:1.1rem}.sandbox-v2-spec dl{display:grid;gap:0;margin:0}.sandbox-v2-spec dl div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.sandbox-v2-spec dl div:last-child{border-bottom:0}.sandbox-v2-spec dt{color:#fff;font:700 .76rem/1.35 IBM Plex Mono,monospace}.sandbox-v2-spec dd{margin:0;color:#aebed2;font:500 .75rem/1.35 IBM Plex Mono,monospace}.sandbox-card--v2{margin-top:8px;border-color:#ffcf5a61;box-shadow:0 24px 52px #0004164d,0 0 35px #ffb23012}.sandbox-card--rigged{border-color:#62dcf575;box-shadow:0 24px 52px #0004164d,0 0 35px #4ce2ff14}.sandbox-card--debug{border-color:#70f0b17a;background:linear-gradient(145deg,#0e334ff5,#071f3bf5);box-shadow:0 24px 52px #0004164d,0 0 38px #5be9cd17}.sandbox-card--painted{border-color:#ffce5385;background:linear-gradient(145deg,#32354af7,#0c223df7);box-shadow:0 24px 52px #0004164d,0 0 40px #ffc03d1a}.sandbox-canvas--scrubbable{cursor:grab;touch-action:pan-y;user-select:none}.sandbox-canvas--scrubbable.is-dragging{cursor:grabbing}.sandbox-drag-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:9px 14px;border-top:1px solid rgba(113,225,255,.18);border-bottom:1px solid rgba(113,225,255,.12);color:#dffaff;background:#082342db;font:800 .68rem/1.3 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-drag-hint span{color:#ffd661;font-size:1.08rem}.sandbox-head-landmarks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:13px;border-top:1px solid rgba(113,225,255,.14);background:#041731a3}.sandbox-head-landmarks button{--landmark-colour: #dffaff;display:grid;grid-template-columns:11px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 9px;border:1px solid rgba(130,222,255,.15);border-radius:9px;color:#e9faff;background:#0c2e4ea3;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.sandbox-head-landmarks button:hover,.sandbox-head-landmarks button:focus-visible,.sandbox-head-landmarks button.is-active{border-color:var(--landmark-colour);background:#205471cc;transform:translateY(-1px)}.sandbox-head-landmarks button:focus-visible{outline:3px solid #ffd661;outline-offset:2px}.sandbox-head-landmarks i{width:9px;height:9px;border:2px solid var(--landmark-colour);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--landmark-colour) 58%,transparent)}.sandbox-head-landmarks button:first-child i{background:conic-gradient(#ffd661,#70f0b1,#5ce9ff,#9a8bff,#ff8e6e,#ffd661)}.sandbox-head-landmarks span{display:grid;min-width:0;gap:2px}.sandbox-head-landmarks b,.sandbox-head-landmarks small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sandbox-head-landmarks b{font:800 .67rem/1.2 Inter,sans-serif}.sandbox-head-landmarks small{color:#8caac1;font:600 .56rem/1.2 IBM Plex Mono,monospace}.sandbox-head-landmarks button.is-active small{color:#c6ebf7}.sandbox-rig-caption{margin:0;padding:11px 16px;border-top:1px solid rgba(113,225,255,.16);color:#8fdff2;background:#071f3eb8;font:600 .7rem/1.45 IBM Plex Mono,monospace}.sandbox-rig-review{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:22px 30px;padding:24px;border:1px solid rgba(255,105,116,.36);border-left:5px solid #ff6974;border-radius:0 18px 18px 0;background:linear-gradient(120deg,#751f3640,#091e3cdb),#091e3cdb}.sandbox-rig-review>div>span{color:#ff98a1;font:800 .7rem/1.2 IBM Plex Mono,monospace;letter-spacing:.16em}.sandbox-rig-review h3{margin:6px 0 9px;color:#fff;font:800 1.22rem/1.18 Inter,sans-serif}.sandbox-rig-review p{margin:0;color:#b9c7da;font-size:.82rem;line-height:1.58}.sandbox-rig-review ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px;margin:0;padding:0;color:#aebed2;counter-reset:rig-review;list-style:none}.sandbox-rig-review li{position:relative;min-width:0;padding-left:30px;font-size:.76rem;line-height:1.48;counter-increment:rig-review}.sandbox-rig-review li:before{position:absolute;top:1px;left:0;width:21px;color:#ff8993;content:counter(rig-review,decimal-leading-zero);font:800 .7rem/1.4 IBM Plex Mono,monospace}.sandbox-rig-review li b{color:#f7fbff}.sandbox-rig-review>strong{grid-column:1 / -1;padding-top:15px;border-top:1px solid rgba(255,135,145,.2);color:#ffd3d6;font:800 .76rem/1.5 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-walk-v4-notes,.sandbox-walk-v5-notes{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:22px 30px;padding:24px;border:1px solid rgba(109,239,191,.32);border-left:5px solid #70f0b1;border-radius:0 18px 18px 0;background:linear-gradient(120deg,#1b695233,#091e3cdb)}.sandbox-walk-v4-notes>div>span,.sandbox-walk-v5-notes>div>span{color:#70f0b1;font:800 .7rem/1.2 IBM Plex Mono,monospace;letter-spacing:.16em}.sandbox-walk-v4-notes h3,.sandbox-walk-v5-notes h3{margin:6px 0 9px;color:#fff;font:800 1.22rem/1.18 Inter,sans-serif}.sandbox-walk-v4-notes p,.sandbox-walk-v5-notes p{margin:0;color:#b9c7da;font-size:.82rem;line-height:1.58}.sandbox-walk-v4-notes dl,.sandbox-walk-v5-notes dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0}.sandbox-walk-v4-notes dl div,.sandbox-walk-v5-notes dl div{min-width:0;padding:12px 13px;border:1px solid rgba(112,240,177,.14);border-radius:12px;background:#0518337a}.sandbox-walk-v4-notes dt,.sandbox-walk-v5-notes dt{margin-bottom:5px;color:#dffcf0;font:800 .74rem/1.2 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-walk-v4-notes dd,.sandbox-walk-v5-notes dd{margin:0;color:#9fb4ca;font-size:.75rem;line-height:1.48}.sandbox-walk-v4-notes>strong,.sandbox-walk-v5-notes>strong{grid-column:1 / -1;padding-top:15px;border-top:1px solid rgba(112,240,177,.18);color:#baf8d8;font:800 .76rem/1.5 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-walk-v5-notes{border-color:#68daff61;border-left-color:#68daff;background:linear-gradient(120deg,#18648240,#091e3ce6)}.sandbox-walk-v5-notes>div>span{color:#68daff}.sandbox-walk-v5-notes dl div{border-color:#68daff29}.sandbox-walk-v5-notes>strong{border-top-color:#68daff33;color:#c6f3ff}.sandbox-anatomy{grid-column:1 / -1;display:grid;gap:18px;padding:24px;border:1px solid rgba(126,226,255,.26);border-radius:22px;background:radial-gradient(circle at 13% 0%,rgba(54,218,247,.12),transparent 25rem),linear-gradient(145deg,#0c294ceb,#051631f5)}.sandbox-anatomy>header{max-width:940px}.sandbox-anatomy>header>span{color:#68daff;font:800 .7rem/1.2 IBM Plex Mono,monospace;letter-spacing:.16em}.sandbox-anatomy h3{margin:6px 0 9px;color:#fff;font:800 1.3rem/1.18 Inter,sans-serif}.sandbox-anatomy>header p{margin:0;color:#aebfd3;font-size:.84rem;line-height:1.58}.sandbox-anatomy code{color:#a6efff;font:700 .75em/1.3 IBM Plex Mono,monospace}.sandbox-anatomy-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(260px,.52fr);gap:18px;align-items:start}.sandbox-anatomy-canvas{display:block;width:100%;height:auto;aspect-ratio:900 / 840;border:1px solid rgba(129,219,255,.18);border-radius:16px;background:#071b37}.sandbox-anatomy-labels{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.sandbox-anatomy-labels button{display:grid;gap:4px;min-width:0;min-height:58px;padding:10px 11px;border:1px solid rgba(126,226,255,.16);border-radius:11px;color:#dff8ff;background:#081f41c2;text-align:left;cursor:pointer;transition:border-color .13s ease,background .13s ease,transform .13s ease}.sandbox-anatomy-labels button:hover,.sandbox-anatomy-labels button:focus-visible,.sandbox-anatomy-labels button.is-active{border-color:#68daff;background:#1c5b7fb8;transform:translateY(-1px)}.sandbox-anatomy-labels button:focus-visible{outline:3px solid #ffd662;outline-offset:2px}.sandbox-anatomy-labels b{overflow:hidden;font:800 .72rem/1.2 Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}.sandbox-anatomy-labels span{overflow:hidden;color:#86a1bd;font:600 .6rem/1.25 IBM Plex Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.sandbox-anatomy-labels button.is-active span{color:#bfefff}.sandbox-v2-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.sandbox-v2-next{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:12px;padding:20px 22px;border-left:4px solid #62dcf5;border-radius:0 14px 14px 0;background:#153d5e57}.sandbox-v2-next strong{color:#8eecff;font:800 .86rem/1.4 IBM Plex Mono,monospace;text-transform:uppercase}.sandbox-v2-sources{margin:-5px 2px 0;color:#748aa7;font-size:.72rem;line-height:1.5}.sandbox-v2-sources a{color:#8fdff2;text-underline-offset:3px}.sandbox-2d-v02-gateway{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(22px,3.6vw,38px);border:1px solid rgba(255,163,83,.52);border-radius:24px;background:radial-gradient(circle at 92% 10%,rgba(255,206,98,.2),transparent 32%),linear-gradient(125deg,#82341f75,#0f3057f5 64%);box-shadow:0 24px 50px #00051842,inset 0 1px #ffffff17}.sandbox-2d-v02-gateway span,.outfit-03-intro>div>span,.outfit-03-animation-section>header>span,.outfit-03-framework>header>span{color:#ffc067;font:800 .69rem/1.2 IBM Plex Mono,monospace;letter-spacing:.16em}.sandbox-2d-v02-gateway h3{margin:7px 0 9px;color:#fff;font:400 clamp(1.45rem,3vw,2.25rem)/1.05 "Titan One",sans-serif}.sandbox-2d-v02-gateway p{max-width:820px;margin:0;color:#cbd8e7;font-size:.9rem;line-height:1.6}.sandbox-2d-v02-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:190px;min-height:52px;padding:0 22px;border:2px solid #ffe39c;border-radius:15px;color:#35200b;background:linear-gradient(180deg,#ffd96b,#ff9e48);box-shadow:0 6px #a34820,0 13px 28px #0004124d;font:900 .85rem/1 Inter,sans-serif;cursor:pointer;transition:translate .16s ease,box-shadow .16s ease,filter .16s ease}.sandbox-2d-v02-open:hover{filter:brightness(1.08);translate:0 -2px}.sandbox-2d-v02-open:active{box-shadow:0 2px #a34820,0 7px 18px #00041242;translate:0 4px}.sandbox-2d-v02-open svg{width:18px;height:18px}body.outfit-03-page-open,body.character-sheets-page-open,body.version-03-page-open,body.future-homepage-page-open{overflow:hidden;overscroll-behavior:none}.outfit-03-screen,.character-sheets-screen,.version-03-screen{position:fixed;z-index:121;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;overflow:hidden;color:#f8fbff;background:radial-gradient(circle at 90% 0%,rgba(255,165,78,.19),transparent 34rem),radial-gradient(circle at 8% 30%,rgba(40,216,235,.14),transparent 30rem),#07152f}.outfit-03-screen[hidden],.character-sheets-screen[hidden],.version-03-screen[hidden]{display:none}.future-homepage-screen{--future-homepage-ink: #20231f;--future-homepage-blue-start: #20c8f3;--future-homepage-blue-end: #31e1ff;--future-homepage-bar-height: max(64px, calc((100% - min(56.25vw, 675px))/2) );position:fixed;z-index:121;inset:0;width:100%;height:100dvh;overflow:hidden;background:#f4f4f1}.future-homepage-screen[hidden]{display:none}.future-homepage-scroll{position:relative;z-index:1;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.outfit-03-header{position:relative;z-index:3;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:24px;padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 16px max(22px,env(safe-area-inset-left));border-bottom:1px solid rgba(255,189,108,.26);background:#051228e6;box-shadow:0 14px 36px #0003124d;backdrop-filter:blur(18px)}.outfit-03-back-button{position:static;justify-self:start}.outfit-03-header-nav{display:flex;justify-self:start;align-items:center;gap:10px}.character-sheets-button{position:static;gap:8px;color:#07152f;background:linear-gradient(180deg,#76ecff,#31bdd9);border-color:#bdf6ff;box-shadow:0 5px #08778e,0 10px 20px #00000042}.character-sheets-button svg{width:17px;height:17px}.version-03-button{position:static;gap:8px;color:#291006;background:linear-gradient(180deg,#ffd66c,#ff9347);border-color:#fff0a4;box-shadow:0 5px #b64b1f,0 10px 20px #00000042}.version-03-button svg{width:17px;height:17px}.future-homepage-button{position:static;gap:8px;color:#eefaff;border-color:#a7eaff;background:linear-gradient(180deg,#267aa4,#123a68);box-shadow:0 5px #061d3c,0 10px 20px #00000042}.future-homepage-button svg{width:17px;height:17px}.outfit-03-heading{text-align:center}.outfit-03-heading>span{color:#ffb258;font:800 .67rem/1.2 IBM Plex Mono,monospace;letter-spacing:.17em}.outfit-03-heading h1{margin:3px 0 0;color:#fff;font:400 clamp(1.55rem,3vw,2.2rem)/1 "Titan One",sans-serif;text-shadow:0 4px 0 #49240e,0 0 22px rgba(255,164,78,.32)}.outfit-03-heading p{margin:5px 0 0;color:#b8c5d6;font-size:.79rem}.outfit-03-canonical{display:inline-flex;align-items:center;justify-self:end;gap:8px;padding:9px 13px;border:1px solid rgba(255,209,111,.4);border-radius:999px;color:#ffe292;background:#a95b2230;font:800 .72rem/1 IBM Plex Mono,monospace}.outfit-03-canonical svg{width:16px;height:16px}.outfit-03-scroll{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:28px max(24px,calc((100vw - 1320px)/2)) max(48px,env(safe-area-inset-bottom))}.character-sheets-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:26px max(24px,calc((100vw - 1480px)/2)) max(48px,env(safe-area-inset-bottom))}.character-sheets-groups{width:100%;max-width:1480px;margin-inline:auto}.version-03-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:30px max(24px,calc((100vw - 2200px)/2)) max(60px,env(safe-area-inset-bottom))}.version-03-scroll>*{width:100%;max-width:2200px;margin-inline:auto}.version-03-scroll>*+*{margin-top:30px}.version-03-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(390px,.8fr);align-items:center;gap:34px;padding:30px 34px;border:1px solid rgba(255,189,108,.32);border-radius:24px;background:radial-gradient(circle at 88% 30%,rgba(255,189,93,.17),transparent 26rem),linear-gradient(120deg,#1e4263c7,#122846f0);box-shadow:0 22px 48px #00041440}.version-03-intro span,.version-03-library>header span{color:#77ebff;font:800 .66rem/1.2 IBM Plex Mono,monospace;letter-spacing:.15em}.version-03-intro h2{margin:7px 0 9px;color:#fff;font:400 clamp(1.7rem,3vw,2.75rem)/1.03 "Titan One",sans-serif}.version-03-intro p,.version-03-library>header p{margin:0;color:#bac9db;line-height:1.6}.version-03-intro dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.version-03-intro dl div{padding:17px 12px;border:1px solid rgba(117,234,255,.18);border-radius:16px;background:#05152e94;text-align:center}.version-03-intro dt{color:#ffd066;font:400 clamp(1.2rem,2vw,1.7rem)/1 "Titan One",sans-serif}.version-03-intro dd{margin:7px 0 0;color:#aebfd2;font:700 .63rem/1.2 IBM Plex Mono,monospace;text-transform:uppercase}.version-03-library{padding:24px;border:1px solid rgba(117,234,255,.2);border-radius:24px;background:#091e39e0;box-shadow:0 18px 42px #0004143b}.version-03-library--side{border-color:#ffbd6c4d;background:linear-gradient(135deg,rgba(255,150,71,.07),transparent 38%),#091e39e6}.version-03-library>header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.version-03-library>header h2{margin:5px 0 0;color:#fff;font:400 clamp(1.35rem,2.2vw,2rem)/1.05 "Titan One",sans-serif}.version-03-library>header p{max-width:540px;text-align:right}.version-03-pose-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.version-03-pose-grid figure{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(117,234,255,.18);border-radius:16px;background:#102a48}.version-03-pose-grid figure>div{display:grid;place-items:center;aspect-ratio:1;padding:7px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(95,228,246,.12),transparent 52%),#071a33}.version-03-library--side .version-03-pose-grid figure>div{background:radial-gradient(circle at 50% 40%,rgba(255,179,88,.13),transparent 52%),#071a33}.version-03-pose-grid img{display:block;width:100%;height:100%;object-fit:contain}.version-03-pose-grid figcaption{display:flex;align-items:center;gap:9px;min-height:47px;padding:9px 11px;border-top:1px solid rgba(117,234,255,.13)}.version-03-pose-grid figcaption b{color:#ffd369;font:800 .7rem/1 IBM Plex Mono,monospace}.version-03-pose-grid figcaption span{overflow:hidden;color:#f6fbff;font:700 .72rem/1.2 Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}.version-03-library--animation{border-color:#ffc5645c;background:radial-gradient(circle at 16% 0%,rgba(255,144,70,.12),transparent 32rem),#091e39eb}.version-03-animation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.version-03-page-open .global-audio-toggle,.future-homepage-page-open .global-audio-toggle{display:none}.version-03-music-controls{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:140;display:flex;gap:10px;align-items:center}.version-03-music-controls button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:2px solid #ffe5a0;border-radius:14px;color:#17233b;background:linear-gradient(180deg,#ffe580,#ffae48);box-shadow:inset 0 2px #ffffff8f,0 5px #a84b20,0 12px 28px #0003125c;font:800 .72rem/1 Inter,sans-serif;cursor:pointer;transition:translate .14s ease,filter .14s ease,box-shadow .14s ease}.version-03-music-controls button:hover,.version-03-music-controls button:focus-visible{outline:none;filter:brightness(1.08);translate:0 -2px}.version-03-music-controls button:focus-visible{box-shadow:0 0 0 3px #07152f,0 0 0 6px #79edff,0 5px #a84b20,0 12px 28px #0003125c}.version-03-music-controls button:active{translate:0 3px;box-shadow:inset 0 2px #ffffff70,0 2px #a84b20,0 7px 18px #0003124d}.version-03-music-controls svg{width:18px;height:18px}.v03-animation-card{min-width:0;overflow:hidden;border:1px solid rgba(120,233,255,.24);border-radius:19px;background:#0b2442;box-shadow:0 16px 34px #0005183d}.v03-animation-card>header{min-height:180px;padding:18px 19px 16px;border-bottom:1px solid rgba(120,233,255,.16)}.v03-animation-card>header span,.v03-animation-prompt>div>span{color:#72eaff;font:800 .62rem/1.2 IBM Plex Mono,monospace;letter-spacing:.13em}.v03-animation-card>header h3{margin:6px 0 7px;color:#fff;font:400 clamp(1.25rem,1.8vw,1.75rem)/1.05 "Titan One",sans-serif}.v03-animation-card>header p{margin:0;color:#b9c9dc;font-size:.8rem;line-height:1.5}.v03-animation-card>header small{display:block;margin-top:11px;color:#ffd06a;font:700 .65rem/1.3 IBM Plex Mono,monospace}.v03-animation-stage{position:relative;display:grid;place-items:center;aspect-ratio:16 / 13;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 43%,rgba(83,229,247,.16),transparent 39%),linear-gradient(180deg,#0d3155,#071c36)}.v03-animation-stage-grid{position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(rgba(113,230,251,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(113,230,251,.16) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent 0%,#000 25% 100%)}.v03-animation-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:translate(9%) scale(1.06);transform-origin:center}.v03-animation-stage>span{position:absolute;top:12px;left:13px;padding:6px 8px;border:1px solid rgba(117,234,255,.2);border-radius:7px;color:#80edff;background:#04152bd1;font:800 .55rem/1 IBM Plex Mono,monospace;letter-spacing:.08em}.v03-animation-controls{display:grid;grid-template-columns:auto auto minmax(100px,1fr);gap:8px;align-items:center;padding:12px;border-top:1px solid rgba(117,234,255,.14)}.v03-animation-controls button,.v03-animation-prompt button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid rgba(112,231,255,.35);border-radius:10px;color:#effcff;background:linear-gradient(180deg,#195384,#103b65);font:800 .66rem/1 Inter,sans-serif;cursor:pointer}.v03-animation-controls button:hover,.v03-animation-controls button:focus-visible,.v03-animation-prompt button:hover,.v03-animation-prompt button:focus-visible{border-color:#7becff;outline:none;filter:brightness(1.12)}.v03-animation-controls strong{justify-self:end;color:#ffe082;font:700 .64rem/1.2 IBM Plex Mono,monospace}.v03-animation-speed{display:grid;grid-template-columns:auto minmax(90px,1fr);gap:7px 12px;align-items:center;padding:0 13px 13px;color:#b9c9dc;font:700 .63rem/1.2 IBM Plex Mono,monospace}.v03-animation-speed input{width:100%;min-width:0;accent-color:#ffbd57;cursor:ew-resize}.v03-animation-speed output{grid-column:1 / -1;min-width:0;color:#7cecff;font-size:.61rem}.v03-animation-frames{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0 12px 12px}.v03-animation-frames button{min-width:0;min-height:34px;padding:0;border:1px solid rgba(112,231,255,.3);border-radius:9px;color:#c8eff8;background:#0e345c;font:800 .65rem/1 IBM Plex Mono,monospace;cursor:pointer}.v03-animation-frames button:hover,.v03-animation-frames button:focus-visible{border-color:#7becff;outline:none;background:#17507d}.v03-animation-frames button.is-current{border-color:#ffe084;color:#15253b;background:linear-gradient(180deg,#ffe78c,#ffbd55);box-shadow:0 0 0 2px #ffcd6929}.v03-animation-notes{display:grid;gap:5px;padding:0 13px 13px;color:#aebed1;font:500 .62rem/1.35 IBM Plex Mono,monospace}.v03-animation-notes b{color:#fff}.v03-animation-prompt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;padding:14px;border-top:1px solid rgba(255,195,92,.2);background:#04122594}.v03-animation-prompt p{margin:4px 0 0;color:#aebed1;font-size:.68rem;line-height:1.35}.v03-animation-prompt button{border-color:#ffc56475;color:#10223b;background:linear-gradient(180deg,#ffd979,#ffad55)}.v03-animation-prompt button.is-copied{border-color:#7cffba;background:linear-gradient(180deg,#8fffc5,#4ad793)}.v03-copy-status{position:absolute;right:14px;bottom:2px;color:#8fffc5;font:700 .55rem/1 IBM Plex Mono,monospace}.v03-cinematic{--v03-cinematic-gutter: max(24px, calc((100vw - 2200px)/2) );position:relative;width:calc(100% + var(--v03-cinematic-gutter) + var(--v03-cinematic-gutter));max-width:none!important;height:100vh;margin-right:calc(0px - var(--v03-cinematic-gutter));margin-left:calc(0px - var(--v03-cinematic-gutter));background:#f4f4f1}.v03-cinematic-stage{position:relative;height:var(--v03-cinematic-viewport, 80vh);min-height:420px;overflow:hidden;isolation:isolate;background:#f4f4f1}.v03-cinematic-world{position:absolute;z-index:1;inset:0;overflow:hidden}.v03-cinematic-line{position:absolute;z-index:2;top:56%;left:-20%;width:140%;height:2px;background:#080808;pointer-events:none}.v03-cinematic-line--ground{top:62%}.v03-cinematic-character{position:absolute;top:62%;left:50%;width:clamp(88px,8.4vw,156px);aspect-ratio:1;transform:translate(-50%,-81.45%);z-index:4}.v03-cinematic-character img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.v03-cinematic--future-homepage{--v03-cinematic-gutter: 0px;width:100%;max-width:1200px!important;margin-inline:auto;background:transparent}.v03-cinematic--future-homepage .v03-cinematic-stage{background:transparent}.future-homepage-blue-wipe{position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,var(--future-homepage-blue-start),var(--future-homepage-blue-end));clip-path:inset(0 100% 0 0);pointer-events:none;will-change:clip-path}.future-homepage-screen.is-resolved .future-homepage-blue-wipe{animation:future-homepage-blue-wipe 1.4s cubic-bezier(.4,0,.2,1) both}.future-homepage-screen>.v03-cinematic-line{z-index:140;top:0;left:0;width:100%;height:var(--future-homepage-bar-height);background:var(--future-homepage-ink);box-shadow:0 1px #20231f33;transform:scaleY(0);transform-origin:top}.future-homepage-screen.is-running>.v03-cinematic-line{animation:future-homepage-letterbox-in 1.1s cubic-bezier(.76,0,.24,1) both}.future-homepage-screen>.v03-cinematic-line--ground{top:auto;bottom:0;box-shadow:0 -1px #20231f33;transform-origin:bottom}@keyframes future-homepage-letterbox-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.v03-cinematic--future-homepage .v03-cinematic-character{top:50%;left:28%;width:clamp(320px,31vw,570px);cursor:default;pointer-events:none;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:top 1.25s cubic-bezier(.22,.88,.2,1),left 1.25s cubic-bezier(.22,.88,.2,1),width 1.25s cubic-bezier(.22,.88,.2,1),transform 1.25s cubic-bezier(.22,.88,.2,1)}.v03-cinematic--future-homepage .v03-cinematic-character img{backface-visibility:hidden;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;filter:grayscale(1) sepia(.08) saturate(.65) contrast(1.08) brightness(.94);transform:translateZ(0);transition:filter .36s cubic-bezier(.16,1,.3,1);will-change:filter}.v03-cinematic--future-homepage .v03-cinematic-base-frame{z-index:1}.v03-cinematic--future-homepage .v03-cinematic-character .v03-cinematic-color-frame{z-index:3;opacity:1;filter:none;clip-path:inset(0 100% 0 0);pointer-events:none;will-change:clip-path}.future-homepage-screen.is-resolved .v03-cinematic--future-homepage .v03-cinematic-character{top:calc(100% - var(--future-homepage-bar-height));left:25%;width:clamp(145px,13vw,210px);transform:translate(-50%,-81.25%)}.future-homepage-screen.is-resolved .v03-cinematic-color-frame{animation:future-homepage-colour-reveal .64s cubic-bezier(.4,0,.2,1) .25s both}.future-homepage-screen.is-resolved .v03-cinematic-base-frame{animation:future-homepage-colour-lock 1ms linear .9s both}@keyframes future-homepage-blue-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes future-homepage-colour-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes future-homepage-colour-lock{to{filter:grayscale(0) sepia(0) saturate(.82) contrast(1.04) brightness(.98)}}.future-homepage-loading{position:absolute;z-index:6;top:50%;left:45%;width:52%;color:var(--future-homepage-ink);pointer-events:auto;transform:translateY(-50%)}.future-homepage-loading-kicker{display:flex;align-items:center;gap:clamp(6px,.75vw,12px);color:var(--future-homepage-ink);font:800 clamp(.58rem,.75vw,.76rem)/1 "IBM Plex Mono",monospace;letter-spacing:.22em;white-space:nowrap}.future-homepage-kicker-rule{display:block;width:clamp(28px,4vw,72px);height:3px;flex:0 0 auto;background:var(--future-homepage-ink);transform-origin:left}.future-homepage-kicker-place,.future-homepage-kicker-index{display:block}.future-homepage-kicker-slashes{display:inline-flex;gap:.12em;letter-spacing:0}.future-homepage-kicker-slashes i{display:block;font-style:normal;transform-origin:center}.future-homepage-loading-title{position:relative;width:max-content;max-width:100%;margin:clamp(8px,1.3vh,15px) 0 clamp(10px,1.7vh,20px);display:flex;align-items:baseline;color:var(--future-homepage-ink);font:400 clamp(3.5rem,8vw,6.25rem)/1.18 "Rampart One","Arial Black",sans-serif;letter-spacing:.015em;white-space:nowrap}.future-homepage-loading-word{display:block;padding:.1em 0 .22em;color:var(--future-homepage-ink);clip-path:polygon(0 -100%,0 -100%,0 200%,0 200%)}.future-homepage-loading-dots{display:block;padding:.1em 0 .22em;color:var(--future-homepage-ink);clip-path:polygon(0 -100%,0 -100%,0 200%,0 200%);white-space:nowrap}.future-homepage-page-open .future-homepage-loading-word{animation:future-loading-type 3.2s steps(5,end) .15s infinite both}.future-homepage-page-open .future-homepage-loading-dots{animation:future-loading-dots 3.2s steps(3,end) .15s infinite both}.future-homepage-fact-rule{display:block;width:100%;max-width:520px;height:3px;margin-bottom:clamp(14px,2vh,22px);background:var(--future-homepage-ink);transform-origin:left}.future-homepage-squirrel-fact{max-width:520px;margin:0;color:var(--future-homepage-ink);font:700 clamp(.72rem,1vw,.92rem)/1.65 "IBM Plex Mono",monospace}.future-homepage-start{min-width:150px;margin-top:clamp(18px,3vh,34px);padding:13px 18px 14px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid var(--future-homepage-ink);border-radius:2px;color:#f4f4f1;background:var(--future-homepage-ink);box-shadow:none;font:700 clamp(.82rem,1vw,.95rem)/1 "IBM Plex Mono",monospace;letter-spacing:.12em;cursor:pointer;transition:color .26s ease,background-color .26s ease,transform .36s cubic-bezier(.16,1,.3,1)}.future-homepage-start:hover:not(:disabled){color:var(--future-homepage-ink);background:transparent;transform:translate(4px)}.future-homepage-start:focus-visible{outline:2px solid var(--future-homepage-ink);outline-offset:4px;box-shadow:none}.future-homepage-start:disabled{cursor:default}.future-homepage-start-arrow{display:block;width:21px;height:21px;stroke-width:1.8;transition:transform .36s cubic-bezier(.16,1,.3,1)}.future-homepage-start:hover:not(:disabled) .future-homepage-start-arrow{transform:translate(5px)}.future-homepage-screen.is-intro .future-homepage-kicker-rule{animation:future-homepage-rule-enter .82s cubic-bezier(.16,1,.3,1) .14s both}.future-homepage-screen.is-intro .future-homepage-kicker-place{animation:future-homepage-copy-enter .68s cubic-bezier(.16,1,.3,1) .39s both}.future-homepage-screen.is-intro .future-homepage-kicker-slashes i:first-child{animation:future-homepage-slash-enter .52s cubic-bezier(.16,1,.3,1) .61s both}.future-homepage-screen.is-intro .future-homepage-kicker-slashes i:last-child{animation:future-homepage-slash-enter .52s cubic-bezier(.16,1,.3,1) .72s both}.future-homepage-screen.is-intro .future-homepage-kicker-index{animation:future-homepage-copy-enter .62s cubic-bezier(.16,1,.3,1) .82s both}.future-homepage-screen.is-intro .future-homepage-fact-rule{animation:future-homepage-rule-enter .9s cubic-bezier(.16,1,.3,1) .76s both}.future-homepage-screen.is-intro .future-homepage-squirrel-fact{animation:future-homepage-copy-enter .72s cubic-bezier(.16,1,.3,1) .98s both}.future-homepage-screen.is-intro .future-homepage-start{animation:future-homepage-start-enter .72s cubic-bezier(.16,1,.3,1) 1.22s both}.future-homepage-screen.is-running .future-homepage-start{pointer-events:none;animation:future-homepage-start-dismiss .36s cubic-bezier(.7,0,.84,0) both}.future-homepage-screen.is-resolved .future-homepage-loading{pointer-events:none;animation:future-homepage-column-exit 1.12s cubic-bezier(.7,0,.2,1) 90ms both}.future-homepage-credits{position:absolute;z-index:12;inset:var(--future-homepage-bar-height) 0;display:grid;place-items:center;padding:clamp(24px,5vw,72px);overflow:hidden;color:var(--future-homepage-ink);text-align:center;pointer-events:none;user-select:none}.future-homepage-credit{grid-area:1 / 1;display:flex;max-width:min(90vw,900px);flex-wrap:wrap;align-items:baseline;justify-content:center;gap:clamp(7px,1.2vw,18px);opacity:0;transform:translate3d(0,16px,0) scale(.985);will-change:opacity,transform}.future-homepage-credit span{color:inherit;font:800 clamp(.62rem,1vw,.88rem)/1.4 "IBM Plex Mono",monospace;letter-spacing:.22em;text-transform:uppercase}.future-homepage-credit strong{color:inherit;font:400 clamp(1.8rem,4.5vw,4.1rem)/1.05 "Titan One",sans-serif;letter-spacing:.015em;text-transform:uppercase}.future-homepage-credit--production,.future-homepage-credit--music,.future-homepage-credit--title{flex-direction:column;align-items:center}.future-homepage-credit--production,.future-homepage-credit--music{width:min(82vw,560px);max-width:min(82vw,560px);gap:clamp(2px,.5vh,6px)}.future-homepage-credit-name-image{display:block;width:100%;height:auto;margin-block:-18%;max-height:min(58vh,480px);object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 0 rgba(32,35,31,.16)) drop-shadow(0 16px 22px rgba(32,35,31,.2))}.future-homepage-credit--production .future-homepage-credit-name-image{margin-block-start:calc(-18% + 10px)}.future-homepage-credit--title{width:min(92vw,560px);max-width:min(92vw,560px);gap:0}.future-homepage-credit-title-image{display:block;width:100%;height:auto;max-height:min(64vh,560px);object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 0 rgba(32,35,31,.18)) drop-shadow(0 18px 24px rgba(32,35,31,.2))}.future-homepage-screen.is-resolved .future-homepage-credit--production{animation:future-homepage-credit-beat 3.8s cubic-bezier(.22,1,.36,1) 1.55s both}.future-homepage-screen.is-resolved .future-homepage-credit--music{animation:future-homepage-credit-beat 3.8s cubic-bezier(.22,1,.36,1) 5.65s both}.future-homepage-screen.is-resolved .future-homepage-credit--title{animation:future-homepage-credit-beat 4.4s cubic-bezier(.22,1,.36,1) 9.75s both}@keyframes future-homepage-rule-enter{0%{opacity:.4;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes future-homepage-copy-enter{0%{opacity:0;transform:translateY(8px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes future-homepage-slash-enter{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes future-homepage-start-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes future-homepage-start-dismiss{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(18px)}}@keyframes future-homepage-column-exit{0%{opacity:1;transform:translate3d(0,-50%,0)}18%{opacity:1;transform:translate3d(-24px,-50%,0)}72%{opacity:1}to{opacity:0;transform:translate3d(110vw,-50%,0)}}@keyframes future-homepage-credit-beat{0%{opacity:0;transform:translate3d(0,16px,0) scale(.985)}16%,70%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-12px,0) scale(1.01)}}@keyframes future-loading-type{0%,5%{clip-path:polygon(0 -100%,0 -100%,0 200%,0 200%)}48%,82%{clip-path:polygon(0 -100%,100% -100%,100% 200%,0 200%)}82.01%,to{clip-path:polygon(0 -100%,0 -100%,0 200%,0 200%)}}@keyframes future-loading-dots{0%,48%{clip-path:polygon(0 -100%,0 -100%,0 200%,0 200%)}68%,82%{clip-path:polygon(0 -100%,100% -100%,100% 200%,0 200%)}82.01%,to{clip-path:polygon(0 -100%,0 -100%,0 200%,0 200%)}}body.reduce-motion .future-homepage-loading-title,body.reduce-motion .future-homepage-loading-word,body.reduce-motion .future-homepage-loading-dots{animation:none}body.reduce-motion .future-homepage-loading-word,body.reduce-motion .future-homepage-loading-dots{clip-path:none}body.reduce-motion .future-homepage-kicker-rule,body.reduce-motion .future-homepage-kicker-place,body.reduce-motion .future-homepage-kicker-slashes i,body.reduce-motion .future-homepage-kicker-index,body.reduce-motion .future-homepage-fact-rule,body.reduce-motion .future-homepage-squirrel-fact,body.reduce-motion .future-homepage-start{opacity:1;animation:none;clip-path:none;transform:none}body.reduce-motion .v03-cinematic--future-homepage .v03-cinematic-character,body.reduce-motion .v03-cinematic--future-homepage .v03-cinematic-character img{transition-duration:.01ms}body.reduce-motion .future-homepage-screen.is-resolved .v03-cinematic-color-frame{opacity:1;animation:none;clip-path:none}body.reduce-motion .future-homepage-screen.is-resolved .v03-cinematic-base-frame{animation:none;filter:grayscale(0) sepia(0) saturate(.82) contrast(1.04) brightness(.98)}body.reduce-motion .future-homepage-screen.is-resolved .future-homepage-blue-wipe{animation:none;clip-path:inset(0)}body.reduce-motion .future-homepage-screen.is-resolved .future-homepage-loading{opacity:0;animation:none;transform:translate3d(110vw,-50%,0)}body.reduce-motion .future-homepage-screen.is-resolved .future-homepage-credits{display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,2vh,20px)}body.reduce-motion .future-homepage-screen.is-resolved .future-homepage-credit{opacity:1;animation:none;transform:none}body.reduce-motion .future-homepage-screen.is-resolved .future-homepage-credit strong{font-size:clamp(1.4rem,3.5vw,2.6rem)}body.reduce-motion .future-homepage-screen.is-resolved .future-homepage-credit-name-image{width:min(76vw,520px)}body.reduce-motion .future-homepage-screen.is-running>.v03-cinematic-line{animation:none;transform:scaleY(1)}@media(min-width:1800px){.version-03-pose-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:1300px){.version-03-pose-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.version-03-intro{grid-template-columns:minmax(0,1fr)}}@media(max-width:1100px){.version-03-animation-grid{grid-template-columns:minmax(0,1fr)}.outfit-03-header-nav .character-sheets-button,.outfit-03-header-nav .version-03-button,.outfit-03-header-nav .future-homepage-button{width:44px;min-width:44px;padding-inline:0}.outfit-03-header-nav .character-sheets-button span,.outfit-03-header-nav .version-03-button span,.outfit-03-header-nav .future-homepage-button span{display:none}}@media(max-width:900px){.version-03-pose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.character-sheet-group+.character-sheet-group{margin-top:30px}.character-sheet-group>header{margin-bottom:12px}.character-sheet-group>header span{color:#75eaff;font:800 .65rem/1.2 IBM Plex Mono,monospace;letter-spacing:.15em}.character-sheet-group>header h2{margin:4px 0 0;color:#fff;font:400 clamp(1.05rem,2vw,1.45rem)/1.1 "Titan One",sans-serif}.character-sheet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.character-sheet-card{min-width:0;overflow:hidden;padding:0;border:1px solid rgba(116,230,255,.25);border-radius:16px;color:#f8fbff;background:#102a48;text-align:left;cursor:zoom-in;box-shadow:0 12px 24px #00041433;transition:transform .16s ease,border-color .16s ease}.character-sheet-card:hover{transform:translateY(-3px);border-color:#75eaff}.character-sheet-thumbnail{display:grid;place-items:center;aspect-ratio:16 / 10;padding:10px;overflow:hidden;background:linear-gradient(45deg,rgba(255,255,255,.045) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.045) 75%),#081a32;background-size:18px 18px}.character-sheet-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.character-sheet-card strong,.character-sheet-card small{display:block;overflow:hidden;padding-inline:12px;text-overflow:ellipsis;white-space:nowrap}.character-sheet-card strong{padding-top:10px;font:700 .76rem/1.2 IBM Plex Mono,monospace}.character-sheet-card small{padding-block:6px 12px;color:#9eb3ca;font:500 .61rem/1.2 IBM Plex Mono,monospace}.character-sheet-dialog{width:min(94vw,1500px);max-width:none;height:min(92dvh,1050px);padding:0;overflow:hidden;border:1px solid rgba(117,234,255,.5);border-radius:20px;color:#fff;background:#07152f;box-shadow:0 30px 90px #000000bf}.character-sheet-dialog::backdrop{background:#000511db;backdrop-filter:blur(8px)}.character-sheet-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid rgba(117,234,255,.22);background:#0d2644}.character-sheet-dialog>header strong,.character-sheet-dialog>header small{display:block}.character-sheet-dialog>header strong{font:700 .85rem/1.2 IBM Plex Mono,monospace}.character-sheet-dialog>header small{margin-top:4px;color:#9eb3ca;font:500 .65rem/1.2 IBM Plex Mono,monospace}.character-sheet-dialog>header button{display:grid;flex:0 0 auto;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;background:#17395e}.character-sheet-dialog>header button svg{width:19px;height:19px}.character-sheet-dialog>div{display:grid;place-items:center;height:calc(100% - 69px);padding:18px;overflow:auto;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.035) 75%),#061329;background-size:24px 24px}.character-sheet-dialog>div img{display:block;max-width:100%;max-height:100%;object-fit:contain}.outfit-03-scroll>*+*{margin-top:28px}.outfit-03-intro,.outfit-03-reference,.outfit-03-animation-section,.outfit-03-framework{width:100%;max-width:1320px;margin-inline:auto}.outfit-03-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,70px);align-items:end;overflow:hidden;padding:clamp(28px,4vw,48px);border:1px solid rgba(255,172,88,.34);border-radius:28px;background:radial-gradient(circle at 84% 20%,rgba(255,188,76,.23),transparent 30%),linear-gradient(135deg,#6a311ca6,#091f40f7 62%);box-shadow:0 28px 62px #0005194d,inset 0 1px #ffffff14}.outfit-03-intro h2,.outfit-03-animation-section>header h2,.outfit-03-framework>header h2{margin:7px 0 11px;color:#fff;font:400 clamp(1.9rem,4.5vw,3.35rem)/1 "Titan One",sans-serif;text-shadow:0 5px 0 #3d210f,0 0 28px rgba(255,172,74,.22)}.outfit-03-intro p,.outfit-03-animation-section>header p,.outfit-03-framework>header p{max-width:810px;margin:0;color:#ccd8e6;font-size:clamp(.9rem,1.45vw,1.02rem);line-height:1.65}.outfit-03-intro dl{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:10px;margin:0}.outfit-03-intro dl div{padding:15px 16px;border:1px solid rgba(255,202,112,.21);border-radius:16px;background:#07183599}.outfit-03-intro dt{color:#ffcf68;font:400 1.65rem/1 Titan One,sans-serif}.outfit-03-intro dd{margin:3px 0 0;color:#aebed1;font:700 .65rem/1.35 IBM Plex Mono,monospace;text-transform:uppercase}.outfit-03-animation-section,.outfit-03-framework{display:grid;gap:20px;padding-top:24px}.outfit-03-animation-section>header,.outfit-03-framework>header{max-width:900px}.outfit-03-animation-section>header h2,.outfit-03-framework>header h2{font-size:clamp(1.65rem,3.8vw,2.85rem)}.outfit-03-animation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.v02-animation-card{min-width:0;overflow:hidden;border:1px solid rgba(255,178,91,.34);border-radius:24px;background:#0a2345;box-shadow:0 24px 50px #00051747,inset 0 1px #ffffff0d}.v02-animation-card>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:21px 22px 18px;border-bottom:1px solid rgba(255,181,93,.18);background:linear-gradient(115deg,#a94d2547,#092345fa 68%)}.v02-animation-card>header span{color:#ffbd66;font:800 .65rem/1.2 IBM Plex Mono,monospace;letter-spacing:.14em}.v02-animation-card>header h3{margin:5px 0 6px;color:#fff;font:800 1.1rem/1.2 Inter,sans-serif}.v02-animation-card>header p{margin:0;color:#afbed0;font-size:.78rem;line-height:1.48}.v02-animation-card>header small{max-width:160px;color:#8feaff;font:600 .66rem/1.55 IBM Plex Mono,monospace;text-align:right}.v02-animation-stage{position:relative;display:grid;place-items:center;overflow:hidden;min-height:410px;background:radial-gradient(circle at 50% 46%,rgba(255,185,82,.16),transparent 28%),linear-gradient(#1b4d77 0 1px,transparent 1px),linear-gradient(90deg,#1b4d77 0 1px,transparent 1px),linear-gradient(155deg,#0d315a,#091d3e);background-size:auto,40px 40px,40px 40px,auto}.v02-animation-stage:after{position:absolute;inset:auto 19% 9%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,5,19,.55),transparent 70%);content:""}.v02-animation-stage img{position:relative;z-index:1;display:block;width:min(100%,520px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 15px 14px rgba(0,4,19,.38));image-rendering:auto}.v02-animation-stage-label{position:absolute;z-index:2;top:14px;left:16px;padding:7px 9px;border:1px solid rgba(117,232,255,.22);border-radius:8px;color:#92ecff;background:#04142db8;font:700 .58rem/1 IBM Plex Mono,monospace;letter-spacing:.1em}.v02-animation-controls{display:grid;gap:12px;padding:15px 16px 17px;border-top:1px solid rgba(123,220,255,.17);background:#071b38}.v02-animation-transport{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto auto;gap:7px;align-items:center}.v02-animation-transport button,.v02-animation-frames button{min-height:36px;border:1px solid rgba(106,213,247,.36);border-radius:9px;color:#e9f8ff;background:linear-gradient(180deg,#17466f,#102d50);box-shadow:inset 0 1px #ffffff0f;font:700 .68rem/1 IBM Plex Mono,monospace;cursor:pointer}.v02-animation-transport button:hover,.v02-animation-frames button:hover{border-color:#ffd369b8;filter:brightness(1.12)}.v02-animation-transport button.is-active{border-color:#70ffb89e;color:#8bffc3;background:#123f43}.v02-animation-transport strong{min-width:0;color:#fff;font:700 .68rem/1.35 IBM Plex Mono,monospace;text-align:center}.v02-animation-speed{display:grid;grid-template-columns:auto minmax(100px,1fr);gap:7px 12px;align-items:center;color:#a9bfd3;font:700 .64rem/1.2 IBM Plex Mono,monospace}.v02-animation-speed input{accent-color:#ffad56}.v02-animation-speed output{grid-column:1 / -1;color:#8ee8fb;font-size:.62rem}.v02-animation-frames{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.v02-animation-frames button{min-width:0;min-height:32px;padding:0}.v02-animation-frames button.is-current{border-color:#ffe08b;color:#2b1b08;background:linear-gradient(180deg,#ffe67e,#ffb34c);box-shadow:0 0 16px #ffbc4a47}.v02-animation-frames button.is-bookend:not(.is-current){border-color:#ffa367a6;color:#ffc289;background:#472b42}.v02-animation-card>footer{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 16px 14px;border-top:1px solid rgba(117,211,242,.13);color:#91a9c0;background:#06162f;font:600 .59rem/1.4 IBM Plex Mono,monospace}.v02-animation-card>footer b{color:#ffd06a}.v02-size-compare{margin:0 1rem 1rem;padding:.85rem;border:1px solid rgba(116,230,255,.32);border-radius:16px;background:#07162bc2}.v02-size-compare>header{display:flex;align-items:baseline;gap:.55rem;margin-bottom:.65rem}.v02-size-compare>header span{color:#74e6ff;font:700 .68rem/1 var(--font-mono);letter-spacing:.08em}.v02-size-compare>header b{color:#f8fbff;font-size:.82rem}.v02-size-compare>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;align-items:end}.v02-size-compare figure{min-width:0;margin:0;display:grid;justify-items:center;align-content:end;min-height:150px;border-radius:10px;background:linear-gradient(180deg,#173d61,#102d4b);overflow:hidden}.v02-size-compare img{display:block;width:calc(var(--size) * 1%);height:auto;object-fit:contain}.v02-size-compare figure[data-size="100"]{--size: 100}.v02-size-compare figure[data-size="78"]{--size: 78}.v02-size-compare figure[data-size="60"]{--size: 60}.v02-size-compare figure[data-size="45"]{--size: 45}.v02-size-compare figcaption{width:100%;padding:.4rem .25rem;color:#dcecff;background:#041020b8;text-align:center;font:700 .62rem/1.2 var(--font-mono)}.outfit-03-framework{margin-bottom:20px}.outfit-03-framework-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.outfit-03-framework-grid article{position:relative;min-width:0;padding:21px 18px 19px;border:1px solid rgba(110,219,245,.2);border-radius:16px;background:linear-gradient(145deg,#14375bd1,#081b3af2)}.outfit-03-framework-grid b{display:block;margin-bottom:12px;color:#ffbd66;font:800 .68rem/1 IBM Plex Mono,monospace}.outfit-03-framework-grid h3{margin:0 0 8px;color:#fff;font:800 .94rem/1.25 Inter,sans-serif}.outfit-03-framework-grid p{margin:0;color:#aebfd1;font-size:.76rem;line-height:1.55}.outfit-03-framework aside{display:grid;grid-template-columns:auto minmax(280px,.8fr) minmax(0,1fr);gap:20px;align-items:center;padding:20px 22px;border:1px solid rgba(111,255,187,.31);border-left:5px solid #6dffbd;border-radius:0 17px 17px 0;background:linear-gradient(105deg,#1f77593d,#0c2648b3)}.outfit-03-framework aside strong{color:#92ffca;font:800 .77rem/1.3 IBM Plex Mono,monospace;text-transform:uppercase}.outfit-03-framework aside code{overflow:hidden;color:#ffd46c;font:700 .72rem/1.5 IBM Plex Mono,monospace;white-space:nowrap}.outfit-03-framework aside p{margin:0;color:#c9d6e3;font-size:.79rem;line-height:1.55}.setting-row--sandbox{border-color:#4dd2ef57;background:linear-gradient(105deg,#27c3e51f,#7e58ff1a)}.panel-action--sandbox{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#06183a;background:linear-gradient(180deg,#7ef2ff,#32c8e6);box-shadow:0 5px #147f9c,0 10px 20px #13a7cb38}@media(max-width:1000px){.sandbox-2d-v02-hero{grid-template-columns:minmax(0,1fr)}.sandbox-2d-v02-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.sandbox-2d-pose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-03-intro{grid-template-columns:minmax(0,1fr)}.outfit-03-intro dl{grid-template-columns:repeat(4,minmax(0,1fr))}.outfit-03-animation-grid{grid-template-columns:minmax(0,1fr)}.outfit-03-framework-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-03-framework aside{grid-template-columns:minmax(0,1fr);gap:9px}}@media(max-width:700px){.outfit-03-header-nav{gap:6px}.character-sheets-button span{display:none}.character-sheets-button,.version-03-button,.future-homepage-button{width:44px;min-width:44px;padding-inline:0}.version-03-button span,.future-homepage-button span{display:none}.character-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-sheets-scroll{padding-inline:12px}.version-03-scroll{padding:14px max(12px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.version-03-intro{grid-template-columns:minmax(0,1fr);gap:18px;padding:21px 17px;border-radius:19px}.version-03-intro dl{grid-template-columns:repeat(3,minmax(0,1fr))}.version-03-library{padding:16px 12px;border-radius:19px}.version-03-library>header{display:block}.version-03-library>header p{margin-top:8px;text-align:left}.v03-cinematic{--v03-cinematic-gutter: max(12px, env(safe-area-inset-left))}.v03-cinematic-stage{min-height:360px}.v03-cinematic-character{width:clamp(82px,20vw,112px)}.future-homepage-screen{--future-homepage-bar-height: clamp(44px, 9vh, 72px)}.v03-cinematic--future-homepage .v03-cinematic-character{left:22%;width:min(82vw,var(--v03-native-frame-css-width, 170px))}.v03-cinematic--future-homepage .v03-cinematic-character img{backface-visibility:visible;transform:none;will-change:auto}.future-homepage-screen.is-resolved .v03-cinematic--future-homepage .v03-cinematic-character{left:20%;width:min(26vw,100px,var(--v03-native-frame-css-width, 100px))}.future-homepage-screen>.v03-cinematic-line{height:clamp(44px,9vh,72px)}.future-homepage-loading{top:50%;left:38%;width:60%;padding-right:12px}.future-homepage-loading-title{font-size:clamp(2.2rem,9.4vw,3.7rem)}.future-homepage-squirrel-fact{font-size:clamp(.6rem,2.5vw,.72rem);line-height:1.48}.future-homepage-start{min-width:128px;padding:11px 14px 12px;gap:24px;font-size:.95rem}.version-03-pose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-sheet-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.v02-size-compare>div{grid-template-columns:repeat(2,minmax(0,1fr))}.v02-size-compare figure{min-height:122px}.sandbox-header{grid-template-columns:auto 1fr;gap:12px;padding-bottom:12px}.sandbox-heading{padding-right:50px}.sandbox-heading p,.sandbox-live{display:none}.sandbox-heading h1{font-size:1.38rem}.sandbox-back-button span{display:none}.sandbox-scroll{padding:16px max(12px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));scrollbar-gutter:auto}.sandbox-2d-v02{gap:16px;margin-bottom:48px}.sandbox-2d-v02-hero{gap:22px;padding:22px 18px;border-radius:20px}.sandbox-2d-v02-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sandbox-2d-v02-stats div{padding:12px}.sandbox-2d-v02-method{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px}.sandbox-2d-v02-gateway{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 18px}.sandbox-2d-v02-open{width:100%}.sandbox-2d-outfit{border-radius:19px}.sandbox-2d-outfit>header{display:grid;gap:8px;padding:17px 15px 14px}.sandbox-2d-outfit>header p{text-align:left}.sandbox-2d-pose figcaption{gap:7px;min-height:45px;padding:9px 9px 10px;font-size:.68rem}.sandbox-version-v01{margin-bottom:17px;padding-top:28px}.sandbox-grid{grid-template-columns:minmax(0,1fr);gap:14px}.sandbox-card{border-radius:17px}.sandbox-card>header{align-items:start;padding:14px}.sandbox-card header small{max-width:45%}.sandbox-controls{padding:12px 10px 14px}.sandbox-transport{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sandbox-transport strong{grid-column:span 2;grid-row:2;align-self:center;min-height:34px;padding-top:11px;border-radius:9px;background:#000b2273}.sandbox-transport .sandbox-loop{margin-left:0}.sandbox-speed-control{grid-template-columns:1fr auto;gap:8px 10px}.sandbox-speed-control input{grid-column:1 / -1;grid-row:2;min-height:30px}.sandbox-speed-control output{min-width:0}.sandbox-frame-picker button{flex-basis:40px;min-width:40px;min-height:38px}.sandbox-v2{gap:16px;margin-top:34px;padding-top:28px}.sandbox-v2-principles{grid-template-columns:minmax(0,1fr)}.sandbox-motion-language,.sandbox-spacing-lab{padding:17px}.sandbox-motion-principles,.sandbox-spacing-lab>div{grid-template-columns:minmax(0,1fr)}.sandbox-v2-loop-rule{grid-template-columns:minmax(0,1fr);gap:8px;padding:17px}.sandbox-v2-spec{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.sandbox-v2-spec dl div{grid-template-columns:minmax(100px,.7fr) 1.3fr}.sandbox-v2-preview-grid{grid-template-columns:minmax(0,1fr);gap:14px}.sandbox-rig-review,.sandbox-rig-review ol,.sandbox-walk-v4-notes,.sandbox-walk-v4-notes dl,.sandbox-walk-v5-notes,.sandbox-walk-v5-notes dl,.sandbox-anatomy-layout{grid-template-columns:minmax(0,1fr)}.sandbox-rig-review,.sandbox-walk-v4-notes,.sandbox-walk-v5-notes,.sandbox-anatomy{gap:18px;padding:18px}.sandbox-v2-next{grid-template-columns:minmax(0,1fr);gap:8px;padding:17px}.setting-row--sandbox{align-items:stretch;flex-direction:column}.outfit-03-header{grid-template-columns:auto 1fr;gap:12px;padding-bottom:12px}.outfit-03-heading{padding-right:48px}.outfit-03-heading p,.outfit-03-canonical{display:none}.outfit-03-heading h1{font-size:1.38rem}.outfit-03-back-button span{display:none}.outfit-03-scroll{padding:16px max(12px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));scrollbar-gutter:auto}.outfit-03-scroll>*+*{margin-top:18px}.outfit-03-intro{gap:20px;padding:22px 18px;border-radius:20px}.outfit-03-intro dl{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-03-animation-section,.outfit-03-framework{padding-top:12px}.v02-animation-card{border-radius:18px}.v02-animation-card>header{grid-template-columns:minmax(0,1fr);gap:8px;padding:17px 15px 14px}.v02-animation-card>header small{max-width:none;text-align:left}.v02-animation-stage{min-height:0;aspect-ratio:1}.v02-animation-stage img{width:100%}.v02-animation-controls{padding:12px 10px 14px}.v02-animation-transport{grid-template-columns:repeat(4,minmax(0,1fr))}.v02-animation-transport strong{grid-column:1 / -1;grid-row:2;padding:8px;border-radius:8px;background:#00091d61}.v02-animation-frames{grid-template-columns:repeat(6,minmax(0,1fr))}.outfit-03-framework-grid{grid-template-columns:minmax(0,1fr)}.outfit-03-framework aside{padding:17px}.outfit-03-framework aside code{white-space:normal}}
