:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{color:#1d2028;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-family:Avenir Next,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:#fff;margin:0;overflow:hidden}#app{width:100%;max-width:none;min-height:100svh;text-align:initial;border:0;display:block}.stage{perspective:none;background:#fff;place-items:center;min-height:100svh;padding:3.5vh 24px;display:grid}.dice-grid{grid-template-columns:repeat(8, var(--dice-size));grid-auto-rows:var(--dice-size);box-shadow:none;perspective:1150px;transform-style:preserve-3d;--dice-size:clamp(48px, min(8.8vw, 11vh), 92px);background:0 0;border:0;border-radius:0;gap:clamp(4px,.48vw,7px);padding:clamp(12px,1.25vw,18px);display:grid}.color-screen{--screen-color:#a98ae8;z-index:20;color:#ffffffe6;background:radial-gradient(ellipse 45% 42% at 27% 18%, color-mix(in srgb, var(--screen-color), white 44%), transparent 72%), linear-gradient(135deg, color-mix(in srgb, var(--screen-color), white 10%), var(--screen-color) 48%, color-mix(in srgb, var(--screen-color), black 44%));opacity:0;pointer-events:none;place-items:center;transition:opacity .36s,transform .46s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;inset:0;overflow:hidden;transform:scale(1.035)}.color-screen:before{content:"";aspect-ratio:1;background:linear-gradient(145deg,#ffffff42,#fff0 38%,#00000029);border:1px solid #ffffff3d;border-radius:28%;width:min(62vw,760px);position:absolute;transform:rotate(-15deg)translateY(8%);box-shadow:inset 18px 18px 38px #ffffff24,inset -22px -24px 42px #0003}.color-screen.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.color-screen-label{z-index:1;letter-spacing:-.06em;text-shadow:0 3px 14px #00000038;margin:0;font-size:clamp(32px,6vw,88px);font-weight:700;position:relative}.color-screen-close{z-index:2;color:#fff;cursor:pointer;background:#0000001f;border:1px solid #ffffff7a;border-radius:50%;width:44px;height:44px;font:300 32px/36px system-ui,sans-serif;position:absolute;top:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}.color-screen-close:focus-visible{outline-offset:3px;outline:3px solid #fff}.lemonade-screen{z-index:30;isolation:isolate;visibility:hidden;opacity:0;color:#fffdf0;pointer-events:none;background:#151b12;transition:opacity .38s,visibility .38s;position:fixed;inset:0;overflow:hidden}.lemonade-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.lemonade-camera{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.lemonade-wash{z-index:1;pointer-events:none;background:linear-gradient(#0b140870,#0000 25% 62%,#0a0d0785),radial-gradient(circle at 50% 40%,#0000 25%,#394c162e);position:absolute;inset:0}.lemonade-header{z-index:5;text-shadow:0 2px 12px #00000059;position:absolute;top:clamp(22px,4vw,52px);left:clamp(22px,4vw,58px)}.lemonade-header p{color:#0000;letter-spacing:-.075em;text-transform:uppercase;transform-origin:0;-webkit-text-stroke:clamp(1.5px, .19vw, 3px) #fffdf0;filter:drop-shadow(3px 3px #00124ee6)drop-shadow(0 0 4px #7ccdff8c);background:repeating-linear-gradient(#d9f5ff 0 2px,#126ef0 3px 13px,#0741b8 14px 18px,#1b82ff 19px 22px);-webkit-background-clip:text;background-clip:text;width:max-content;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(48px,8.5vw,116px);font-weight:900;line-height:.78;transform:scaleX(.73)}.lemonade-status{z-index:7;color:#fffdf0;letter-spacing:.01em;opacity:.94;text-align:center;text-shadow:0 2px 10px #00000073;width:max-content;max-width:calc(100% - 44px);font-size:clamp(15px,1.8vw,21px);font-weight:700;position:absolute;top:calc(50% - 54px);left:50%;transform:translate(-50%,-50%)}.lemonade-screen.is-tracking .lemonade-status{top:auto;bottom:max(26px, env(safe-area-inset-bottom));text-align:left;left:clamp(22px,4vw,58px);transform:none}.lemonade-orchard,.lemonade-drops{z-index:3;pointer-events:none;position:absolute;inset:0}.lemon{aspect-ratio:.94;filter:drop-shadow(0 15px 12px #00000040);transform-origin:50%;width:clamp(64px,10vw,136px);position:absolute}.lemon-fallback,.lemon img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.lemon-fallback{background:radial-gradient(at 29% 25%,#fffbd9 0 4%,#f6e755 10% 16%,#0000 17%),radial-gradient(at 39% 31%,#ffe45c 0 37%,#e9bd20 70%,#aa7914 100%);border:2px solid #fff87ebf;border-radius:48% 52%/43% 46% 54% 57%;transform:rotate(17deg);box-shadow:inset 9px 10px 10px #ffffff5c,inset -8px -10px 13px #80530033}.lemon img{z-index:1}.lemon span{z-index:2;opacity:0;border:1px solid #ffffff57;border-radius:50%;position:absolute;inset:7%}.lemon.is-squeezed span{opacity:1;animation:.18s infinite alternate lemon-pulse}.lemon.is-spent{opacity:.83;filter:grayscale(.28)saturate(.58)drop-shadow(0 10px 8px #00000038)}@keyframes lemon-pulse{to{opacity:.6;transform:scale(.76)}}.lemon-drop{background:radial-gradient(circle at 30% 26%,#fff9a4,#f6d322 48%,#ddad0e);border-radius:60% 40% 58% 42%/58% 45% 55% 42%;width:15px;height:22px;position:absolute;top:-13px;left:-8px;box-shadow:0 2px 6px #5537004d}.lemonade-cup{--ice-lift:0px;z-index:4;background:linear-gradient(105deg,#ffffff3b,#ffffff08 30%,#ffffff29);border:3px solid #ffffffa8;border-top-color:#ffffffe6;border-radius:12px 12px 27px 27px/9px 9px 22px 22px;width:126px;height:158px;margin:-79px 0 0 -63px;transition:width .15s,height .15s;position:absolute;top:0;left:0;overflow:visible;box-shadow:inset 7px 0 15px #ffffff38,inset -8px -4px 18px #002c3033,0 12px 24px #0000003d}.lemonade-cup:before{content:"";z-index:5;background:#ffffff1f;border:3px solid #ffffffbf;border-radius:50%;height:14px;position:absolute;top:-6px;left:-4px;right:-4px}.lemonade-cup.is-held{width:134px;height:168px}.cup-liquid{z-index:1;clip-path:inset(0 round 0 0 20px 20px);background:linear-gradient(90deg,#e3bd23,#ffe862 48%,#dba718);border-radius:0 0 22px 22px;height:0;transition:height .15s ease-out;position:absolute;inset:auto 0 0;box-shadow:inset 0 8px 12px #ffffc585}.cup-liquid:before{content:"";background:#ffeb66;border-radius:50%;height:12px;position:absolute;top:-6px;left:0;right:0;box-shadow:inset 0 2px 4px #ffffcdcc}.cup-ice{z-index:2;width:42px;height:42px;transform:translateY(calc(var(--ice-lift) * -1));background:linear-gradient(135deg,#fffc,#caf6ff61);border:1px solid #ffffffad;border-radius:10px 13px 11px 14px;transition:transform .24s cubic-bezier(.2,.8,.25,1);position:absolute;box-shadow:inset 4px 4px 7px #ffffff8a,inset -5px -5px 8px #3e90ab24}.ice-one{transform:rotate(13deg) translateY(calc(var(--ice-lift) * -1));bottom:31px;left:14px}.ice-two{transform:rotate(-12deg) translateY(calc(var(--ice-lift) * -1));bottom:47px;left:54px}.ice-three{transform:rotate(20deg) translateY(calc(var(--ice-lift) * -1));bottom:20px;right:11px}.cup-slice{z-index:3;background:repeating-conic-gradient(from 0deg, #fffdc9d9 0 28deg, #f3d9478c 29deg 31deg, #fffdc9d9 32deg 58deg);width:50px;height:50px;transform:translateY(calc(var(--ice-lift) * -1)) rotate(16deg);border:8px solid #f4d238;border-radius:50%;transition:transform .24s cubic-bezier(.2,.8,.25,1);position:absolute;bottom:64px;left:37px}.cup-straw{z-index:0;transform-origin:bottom;background:repeating-linear-gradient(135deg,#f9f1d6 0 8px,#e63e32 8px 16px);border:1px solid #fffc;border-radius:8px;width:13px;height:120px;display:none;position:absolute;bottom:86px;left:69px;overflow:hidden;transform:rotate(10deg);box-shadow:2px 2px 5px #0003}.cup-straw i{opacity:0;background:#fff5a4;border-radius:99px;width:5px;height:25px;position:absolute;bottom:-22px;left:3px}.lemonade-cup.is-full .cup-straw{display:block}.lemonade-cup.is-drinking .cup-straw i{opacity:1;animation:.28s linear infinite straw-sip}.lemonade-cup.is-drinking{filter:drop-shadow(0 0 12px #ffed5866)}@keyframes straw-sip{to{transform:translateY(-112px)}}.lemonade-hint{z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-align:center;text-shadow:0 1px 3px #0000004d;opacity:0;pointer-events:none;background:#0c120542;border:1px solid #ffffff57;border-radius:999px;width:max-content;max-width:calc(100% - 44px);padding:10px 16px;font-size:clamp(12px,1.5vw,16px);transition:opacity .32s,transform .32s;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%))}.lemonade-hint.is-visible{opacity:1;transform:translate(-50%,-50%)}.lemonade-hint b{color:#ffe955}.lemonade-camera-button{z-index:7;color:#314210;cursor:pointer;background:#fff6ac;border:1px solid #ffffff9e;border-radius:999px;padding:11px 18px;font:700 13px/1 system-ui,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #0000003d}.lemonade-camera-button:disabled{opacity:.7;cursor:wait}.lemonade-camera-button.is-hidden,.lemonade-status.is-hidden{display:none}.lemonade-close{z-index:8;color:#fff;cursor:pointer;background:#070c0433;border:1px solid #ffffff8c;border-radius:50%;width:44px;height:44px;font:300 32px/36px system-ui,sans-serif;position:absolute;top:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}.water-touch-screen{z-index:30;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#061520;transition:opacity .35s,visibility .35s;position:fixed;inset:0;overflow:hidden}.water-touch-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.water-touch-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.water-touch-canvas{background:#071b29;width:100%;height:100%;display:block;position:absolute;inset:0}.water-touch-header{z-index:2;color:#edfbff;text-shadow:0 2px 14px #001a2ca6;pointer-events:none;position:absolute;top:clamp(22px,4vw,52px);left:clamp(22px,4vw,58px)}.water-touch-header p{color:#79cdf0;letter-spacing:-.115em;text-transform:lowercase;transform-origin:0;text-shadow:0 2px 1px #dbfaff73,0 4px 10px #00436952;width:max-content;margin:0;font-family:Arial Rounded MT Bold,Helvetica Rounded,ui-rounded,system-ui,sans-serif;font-size:clamp(36px,6.1vw,80px);font-weight:900;line-height:.78;transform:scaleX(.86)}.water-touch-header span{color:#edfbff;margin-top:13px;font-size:clamp(12px,1.3vw,16px);font-weight:600;display:block}.water-touch-start{z-index:3;color:#0d4259;cursor:pointer;background:#ecfcffe6;border:1px solid #e6faffb8;border-radius:999px;padding:13px 22px;font:700 14px/1 system-ui,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #0014214d}.water-touch-start:disabled{opacity:.7;cursor:wait}.water-touch-close{z-index:3;color:#fff;cursor:pointer;background:#03233442;border:1px solid #ebfcffa6;border-radius:50%;width:44px;height:44px;font:300 32px/36px system-ui,sans-serif;position:absolute;top:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}.rubber-human-screen{z-index:30;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#b9a19e;transition:opacity .35s,visibility .35s;position:fixed;inset:0;overflow:hidden}.rubber-human-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.rubber-human-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.rubber-human-canvas{background:#b9a19e;width:100%;height:100%;display:block;position:absolute;inset:0}.rubber-human-screen:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(#0000 42%,#2c161b29 100%),linear-gradient(#ffefeb17,#0000 31%,#240b111f);position:absolute;inset:0}.rubber-human-header{z-index:2;color:#fff6f2;pointer-events:none;text-shadow:0 2px 13px #310c1466;position:absolute;top:clamp(22px,4vw,52px);left:clamp(22px,4vw,58px)}.rubber-human-header p{letter-spacing:-.1em;margin:0;font-family:Arial Rounded MT Bold,ui-rounded,system-ui,sans-serif;font-size:clamp(39px,6vw,78px);font-weight:900;line-height:.9}.rubber-human-header span{margin-top:13px;font:600 clamp(12px,1.3vw,16px)/1.4 system-ui,sans-serif;display:block}.rubber-human-guide{z-index:2;color:#fff9f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;pointer-events:none;background:#40141c4d;border:1px solid #fff5f380;border-radius:999px;width:max-content;max-width:calc(100% - 44px);margin:0;padding:10px 15px;font:700 clamp(12px,1.3vw,15px)/1 system-ui,sans-serif;transition:opacity .2s;position:absolute;top:calc(50% + min(31vw,260px));left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #330b1429}.rubber-human-start.is-hidden{display:none}.rubber-human-start{z-index:3;color:#57252b;cursor:pointer;background:#fff0ed;border:1px solid #fff8f6c7;border-radius:999px;padding:13px 22px;font:700 14px/1 system-ui,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #390d1642}.rubber-human-start:disabled{opacity:.7;cursor:wait}.rubber-human-close{z-index:3;color:#fff;cursor:pointer;background:#400f183d;border:1px solid #fff5f2a6;border-radius:50%;width:44px;height:44px;font:300 32px/36px system-ui,sans-serif;position:absolute;top:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}.shampoo-screen{z-index:31;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#183631;transition:opacity .35s,visibility .35s;position:fixed;inset:0;overflow:hidden}.shampoo-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.shampoo-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.shampoo-canvas{background:#183631;width:100%;height:100%;display:block;position:absolute;inset:0}.shampoo-wash{z-index:1;pointer-events:none;background:radial-gradient(at 50% 30%,#0000 30%,#0c2d2614 72%,#071b194d),linear-gradient(#f1fff724,#0000 28% 70%,#011c192e);position:absolute;inset:0}.shampoo-start{z-index:3;color:#c85d93;cursor:pointer;background:#fff0f7;border:1px solid #ffe8f4d1;border-radius:50%;place-items:center;width:72px;height:72px;padding:0;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 10px 28px #58123542}.shampoo-start svg{fill:currentColor;width:48px;height:48px}.shampoo-start-shine{fill:#ffffffb3}.shampoo-start:disabled{opacity:.7;cursor:wait}.shampoo-start.is-hidden{display:none}.shampoo-lever{--lever-pull:0;z-index:3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:76px;height:158px;padding:0;position:absolute;top:clamp(75px,9vw,108px);right:clamp(12px,2.4vw,34px)}.shampoo-lever:before{content:"";background:linear-gradient(135deg,#fff5fa,#ef9fc4 72%);border:2px solid #ffe7f4e0;border-radius:13px 13px 7px 7px;width:23px;height:27px;position:absolute;top:1px;left:50%;transform:translate(-50%);box-shadow:inset 2px 2px 1px #ffffffb8,0 3px 9px #59123547}.shampoo-lever i{width:7px;height:calc(77px + var(--lever-pull) * 49px);transform-origin:50% 0;background:linear-gradient(90deg,#b94e83,#ffe6f1 48%,#d36b9b);border-radius:9px;transition:height .1s;position:absolute;top:23px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #540d2e4d}.shampoo-lever b{width:37px;height:37px;transform:translate(-50%, calc(var(--lever-pull) * 49px));background:radial-gradient(circle at 31% 26%,#fffafd 0 11%,#ffd2e4 25%,#ec8fba 63%,#be4e83 100%);border:2px solid #ffedf7e6;border-radius:50%;transition:transform .1s;position:absolute;top:91px;left:50%;box-shadow:inset 3px 3px 2px #ffffffa3,0 3px 8px #5a0e314d}.shampoo-lever:active{cursor:grabbing}.shampoo-close{z-index:3;color:#fff;cursor:pointer;background:#68113b47;border:1px solid #ffedf7ad;border-radius:50%;width:44px;height:44px;font:300 32px/36px system-ui,sans-serif;position:absolute;top:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}.balloon-screen{z-index:30;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#261b2e;transition:opacity .35s,visibility .35s;position:fixed;inset:0;overflow:hidden}.balloon-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.balloon-camera{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.balloon-wash{z-index:1;pointer-events:none;background:linear-gradient(#1d0c236b,#0000 28% 68%,#2009234d);position:absolute;inset:0}.balloon-header{z-index:4;color:#fff8ff;pointer-events:none;position:absolute;top:clamp(22px,4vw,52px);left:clamp(22px,4vw,58px)}.balloon-header p{color:#84cf74;letter-spacing:-.11em;text-transform:lowercase;text-shadow:0 1px #ffffffc7,0 3px 9px #13441452;width:max-content;margin:0;padding-left:clamp(28px,4vw,52px);font-family:"Bodoni 72",Didot,Iowan Old Style,Georgia,serif;font-size:clamp(45px,7vw,92px);font-weight:800;line-height:.72;position:relative}.balloon-header p:before{content:"○○\a ○○\a  ○";color:#84cf74;letter-spacing:-.18em;white-space:pre;font-family:Georgia,serif;font-size:.28em;font-weight:900;line-height:.68;position:absolute;top:-.03em;left:0}.balloon-header span{color:#fff8ff;text-shadow:0 2px 10px #22001885;margin-top:15px;font-size:clamp(12px,1.3vw,16px);font-weight:600;display:block}.balloon-field,.balloon-confetti{z-index:3;pointer-events:none;position:absolute;inset:0}.balloon-item,.balloon-fragment{will-change:transform, opacity}.balloon-item{--balloon-size:90px;--string-length:120px;--string-angle:0deg;width:var(--balloon-size);height:var(--balloon-size);position:absolute}.balloon-body{background:radial-gradient(circle at 30% 24%, #ffffffc7 0 4%, #ffffff3b 5% 15%, transparent 16%), linear-gradient(135deg, color-mix(in srgb, var(--balloon-color), white 24%), var(--balloon-color) 55%, color-mix(in srgb, var(--balloon-color), black 25%));border-radius:50% 50% 48% 48%/46% 46% 57% 57%;display:block;position:absolute;inset:0;box-shadow:inset 8px 10px 13px #ffffff40,inset -9px -12px 16px #20001e33,0 12px 16px #0003}.balloon-knot{background:var(--balloon-color);clip-path:polygon(0 0,100% 0,50% 100%);width:15px;height:13px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.balloon-string{width:1.5px;height:var(--string-length);transform:rotate(var(--string-angle));transform-origin:top;background:#ffffffc2;position:absolute;top:calc(100% + 3px);left:50%;box-shadow:0 0 1px #0000006b}.balloon-fragment{clip-path:polygon(50% 0,100% 43%,68% 100%,12% 79%,0 29%);width:10px;height:14px;position:absolute;top:-7px;left:-5px;box-shadow:0 1px 2px #0000003d}.balloon-start{z-index:5;color:#4c1644;cursor:pointer;background:#ffe7f4;border:1px solid #ffffffb3;border-radius:999px;padding:13px 22px;font:700 14px/1 system-ui,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #00000040}.balloon-start:disabled{opacity:.7;cursor:wait}.balloon-start.is-hidden{display:none}.balloon-close{z-index:5;color:#fff;cursor:pointer;background:#2f00273d;border:1px solid #ffffff9e;border-radius:50%;width:44px;height:44px;font:300 32px/36px system-ui,sans-serif;position:absolute;top:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}.bluefish-screen{z-index:30;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#000;transition:opacity .35s,visibility .35s;position:fixed;inset:0;overflow:hidden}.bluefish-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.bluefish-camera,.bluefish-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bluefish-camera{transform:scaleX(-1)}.bluefish-canvas{z-index:2;pointer-events:none}.bluefish-wash{z-index:1;pointer-events:none;position:absolute;inset:0}.bluefish-header{z-index:4;color:#effcff;pointer-events:none;position:absolute;top:clamp(22px,4vw,52px);left:clamp(22px,4vw,58px)}.bluefish-word{color:#f8ffff;letter-spacing:-.125em;text-shadow:-1px 0 #5bdaff85,2px 1px #ff69b157,0 4px 12px #001f4dad;align-items:baseline;margin:0;font-family:Cooper Black,Arial Rounded MT Bold,Helvetica Rounded,ui-rounded,system-ui,sans-serif;font-size:clamp(42px,7.2vw,92px);font-weight:950;line-height:.76;display:flex}.bluefish-word i{transform-origin:bottom;font-style:normal;display:inline-block}.bluefish-word i:first-child{transform:rotate(-4deg)translateY(2%)}.bluefish-word i:nth-child(2){transform:rotate(2deg)translateY(-4%)}.bluefish-word i:nth-child(3){transform:rotate(-2deg)translateY(1%)}.bluefish-word i:nth-child(4){transform:rotate(3deg)translateY(-5%)}.bluefish-word i:nth-child(5){margin-left:.035em;transform:rotate(-3deg)translateY(2%)}.bluefish-word i:nth-child(6){transform:rotate(2deg)translateY(-2%)}.bluefish-word i:nth-child(7){transform:rotate(-3deg)translateY(1%)}.bluefish-word i:nth-child(8){transform:rotate(3deg)translateY(-4%)}.bluefish-header-hint{text-shadow:0 2px 10px #001f3ebf;margin-top:15px;font:600 clamp(12px,1.3vw,16px)/1.35 system-ui,sans-serif;display:block}.bluefish-status{z-index:5;color:#f1fdff;text-shadow:0 2px 10px #00132cb8;margin:0;font:700 clamp(15px,1.8vw,21px)/1.3 system-ui,sans-serif;position:absolute;top:calc(50% - 54px);left:50%;transform:translate(-50%,-50%)}.bluefish-status.is-hidden,.bluefish-start.is-hidden{display:none}.bluefish-start{z-index:5;color:#07375a;cursor:pointer;background:#c9f8ff;border:1px solid #e0fdffc2;border-radius:999px;padding:13px 22px;font:700 14px/1 system-ui,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #000c2552}.bluefish-start:disabled{opacity:.7;cursor:wait}.bluefish-close{z-index:5;color:#fff;cursor:pointer;background:#002a4a47;border:1px solid #e4fdffa8;border-radius:50%;width:44px;height:44px;font:300 32px/36px system-ui,sans-serif;position:absolute;top:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}.bluefish-logo{object-fit:contain;object-position:left top;width:clamp(165px,25vw,350px);height:auto;max-height:min(22vh,190px);display:block}.bluefish-guide{z-index:5;color:#f4feff;opacity:0;pointer-events:none;text-align:center;text-shadow:0 2px 12px #001430e6;width:min(82vw,540px);margin:0;font:700 clamp(17px,2.2vw,26px)/1.45 system-ui,sans-serif;transition:opacity .35s,transform .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(12px)}.bluefish-guide.is-visible{opacity:1;transform:translate(-50%,-50%)}.capture-fallback-video{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.global-camera-capture{z-index:100;left:50%;bottom:max(24px, env(safe-area-inset-bottom));justify-items:center;gap:9px;display:none;position:fixed;transform:translate(-50%)}.lemonade-screen.is-open.is-tracking~.global-camera-capture,.water-touch-screen.is-open.is-tracking~.global-camera-capture,.bluefish-screen.is-open.is-tracking~.global-camera-capture,.elephant-draw-screen.is-open~.global-camera-capture,.framing-blueprint-screen.is-open.is-tracking~.global-camera-capture,.rubber-human-screen.is-open.is-tracking~.global-camera-capture,.shampoo-screen.is-open.is-tracking~.global-camera-capture{display:grid}.capture-button{cursor:pointer;touch-action:manipulation;background:#12121224;border:2px solid #fff;border-radius:50%;width:66px;height:66px;padding:5px;transition:border-color .2s,border-radius .2s,background .2s;position:relative;box-shadow:0 3px 15px #00000038}.capture-button span{background:#ffffff2b;border-radius:50%;width:100%;height:100%;transition:all .2s;display:block}.capture-button:focus-visible{outline-offset:4px;outline:3px solid #ffe955}.capture-button.is-recording{background:#21000047;border-color:#ff3b30}.capture-button.is-recording span{background:#ff3b30;border-radius:10px;width:72%;height:72%;margin:14%}.capture-message{color:#fff;opacity:0;white-space:nowrap;background:#00000094;border-radius:99px;width:max-content;max-width:80vw;margin:0;padding:7px 10px;font:600 12px/1.2 system-ui,sans-serif;transition:opacity .2s,transform .2s;position:absolute;bottom:76px;transform:translateY(4px)}.global-camera-capture.has-message .capture-message{opacity:1;transform:translateY(0)}@media (width<=620px){.lemon{width:72px}.lemonade-cup{transform-origin:50%;scale:.82}.lemonade-hint{white-space:normal;border-radius:15px}.lemonade-header{top:24px}.lemonade-close{top:20px;right:20px}.global-camera-capture{bottom:max(18px, env(safe-area-inset-bottom))}.capture-button{width:62px;height:62px}}.elephant-draw-screen.is-open~.global-camera-capture{z-index:120;left:max(22px, env(safe-area-inset-left));top:max(22px, env(safe-area-inset-top));bottom:auto;transform:none}.elephant-draw-screen.is-open~.global-camera-capture .capture-button:not(.is-recording){background:linear-gradient(145deg,#49e6f2,#0db7d6 58%,#078eb3);border-color:#087fa9;box-shadow:inset 2px 2px #ffffff94,inset -2px -2px #00557547,0 3px 12px #00709d59}.elephant-draw-screen.is-open~.global-camera-capture .capture-button:not(.is-recording) span{background:#dfffffb8;box-shadow:inset 0 0 0 2px #0486ab57}@media (width<=620px){.elephant-draw-screen.is-open~.global-camera-capture{left:max(14px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top))}}.cat-cursor{z-index:90;opacity:0;pointer-events:none;will-change:transform;width:clamp(64px,5.4vw,80px);transition:opacity .1s;position:fixed;top:0;left:0}.cat-cursor.is-visible{opacity:1}.cat-cursor img{width:100%;height:auto;display:block}@media (pointer:fine){.stage,.stage *{cursor:none!important}}@media (pointer:coarse),(hover:none){.cat-cursor{display:none}}.dice{width:var(--dice-size);height:var(--dice-size);--cube-radius:clamp(5px, 9%, 9px);--cube-inset:clamp(3px, .75vw, 8px);--face-bleed:0px;--edge-skin:1.5px;--edge-width:1.5px;transform-style:preserve-3d;will-change:auto;transform-origin:50%;z-index:0;position:relative}.dice.is-animating{z-index:3;will-change:transform}.dice:before{content:none}.dice-face{color:var(--mark-color);background:linear-gradient(135deg, color-mix(in srgb, var(--dice-color), white 30%), var(--dice-color) 52%, color-mix(in srgb, var(--dice-color), black 34%));backface-visibility:hidden;transform-origin:50%;border-radius:0;position:absolute;inset:0;overflow:visible}.dice-surface{inset:var(--edge-skin);border:var(--edge-width) solid;border-color:color-mix(in srgb, var(--dice-color), white 38%) color-mix(in srgb, var(--dice-color), black 16%) color-mix(in srgb, var(--dice-color), black 46%) color-mix(in srgb, var(--dice-color), white 12%);border-radius:max(2px, calc(var(--cube-radius) - var(--edge-skin)));color:var(--mark-color);background:linear-gradient(135deg, color-mix(in srgb, var(--dice-color), white 30%) 0%, color-mix(in srgb, var(--dice-color), white 4%) 34%, var(--dice-color) 57%, color-mix(in srgb, var(--dice-color), black 42%) 100%);background-clip:padding-box;place-items:center;display:grid;position:absolute;overflow:hidden}.dice-surface>.pips,.dice-surface>.symbol{transform:none}.dice-cube{inset:var(--cube-inset);border-radius:var(--cube-radius);background:color-mix(in srgb, var(--dice-color), black 16%);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;--half-size:calc((var(--dice-size) - var(--cube-inset) - var(--cube-inset)) / 2);position:absolute;transform:translate(0,0)}.dice-cube:before,.dice-cube:after{content:"";border-radius:var(--cube-radius);pointer-events:none;display:none;position:absolute;inset:3px}.dice-front{transform:translate3d(0, 0, var(--half-size))}.dice-back{transform:rotateY(180deg) translate3d(0, 0, var(--half-size))}.dice-top{transform:rotateX(90deg) translate3d(0, 0, var(--half-size))}.dice-bottom{transform:rotateX(-90deg) translate3d(0, 0, var(--half-size))}.dice-side{transform:rotateY(90deg) translate3d(0, 0, var(--half-size))}.dice-left{transform:rotateY(-90deg) translate3d(0, 0, var(--half-size))}.dice-back .dice-surface,.dice-top .dice-surface,.dice-bottom .dice-surface,.dice-side .dice-surface,.dice-left .dice-surface{background:linear-gradient(135deg, color-mix(in srgb, var(--dice-color), white 19%), var(--dice-color) 47%, color-mix(in srgb, var(--dice-color), black 28%));box-shadow:inset 0 2px 5px #ffffff2e,inset -4px -5px 7px #0000003d}.dice-top .dice-surface{box-shadow:inset 0 4px 8px #ffffff70,inset -5px -6px 9px #0000002b}.dice-side .dice-surface{box-shadow:inset 0 2px 5px #ffffff24,inset -7px -5px 10px #0006}.dice-left .dice-surface{box-shadow:inset 0 2px 5px #ffffff24,inset -7px -6px 10px #00000061}.dice-back .dice-surface>*,.dice-bottom .dice-surface>*,.dice-side .dice-surface>*,.dice-left .dice-surface>*{opacity:.72;transform:scale(.82)}.dice-top .dice-surface>*{opacity:.82;transform:scale(.88)}.dice{cursor:default}.dice-nav{cursor:pointer}.dice-nav:hover .dice-front .dice-surface{border-color:color-mix(in srgb, var(--dice-color), white 44%)}.dice:focus-visible{outline-offset:4px;border-radius:12px;outline:3px solid #482c8c99}.dice-front .dice-surface:before,.dice-front .dice-surface:after{content:none}.dice-matte .dice-surface{background:linear-gradient(142deg, color-mix(in srgb, var(--dice-color), white 13%), var(--dice-color) 53%, color-mix(in srgb, var(--dice-color), black 31%));box-shadow:inset 0 1px 3px #ffffff26,inset -4px -5px 8px #0000004f}.dice-matte .dice-front .dice-surface:before{opacity:.22}.dice-matte .dice-front .dice-surface:after{opacity:.12}.dice-gloss .dice-surface{background:linear-gradient(145deg, color-mix(in srgb, var(--dice-color), white 27%), var(--dice-color) 48%, color-mix(in srgb, var(--dice-color), black 35%));box-shadow:inset 0 4px 10px #ffffff7a,inset -5px -6px 10px #0000005c}.dice-gloss .dice-front .dice-surface:before{opacity:1;background:radial-gradient(30% 20% at 14% 11%,#fff,#0000 63%)}.dice-gloss .dice-front .dice-surface:after{opacity:.9;background:linear-gradient(90deg,#ffffffeb,#ffffff14);height:7%;inset:8% 12% auto 9%}.dice-gel .dice-surface{background:linear-gradient(135deg, #ffffff7a, color-mix(in srgb, var(--dice-color), white 46%) 27%, color-mix(in srgb, var(--dice-color), white 10%) 68%, color-mix(in srgb, var(--dice-color), black 17%)), var(--dice-color);opacity:1;box-shadow:inset 0 3px 10px #fff9,inset -4px -5px 10px #15132833}.dice-gel .dice-front .dice-surface:before{opacity:.84}.dice-gel .dice-front .dice-surface:after{opacity:.64}.dice-pearl .dice-surface{background:linear-gradient(118deg, color-mix(in srgb, var(--dice-color), white 45%) 0%, color-mix(in srgb, var(--dice-color), #f7b5dc 36%) 30%, color-mix(in srgb, var(--dice-color), #b6c4ff 42%) 58%, color-mix(in srgb, var(--dice-color), #ffe7aa 18%) 76%, color-mix(in srgb, var(--dice-color), black 20%) 100%);box-shadow:inset 0 3px 7px #ffffffa3,inset -4px -5px 8px #0000003d}.dice-pearl .dice-front .dice-surface:before{opacity:.82;background:linear-gradient(120deg,#ffffffd6,#0000 30%,#ffb4ef57 59%,#b2c7ff33 77%,#0000)}.dice.dice-matte .dice-top .dice-surface,.dice.dice-gloss .dice-top .dice-surface,.dice.dice-gel .dice-top .dice-surface,.dice.dice-pearl .dice-top .dice-surface{background:linear-gradient(145deg, color-mix(in srgb, var(--dice-color), white 38%), color-mix(in srgb, var(--dice-color), white 10%) 58%, var(--dice-color))}.dice.dice-matte .dice-side .dice-surface,.dice.dice-gloss .dice-side .dice-surface,.dice.dice-gel .dice-side .dice-surface,.dice.dice-pearl .dice-side .dice-surface{background:linear-gradient(115deg, color-mix(in srgb, var(--dice-color), white 2%), color-mix(in srgb, var(--dice-color), black 31%) 76%)}.dice.dice-matte .dice-left .dice-surface,.dice.dice-gloss .dice-left .dice-surface,.dice.dice-gel .dice-left .dice-surface,.dice.dice-pearl .dice-left .dice-surface{background:linear-gradient(145deg, color-mix(in srgb, var(--dice-color), white 8%), color-mix(in srgb, var(--dice-color), black 28%))}.dice.dice-matte .dice-surface,.dice.dice-gloss .dice-surface,.dice.dice-gel .dice-surface,.dice.dice-pearl .dice-surface,.dice-back .dice-surface,.dice-top .dice-surface,.dice-bottom .dice-surface,.dice-side .dice-surface,.dice-left .dice-surface{box-shadow:none}.pips{z-index:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:64%;height:64%;display:grid;position:relative}.pip{aspect-ratio:1;background:radial-gradient(circle at 29% 22%, #fffffffa 0 9%, #ffffff75 18%, transparent 33%), radial-gradient(circle at 50% 54%, color-mix(in srgb, currentColor, white 10%), color-mix(in srgb, currentColor, black 48%));border-radius:50%;width:clamp(5px,1vw,10px);box-shadow:inset 1px 1px 2px #ffffff8f,inset -1px -2px 2px #0000006b,0 1px 1px #ffffff38,1px 2px 3px #0000004d}.pips-1 .pip:first-child{grid-area:2/2}.pips-2 .pip:first-child{grid-area:1/1}.pips-2 .pip:nth-child(2){grid-area:3/3}.pips-3 .pip:first-child{grid-area:1/1}.pips-3 .pip:nth-child(2){grid-area:2/2}.pips-3 .pip:nth-child(3){grid-area:3/3}.pips-4 .pip:first-child{grid-area:1/1}.pips-4 .pip:nth-child(2){grid-area:1/3}.pips-4 .pip:nth-child(3){grid-area:3/1}.pips-4 .pip:nth-child(4){grid-area:3/3}.pips-5 .pip:first-child{grid-area:1/1}.pips-5 .pip:nth-child(2){grid-area:1/3}.pips-5 .pip:nth-child(3){grid-area:2/2}.pips-5 .pip:nth-child(4){grid-area:3/1}.pips-5 .pip:nth-child(5){grid-area:3/3}.pips-6 .pip:first-child{grid-area:1/1}.pips-6 .pip:nth-child(2){grid-area:1/3}.pips-6 .pip:nth-child(3){grid-area:2/1}.pips-6 .pip:nth-child(4){grid-area:2/3}.pips-6 .pip:nth-child(5){grid-area:3/1}.pips-6 .pip:nth-child(6){grid-area:3/3}.symbol{z-index:1;color:var(--mark-color);text-shadow:-1px -1px 1px color-mix(in srgb, var(--mark-color), white 46%), 1px 2px 1px color-mix(in srgb, var(--mark-color), black 58%), 0 2px 3px #0000003d;font-size:clamp(18px,3.2vw,39px);font-weight:700;line-height:1;position:relative}.symbol-heart{font-size:clamp(21px,3.9vw,46px)}.symbol-clover{font-size:clamp(23px,3.8vw,43px)}.symbol-star{font-size:clamp(24px,4vw,46px)}.symbol-paw{width:clamp(25px,4.1vw,47px);height:clamp(25px,4.1vw,47px);color:var(--mark-color);text-shadow:none;display:block}.symbol-paw i,.symbol-paw b{background:radial-gradient(at 31% 24%,#ffffffa8,#0000 22%),currentColor;display:block;position:absolute;box-shadow:inset -1px -2px 2px #00000038,1px 2px 2px #0000003b}.symbol-paw i{border-radius:50%;width:23%;height:29%;top:8%}.symbol-paw i:first-child{top:17%;left:6%;transform:rotate(-18deg)}.symbol-paw i:nth-child(2){top:4%;left:29%}.symbol-paw i:nth-child(3){top:4%;left:52%}.symbol-paw i:nth-child(4){width:22%;height:27%;top:17%;right:6%;transform:rotate(18deg)}.symbol-paw b{background:radial-gradient(at 31% 24%,#ffffffa8,#0000 22%),currentColor;border-radius:52% 52% 46% 46%/42% 42% 58% 58%;width:61%;height:47%;top:45%;left:20%}.dice-surface>.dice-icon{place-self:center;margin:0}.dice-icon{z-index:1;width:clamp(27px,4.3vw,50px);height:clamp(27px,4.3vw,50px);color:var(--mark-color);transform-origin:50%;filter:drop-shadow(-1px -1px 1px color-mix(in srgb, currentColor, white 46%)) drop-shadow(1px 2px 1px color-mix(in srgb, currentColor, black 58%)) drop-shadow(0 2px 3px #0000003d);display:block;position:relative}.dice-icon svg{width:100%;height:100%;display:block;overflow:visible}.dice-icon-lemon{color:#f3cb32;transform:rotate(-15deg)}.dice-icon-droplet{color:#72cfe9;width:clamp(20px,3.2vw,37px);height:clamp(24px,3.8vw,44px)}.dice-icon-balloon{color:#8b1a2d;width:clamp(24px,3.9vw,45px);height:clamp(29px,4.7vw,53px)}.dice-icon-shampoo{color:#ef8fba;width:clamp(25px,3.84vw,44px);height:clamp(25px,3.84vw,44px)}.symbol-arrow{font-size:clamp(27px,4vw,46px);font-weight:400}.symbol-double{letter-spacing:-2px;font-size:clamp(10px,1.6vw,18px)}.elephant-draw-screen{z-index:40;opacity:0;visibility:hidden;pointer-events:none;background:#eef5f1;place-items:center;padding:24px;transition:opacity .28s,visibility .28s;display:grid;position:fixed;inset:0;overflow:auto}.elephant-draw-screen.is-open{opacity:1;visibility:visible;pointer-events:auto}.elephant-board{isolation:isolate;background:linear-gradient(135deg,#a9dbe8,#8fc6d9 53%,#72b3cb);border:clamp(8px,1.2vw,13px) solid #6facbf;border-radius:26% 8% 12% 18%/22% 10% 14% 22%;width:min(940px,96vw);min-height:min(690px,91svh);padding:clamp(92px,12vw,120px) clamp(42px,7vw,86px) clamp(70px,9vw,92px) clamp(112px,16vw,160px);position:relative;overflow:hidden;box-shadow:inset 8px 9px #ffffff47,inset -11px -13px #2a769033,0 18px 34px #27596842}.elephant-board:before{content:"";z-index:-1;background:#438ea652;border-radius:0 0 55% 45%;height:11%;position:absolute;bottom:2%;left:7%;right:6%}.elephant-ear{z-index:0;aspect-ratio:1;background:linear-gradient(125deg,#b9e4eb,#7dbcd0);border:8px solid #659fb4;border-radius:64% 38% 54% 46%/58% 36% 64% 42%;width:clamp(142px,23vw,220px);position:absolute;top:-4%;left:-3.5%;transform:rotate(-16deg);box-shadow:inset 10px 7px #ffffff45,inset -8px -9px #22728c2b}.elephant-ear i{transform-origin:bottom;background:#377b9185;border-radius:99px;width:3px;height:74%;position:absolute;top:12%;left:43%}.elephant-ear i:first-child{transform:rotate(-35deg)}.elephant-ear i:nth-child(2){transform:rotate(-16deg)}.elephant-ear i:nth-child(3){transform:rotate(6deg)}.elephant-ear i:nth-child(4){transform:rotate(28deg)}.elephant-eye{z-index:2;background:#232d31;border:5px solid #426e78;border-radius:50%;width:20px;height:20px;position:absolute;top:clamp(170px,21vw,208px);left:clamp(41px,7vw,78px);box-shadow:inset 2px 2px #fff,0 2px #ffffff59}.elephant-trunk{z-index:1;border-top:0;border-bottom:clamp(12px,1.8vw,18px) solid #68a9bf;border-left:clamp(12px,1.8vw,18px) solid #68a9bf;border-right:clamp(12px,1.8vw,18px) solid #5797ae;border-radius:0 0 58% 46%/0 0 30% 40%;width:clamp(85px,13vw,123px);height:clamp(260px,39vw,360px);position:absolute;top:clamp(210px,29vw,265px);left:clamp(13px,3vw,38px);transform:rotate(7deg)}.elephant-trunk:after{content:"";border:inherit;border-bottom:0;border-left:0;border-radius:0 70% 0 0;width:56%;height:22%;position:absolute;bottom:-3%;right:-26%;transform:rotate(-36deg)}.elephant-toolbar{z-index:3;background:#78b8c9;border:5px solid #5d9eaf;border-radius:13px;align-items:center;gap:clamp(8px,1.4vw,14px);min-height:58px;padding:8px 12px;display:flex;position:absolute;top:clamp(20px,3vw,30px);left:clamp(155px,21vw,205px);right:clamp(48px,7vw,84px);box-shadow:inset 2px 2px #ffffff3d,0 3px #317d944d}.elephant-toolbar button{cursor:pointer;font:800 11px/1 ui-rounded,system-ui,sans-serif}.elephant-clear,.elephant-brush{color:#e8ffaf;background:linear-gradient(145deg,#78c85b,#3e9a55);border:3px solid #4b8f53;border-radius:11px;place-items:center;width:46px;height:42px;display:grid;box-shadow:inset 2px 2px #ffffff5c,inset -2px -2px #1d643a5c}.elephant-clear{font-size:22px!important}.elephant-brush{font-size:20px!important}.elephant-toolbar button span{color:#f3ffe8;margin-top:-2px;font-size:8px;display:block}.elephant-dials{flex:1;justify-content:space-evenly;gap:clamp(4px,.8vw,9px);display:flex}.elephant-dial{aspect-ratio:1;background:radial-gradient(circle at 35% 28%, #d4f0ee 0 8%, transparent 10%), repeating-conic-gradient(from 12deg, color-mix(in srgb, var(--dial-color), white 40%) 0 12deg, var(--dial-color) 13deg 25deg);border:3px solid #4d8c9c;border-radius:50%;width:clamp(28px,4.2vw,38px);padding:0;position:relative;box-shadow:inset 2px 2px 2px #ffffff8c,inset -2px -2px 2px #1d59684d,0 2px #306f824d}.elephant-dial i{transform-origin:50% 120%;background:#223a3c9e;width:2px;height:33%;position:absolute;top:10%;left:calc(50% - 1px);transform:rotate(23deg)}.elephant-dial.is-selected{outline-offset:2px;outline:3px solid #f4ec9d}.elephant-canvas-frame{z-index:2;aspect-ratio:1.48;background-color:#e6e8e2;background-image:linear-gradient(30deg,#70777021 1px,#0000 1px),linear-gradient(150deg,#70777021 1px,#0000 1px);background-size:5px 5px;border:clamp(10px,1.7vw,16px) solid #5fa4b9;border-radius:12px 18px 16px 14px;width:100%;position:relative;overflow:hidden;box-shadow:inset 6px 7px #ffffff75,inset -5px -6px #43819447,0 5px #2f7e943d}.elephant-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.elephant-stylus{z-index:4;color:#ffe3ec;opacity:0;pointer-events:none;background:#e887ae;border:3px solid #a24970;border-radius:50% 50% 50% 8%;place-items:center;width:23px;height:23px;transition:opacity .12s;display:grid;position:absolute;top:-10px;left:-10px;box-shadow:2px 3px #75374f40}.elephant-stylus.is-visible{opacity:1}.elephant-status{z-index:5;color:#4f5954;background:#f4f6eecc;border-radius:99px;margin:0;padding:6px 9px;font:700 clamp(10px,1.5vw,12px)/1 ui-rounded,system-ui,sans-serif;position:absolute;bottom:10px;left:12px;box-shadow:0 1px 3px #29322d29}.elephant-status.is-down{color:#755067;background:#ffd7e5}.elephant-sticker{z-index:4;aspect-ratio:1;color:#ffec75;background:#e96580;border:4px solid #e5ec8e;border-radius:50% 45% 52% 44%;place-items:center;width:55px;font-size:27px;display:grid;position:absolute;bottom:clamp(21px,3vw,34px);right:clamp(20px,3vw,34px);transform:rotate(-10deg);box-shadow:inset 3px 3px #ffffff4d,2px 3px #427f9252}.elephant-camera-panel{z-index:4;color:#317083;align-items:center;gap:9px;font:800 clamp(10px,1.4vw,12px)/1.2 ui-rounded,system-ui,sans-serif;display:flex;position:absolute;bottom:clamp(18px,3vw,32px);left:clamp(133px,18vw,175px)}.elephant-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.elephant-camera-start{color:#efffdc;cursor:pointer;background:#56a967;border:3px solid #4c9760;border-radius:99px;padding:8px 11px;font:800 11px/1 ui-rounded,system-ui,sans-serif;box-shadow:inset 2px 2px #ffffff59,0 2px #30774359}.elephant-camera-start.is-hidden{display:none}.elephant-close{z-index:6;color:#efffff;cursor:pointer;background:#5198ae;border:3px solid #5b9cb0;border-radius:50%;width:37px;height:37px;font:300 27px/28px system-ui,sans-serif;position:absolute;top:clamp(17px,2.5vw,25px);right:clamp(18px,3vw,29px)}@media (width<=620px){.elephant-draw-screen{align-items:start;padding:7px}.elephant-board{border-radius:22% 7% 11% 15%/14% 6% 11% 17%;width:100%;min-height:min(720px,100svh);padding:84px 21px 84px 86px}.elephant-toolbar{gap:5px;min-height:49px;padding:5px;top:16px;left:91px;right:38px}.elephant-clear,.elephant-brush{width:35px;height:35px}.elephant-toolbar button span{display:none}.elephant-eye{top:132px;left:24px;transform:scale(.72)}.elephant-trunk{top:166px;left:3px}.elephant-ear{top:-20px;left:-18px}.elephant-camera-panel{bottom:23px;left:91px}.elephant-camera-panel span{display:none}.elephant-sticker{width:40px}.elephant-status{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 22px);overflow:hidden}.stage{padding:2.5vh 10px}.dice-grid{grid-template-columns:repeat(6, var(--dice-size));--dice-size:min(14.5vw, calc((95svh - 48px) / 8));border-radius:11px;gap:4px;padding:10px}.dice{--cube-radius:clamp(4px, 9%, 7px);--cube-inset:clamp(2px, .7vw, 4px)}}@media (prefers-reduced-motion:reduce){.dice{transition:none}}.elephant-draw-screen{background-color:#e7e8d8;background-image:linear-gradient(90deg,#6e694914 1px,#0000 1px),linear-gradient(#6e69490d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:42px 42px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.elephant-board{aspect-ratio:1.48;background:linear-gradient(155deg,#a9dce4 0 12%,#8dc8d8 30% 62%,#75b8cc 100%);border-width:clamp(7px,1vw,11px);border-color:#63a9bc;border-radius:80px 64px 78px 118px/46px 52px 60px 78px;width:min(1000px,96vw);min-height:0;padding:clamp(104px,12vw,122px) clamp(43px,6vw,69px) clamp(68px,8vw,84px) clamp(174px,20vw,206px);box-shadow:inset 8px 9px #ecffff5c,inset -10px -12px #2a78902e,0 16px #3e869b47,0 28px 38px #3a534447}.elephant-board:before{background:#4f9eb530;border:3px solid #3d899e47;border-top:0;height:7%;bottom:1%;left:19%;right:4%}.elephant-head{z-index:0;aspect-ratio:.78;background:linear-gradient(135deg,#c3e9ec,#81c1d0 66%,#66a9c1);border:7px solid #5a9eb4;border-radius:48% 45% 42% 54%/40% 45% 51% 58%;width:clamp(124px,19vw,184px);position:absolute;top:16%;left:4.2%;box-shadow:inset 8px 8px #ffffff59,inset -8px -9px #2f7f972b}.elephant-ear{background:repeating-radial-gradient(at 60% 90%,#0000 0 14px,#458fa457 15px 17px,#0000 18px 29px),linear-gradient(135deg,#bde5e9,#78b8ca);border-width:7px;border-color:#579bb1;border-radius:54% 44% 47% 54%/48% 38% 58% 54%;width:clamp(138px,20vw,204px);top:3%;left:-1%;transform:rotate(-20deg)}.elephant-ear i{display:none}.elephant-trunk{border-width:clamp(12px,1.7vw,17px);border-color:#5da7bf #478fa8 #5da7bf #5da7bf;border-radius:0 0 57% 46%/0 0 29% 41%;width:clamp(92px,13vw,125px);height:clamp(265px,36vw,350px);top:clamp(247px,29vw,288px);left:clamp(25px,4vw,48px);box-shadow:inset 4px 2px #ffffff57}.elephant-trunk:after{border-color:#5da7bf;width:61%;height:24%;bottom:-4%;right:-27%}.elephant-pen{z-index:3;background:linear-gradient(90deg,#b95d83,#f6a5be 42%,#d36e95 74%,#97445f);border:4px solid #a64b70;border-radius:18px;width:clamp(23px,3.3vw,31px);height:clamp(178px,23vw,220px);position:absolute;top:42%;left:clamp(116px,15.5vw,157px);transform:rotate(1deg);box-shadow:inset 3px 0 #ffffff7a,2px 4px #496e7640}.elephant-pen:before{content:"";background:#e789aa;border-radius:50% 50% 20% 20%;width:64%;height:22px;position:absolute;top:-14px;left:18%}.elephant-pen:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#9e4969;width:calc(100% - 6px);height:23px;position:absolute;bottom:-17px;left:3px}.elephant-pen i{z-index:-1;border-top:2px solid #755b52;border-bottom:0;border-left:0;border-right:2px solid #755b52;border-radius:0 80% 0 0;width:120px;height:205px;position:absolute;top:-105px;left:50%;transform:rotate(-13deg)}.elephant-pen b{background:#ffedf4b3;border-radius:50%;height:6px;position:absolute;inset:26px 5px auto}.elephant-toolbar{background:#5fa8bb;border:5px solid #5298ad;border-radius:8px;gap:8px;min-height:57px;padding:6px 8px;top:clamp(22px,3vw,31px);left:clamp(202px,24vw,238px);right:clamp(59px,7vw,78px);box-shadow:inset 0 0 0 3px #a9dee57a,0 3px #31748861}.elephant-clear,.elephant-brush{background:radial-gradient(circle at 35% 28%,#b8ed72 0 10%,#60b747 35%,#328847 75%);border-color:#458d4b;border-radius:50%;width:43px;height:40px}.elephant-dials{background:linear-gradient(#233c3e,#142a2c);border:3px solid #426d73;border-radius:3px;align-self:stretch;padding:4px 7px;box-shadow:inset 0 2px 5px #0009}.elephant-dial{background:linear-gradient(90deg, color-mix(in srgb, var(--dial-color), white 52%), var(--dial-color) 48%, color-mix(in srgb, var(--dial-color), black 23%));border-width:2px;border-color:#545f59;border-radius:3px;align-self:center;width:clamp(27px,3.6vw,34px);box-shadow:inset 2px 2px #ffffff8c,inset -2px -2px #29312e6b}.elephant-dial.is-selected{outline-color:#f0e897}.elephant-canvas-frame{background-color:#dbded5;background-image:radial-gradient(#595f5738 .7px,#0000 .85px),radial-gradient(#595f571f .7px,#0000 .85px);background-position:0 0,2px 2px;background-size:4px 4px;border-width:clamp(12px,1.8vw,17px);border-color:#5da7bb;border-radius:11px 15px 14px 12px;box-shadow:inset 7px 7px #ffffff7a,inset -6px -7px #377e9257,0 5px #2f7e9445}.elephant-status{color:#56605a;background:#eaece1e0;bottom:9px}.elephant-sticker{color:#f8ee73;background:repeating-linear-gradient(145deg,#ec6f77 0 8px,#f3d349 9px 13px,#51a7a9 14px 19px);border-width:3px;border-radius:8px 14px 10px 15px;width:39px;font-size:21px;bottom:30%;right:clamp(14px,2vw,26px)}.elephant-camera-start{background:#58a96a}.elephant-foot{z-index:1;background:#7cbfd0;border:6px solid #5da5b9;border-top:0;border-radius:0 0 15px 15px;width:69px;height:43px;position:absolute;bottom:1%;right:7%;box-shadow:inset 6px 0 #fff3}@media (width<=620px){.elephant-board{aspect-ratio:auto;min-height:min(690px,100svh);padding:80px 19px 78px 91px}.elephant-toolbar{left:104px;right:34px}.elephant-head{top:15%;left:1%}.elephant-eye{top:132px;left:27px}.elephant-pen{height:155px;top:37%;left:65px}.elephant-trunk{top:173px;left:7px}.elephant-camera-panel{left:102px}.elephant-sticker{bottom:25%}.elephant-foot{width:48px;height:30px}}.elephant-board{aspect-ratio:1.58;background:linear-gradient(145deg,#b8e1e6 0%,#8bc7d6 18%,#73b8ca 66%,#5faabd 100%);border:8px solid #4e9bb3;border-radius:46px 54px 35px 58px;width:min(960px,95vw);min-height:0;padding:104px 52px 62px 196px;box-shadow:inset 9px 9px #ffffff61,inset -10px -12px #25738b38,0 7px #478fa5,0 24px 34px #314f4b4d}.elephant-board:before{background:linear-gradient(#3483981f,#2d778c52);border:0;border-radius:0 0 24px 18px;height:27px;bottom:-1px;left:24%;right:3%}.elephant-head{background:radial-gradient(at 35% 25%,#ffffff91 0 8%,#0000 9%),linear-gradient(130deg,#bce5e8,#82c0d0 58%,#61aabd);border:7px solid #4e9bb3;border-radius:55% 47% 48% 52%/48% 47% 55% 52%;width:130px;height:158px;top:137px;left:27px;box-shadow:inset 7px 8px #ffffff47,inset -7px -8px #1e758e26}.elephant-ear{background:repeating-radial-gradient(at 58% 92%,#0000 0 10px,#36859c61 11px 13px,#0000 14px 22px),linear-gradient(135deg,#bde6e9,#76b7c9);border:7px solid #4e9bb3;border-radius:50% 44% 51% 49%/54% 45% 55% 46%;width:140px;top:25px;left:16px;transform:rotate(-16deg);box-shadow:inset 7px 7px #ffffff47,inset -5px -8px #1f758f2b}.elephant-eye{background:radial-gradient(circle at 34% 32%,#fff 0 13%,#1b292b 15% 54%,#030607 57%);border:4px solid #35575d;width:21px;height:21px;top:191px;left:66px;box-shadow:0 2px #ffffffb3}.elephant-trunk{background:0 0;border-top:0;border-bottom:15px solid #56a3ba;border-left:15px solid #56a3ba;border-right:15px solid #428ca5;border-radius:0 0 54% 48%/0 0 31% 42%;width:116px;height:282px;top:239px;left:20px;transform:rotate(3deg);box-shadow:inset 4px 2px #ffffff42}.elephant-trunk:after{border-width:15px 15px 0 0;border-color:#56a3ba #56a3ba currentColor currentColor;border-bottom-style:none;border-left-style:none;border-radius:0 62px 0 0;width:66px;height:63px;bottom:-9px;right:-27px;transform:rotate(-43deg)}.elephant-pen{background:linear-gradient(90deg,#a84e73,#f4a4bc 34%,#dc7397 70%,#a64b6a);border:4px solid #a64d70;border-radius:17px;width:25px;height:202px;top:264px;left:151px;transform:rotate(1deg);box-shadow:inset 3px 0 #ffffff7a,2px 4px #37677138}.elephant-pen i{border-top:2px solid #76635a;border-bottom:0;border-left:0;border-right:2px solid #76635a;border-radius:0 80% 0 0;width:104px;height:244px;top:-145px;left:45%;transform:rotate(-10deg)}.elephant-pen:before{background:#ef91b0}.elephant-pen:after{background:#91445f}.elephant-toolbar{background:linear-gradient(#78bdcc,#59a4b9);border:5px solid #4894aa;border-radius:8px;height:58px;min-height:58px;padding:6px 8px;top:28px;left:204px;right:56px;box-shadow:inset 2px 2px #ffffff52,inset -2px -2px #27758a2e,0 3px #438ca1}.elephant-clear,.elephant-brush{background:radial-gradient(circle at 32% 27%,#c8f17d 0 9%,#6bbc51 34%,#399447 77%);border:3px solid #378842;border-radius:9px;width:40px;height:40px}.elephant-dials{background:linear-gradient(#1b3032,#0f2023);border:3px solid #4a777f;border-radius:3px;padding:5px 9px;box-shadow:inset 0 2px 5px #000000a8}.elephant-dial{background:linear-gradient(90deg, color-mix(in srgb, var(--dial-color), white 45%), var(--dial-color) 50%, color-mix(in srgb, var(--dial-color), black 22%));border:2px solid #5b6e67;border-radius:2px;width:34px}.elephant-dial i{background:repeating-linear-gradient(90deg,#30373373 0 1px,#0000 1px 4px);height:70%;top:15%;transform:none}.elephant-canvas-frame{aspect-ratio:1.61;background-color:#dfe1d8;background-image:radial-gradient(#44494338 .65px,#0000 .82px),radial-gradient(#44494321 .65px,#0000 .82px);background-position:0 0,2px 2px;background-size:4px 4px;border:17px solid #55a2b8;border-radius:10px 12px 12px 10px;box-shadow:inset 7px 8px #ffffff85,inset -6px -7px #28768d47,0 5px #438fa6}.elephant-camera-panel{bottom:19px;left:204px}.elephant-sticker{background:repeating-linear-gradient(145deg,#dd6b72 0 8px,#e8c848 9px 13px,#4c9caa 14px 19px);border:2px solid #5b9eae;border-radius:7px;width:31px;font-size:17px;bottom:85px;right:18px;box-shadow:1px 2px #30768a47}.elephant-foot{background:#81c1d0;border:5px solid #4f9cb4;border-top:0;border-radius:0 0 9px 9px;width:59px;height:30px;bottom:-1px;right:50px}@media (width<=620px){.elephant-board{aspect-ratio:auto;border-radius:35px 32px 25px 43px;min-height:min(670px,100svh);padding:82px 18px 74px 94px}.elephant-head{width:91px;height:122px;top:136px;left:8px}.elephant-ear{width:104px;top:27px;left:2px}.elephant-eye{top:170px;left:33px;transform:scale(.76)}.elephant-trunk{border-width:12px;width:83px;height:257px;top:222px;left:3px}.elephant-trunk:after{border-width:12px}.elephant-pen{width:20px;height:158px;top:273px;left:88px}.elephant-toolbar{height:48px;min-height:48px;padding:3px;top:17px;left:105px;right:28px}.elephant-clear,.elephant-brush{width:34px;height:34px}.elephant-dials{padding:3px 4px}.elephant-dial{width:25px}.elephant-canvas-frame{border-width:11px}.elephant-camera-panel{bottom:17px;left:105px}.elephant-foot{right:27px}}.elephant-draw-screen{background:#e7e7d9}.elephant-board{aspect-ratio:1.5;isolation:isolate;background:url(/elephant-drawing-board.png) 50%/100% 100% no-repeat;border:0;border-radius:0;width:min(1050px,97vw);min-height:0;padding:0;overflow:visible;box-shadow:0 22px 35px #283d3847}.elephant-board:before,.elephant-head,.elephant-ear,.elephant-eye,.elephant-trunk,.elephant-pen,.elephant-sticker,.elephant-foot{display:none}.elephant-canvas-frame{z-index:2;aspect-ratio:auto;width:49.6%;height:49.8%;box-shadow:none;background:0 0;border:0;border-radius:4px;position:absolute;top:31.2%;left:36%;overflow:hidden}.elephant-canvas{cursor:crosshair;width:100%;height:100%}.elephant-toolbar{z-index:4;width:100%;height:100%;min-height:0;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.elephant-toolbar button{color:#0000;box-shadow:none;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute}.elephant-toolbar button span{display:none}.elephant-clear{width:7.2%;height:9.7%;top:13.6%;left:33.7%}.elephant-brush{width:9.4%;height:11.4%;top:13.2%;left:76%}.elephant-dials{width:27.1%;height:7%;box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(5,1fr);gap:1.2%;padding:0;display:grid;position:absolute;top:15.5%;left:47.1%}.elephant-dial{width:auto;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;padding:0;position:relative!important}.elephant-dial i{display:none}.elephant-dial.is-selected{outline:0}.elephant-dial.is-selected:before{content:"★";z-index:1;color:var(--dial-color);filter:blur(8px)drop-shadow(0 0 8px);opacity:1;pointer-events:none;place-items:center;font-size:clamp(13px,1.9vw,22px);line-height:1;animation:.9s ease-in-out infinite alternate elephant-star-glow;display:grid;position:absolute;inset:0;transform:scale(1.65)}.elephant-status{background:#edefe5c7;padding:5px 8px;font-size:clamp(8px,1.15vw,11px);bottom:7px;left:8px}.elephant-stylus{z-index:5}.elephant-camera-panel{z-index:5;gap:0;bottom:3%;left:63%;transform:translate(-50%)}.elephant-camera-panel span{display:none}.elephant-camera-start{color:#efffdc;background:#2f7d4ede;border:0;border-radius:99px;padding:6px 9px;font-size:clamp(8px,1vw,11px);box-shadow:0 1px 3px #103b266b}.elephant-close{z-index:7;color:#efffff;background:#1a5868a8;border:0;width:31px;height:31px;font-size:23px;top:4%;right:2.2%;box-shadow:0 1px 3px #00000042}@media (width<=620px){.elephant-draw-screen{align-items:center;padding:8px}.elephant-board{aspect-ratio:1.5;width:100%;min-height:0}.elephant-camera-panel{bottom:1.7%}.elephant-camera-start{padding:4px 6px;font-size:7px}.elephant-status{max-width:calc(100% - 10px);padding:3px 5px;font-size:7px}.elephant-close{width:23px;height:23px;font-size:18px}}.elephant-draw-screen{background:#fff;padding:20px}.elephant-draw-screen:before{display:none}.elephant-board{width:min(1050px,100vw - 40px,150svh - 60px);box-shadow:none;filter:none;background-image:url(/elephant-drawing-board-smooth.png)}.elephant-board:after{display:none}.elephant-canvas-frame{z-index:2;box-shadow:inset 0 0 0 1px #424b4229}.elephant-toolbar{z-index:4}.elephant-camera-panel{z-index:5}.elephant-close{z-index:7}@media (width<=620px){.elephant-draw-screen{align-items:center;padding:16px}.elephant-board{aspect-ratio:1.5;width:min(100vw - 32px,150svh - 72px);min-height:0}.elephant-camera-panel{bottom:1.7%}.elephant-camera-start{padding:4px 6px;font-size:7px}.elephant-status{max-width:calc(100% - 10px);padding:3px 5px;font-size:7px}.elephant-close{width:23px;height:23px;font-size:18px}}.elephant-vhs-filter-definitions{width:0;height:0;position:absolute;overflow:hidden}.elephant-canvas-frame .elephant-camera{z-index:0;opacity:0;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleX(-1)}.elephant-camera-texture{z-index:0;opacity:0;filter:url(#elephant-camcorder-grade)blur(.16px);image-rendering:auto;pointer-events:none;width:100%;height:100%;transition:opacity .24s;display:block;position:absolute;inset:0}.elephant-draw-screen.is-tracking .elephant-camera-texture{opacity:1}.elephant-vhs-overlay{z-index:1;opacity:0;pointer-events:none;background:linear-gradient(#6da3aa14,#477d860b 54%,#04141b17),repeating-linear-gradient(0deg,#0000000e 0 .5px,#deefe803 .5px 2.5px,#0000 2.5px 4px);transition:opacity .24s;position:absolute;inset:0;overflow:hidden}.elephant-vhs-overlay:before{content:"";opacity:.19;background-image:radial-gradient(#ffffff61 .48px,#0000 .74px),radial-gradient(#00000070 .5px,#0000 .78px),repeating-linear-gradient(90deg,#ffffff0e 0 .7px,#0000 .7px 2.8px);background-position:0 0,2px 2px,0 0;background-size:3px 3px,4px 4px,2.8px 2.8px;position:absolute;inset:0}.elephant-vhs-overlay:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 19px #0000002e,inset 0 0 3px #d1ebe71a}.elephant-draw-screen.is-tracking .elephant-vhs-overlay{opacity:1}.elephant-canvas-frame .elephant-canvas{z-index:2;width:100%;height:100%;position:absolute;inset:0}.elephant-board>.elephant-status{z-index:6;pointer-events:none;white-space:nowrap;margin:0;top:56.1%;bottom:auto;left:60.8%;transform:translate(-50%,-50%)}.elephant-canvas-frame .elephant-stylus{z-index:4}.elephant-clear:after,.elephant-dial:after{content:none}@keyframes elephant-star-glow{0%{opacity:.78;transform:scale(1.38)}to{opacity:1;transform:scale(1.92)}}.elephant-draw-screen:not(.is-open) .elephant-dial.is-selected:before{animation-play-state:paused}.elephant-board>.elephant-status.is-hidden{display:none}.elephant-camera-panel{z-index:6;top:86%;bottom:auto;left:61.75%;transform:translate(-50%)}.elephant-camera-start{color:#effff7;letter-spacing:-.02em;background:linear-gradient(155deg,#8de291 0%,#47ad6d 52%,#278653 100%);border:2px solid #287d62;border-radius:999px;padding:clamp(5px,.65vw,8px) clamp(9px,1.15vw,13px);font:800 clamp(8px,.82vw,11px)/1 ui-rounded,system-ui,sans-serif;box-shadow:inset 1px 2px #ffffff9e,inset -2px -2px #0f543057,0 2px #1c6b498c}.elephant-camera-start.is-drawing{color:#fff7fb;background:linear-gradient(155deg,#ffb0cf 0%,#ed6e9e 47%,#bc3e70 100%);border-color:#b74277;box-shadow:inset 1px 2px #ffffffbf,inset -2px -2px #771e434d,0 0 9px #ff67a5b3,0 2px #97315b94}@media (width<=620px){.elephant-camera-panel{top:85.4%;bottom:auto;left:61.75%}.elephant-camera-start{padding:4px 6px;font-size:7px}}.framing-blueprint-screen{z-index:40;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#07121b;transition:opacity .35s,visibility .35s;position:fixed;inset:0;overflow:hidden}.framing-blueprint-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.framing-blueprint-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.framing-blueprint-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.framing-blueprint-interface{display:none}.framing-blueprint-kicker{color:#a9d4e1;letter-spacing:.16em;margin:0 0 12px;font:700 clamp(9px,1vw,12px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.framing-blueprint-guide{letter-spacing:-.035em;margin:0;font:650 clamp(15px,2vw,22px)/1.35 Avenir Next,Apple SD Gothic Neo,system-ui,sans-serif}.framing-blueprint-status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05151e52;border:1px solid #ebfbff5c;border-radius:999px;margin:12px 0 0;padding:7px 10px;font:600 clamp(11px,1.25vw,14px)/1.2 Avenir Next,Apple SD Gothic Neo,system-ui,sans-serif;display:inline-block}.framing-blueprint-start{z-index:3;color:#0c3b53;cursor:pointer;background:#effbf7f0;border:1px solid #edfbffc7;border-radius:999px;padding:13px 22px;font:700 14px/1 system-ui,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #0000004d}.framing-blueprint-start:disabled{opacity:.7;cursor:wait}.framing-blueprint-start.is-hidden{display:none}.framing-blueprint-close{z-index:3;color:#fff;cursor:pointer;background:#001f2f4d;border:1px solid #effcffab;border-radius:50%;width:44px;height:44px;font:300 32px/36px system-ui,sans-serif;position:absolute;top:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}@media (width<=620px){.framing-blueprint-interface{top:22px;left:20px;right:20px}.framing-blueprint-guide{padding-right:40px;font-size:15px}.framing-blueprint-status{max-width:calc(100vw - 40px)}.framing-blueprint-close{top:18px;right:18px}}.tooth-gem-screen{z-index:31;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#343049;transition:opacity .32s,visibility .32s;position:fixed;inset:0;overflow:hidden}.tooth-gem-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.tooth-gem-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tooth-gem-canvas{background:#343049;width:100%;height:100%;display:block;position:absolute;inset:0}.tooth-gem-placed{z-index:3;pointer-events:none;opacity:0;transition:opacity .16s;position:absolute;inset:0}.tooth-gem-placed.is-visible{opacity:1;pointer-events:auto}.tooth-gem-attached{z-index:1;transform-origin:50%;filter:drop-shadow(0 2px 1px #23012573)drop-shadow(0 0 5px #ffffffad);cursor:grab;pointer-events:auto;position:absolute}.tooth-gem-attached:active{cursor:grabbing}.tooth-gem-transform{z-index:2;box-sizing:border-box;transform-origin:50%;pointer-events:none;border:1.5px solid #1976d2;display:none;position:absolute;box-shadow:0 0 0 1px #e8f7ffd1}.tooth-gem-transform.is-visible{display:block}.tooth-gem-transform i{box-sizing:border-box;pointer-events:auto;touch-action:none;background:#edf8ff;border:1.5px solid #1976d2;width:8px;height:8px;position:absolute;box-shadow:0 0 0 1px #ffffffc7}.tooth-gem-transform i:first-child{top:-5px;left:-5px}.tooth-gem-transform i:nth-child(2){top:-5px;left:50%;transform:translate(-50%)}.tooth-gem-transform i:nth-child(3){top:-5px;right:-5px}.tooth-gem-transform i:nth-child(4){top:50%;right:-5px;transform:translateY(-50%)}.tooth-gem-transform i:nth-child(5){bottom:-5px;right:-5px}.tooth-gem-transform i:nth-child(6){bottom:-5px;left:50%;transform:translate(-50%)}.tooth-gem-transform i:nth-child(7){bottom:-5px;left:-5px}.tooth-gem-transform i:nth-child(8){top:50%;left:-5px;transform:translateY(-50%)}.tooth-gem-transform i:first-child,.tooth-gem-transform i:nth-child(3),.tooth-gem-transform i:nth-child(5),.tooth-gem-transform i:nth-child(7){cursor:crosshair}.tooth-gem-transform i:nth-child(2),.tooth-gem-transform i:nth-child(6){cursor:ns-resize}.tooth-gem-transform i:nth-child(4),.tooth-gem-transform i:nth-child(8){cursor:ew-resize}.tooth-gem-attached svg,.tooth-gem-part svg,.tooth-gem-drag-preview svg{width:100%;height:100%;display:block;overflow:visible}.gem-sprite{background:url(/tooth-gem-sprites.png) calc(var(--gem-column) * 25%) calc(var(--gem-row) * 100%) / 500% 200% no-repeat;filter:drop-shadow(0 2px 1px #2d023161)drop-shadow(0 0 3px #fff9);width:100%;height:100%;display:block}.gem-body{fill:var(--gem);stroke:color-mix(in srgb, var(--gem), white 58%);stroke-width:1.5px;stroke-linejoin:round}.gem-facet{fill:#ffffff61;stroke:#ffffff94;stroke-width:.7px}.gem-core{fill:#fff5cf;stroke:#ffffffc2;stroke-width:1.3px}.gem-dark{fill:color-mix(in srgb, var(--gem), #432345 44%)}.gem-shine{fill:none;stroke:#ffffffe0;stroke-width:3px;stroke-linecap:round}.tooth-gem-tray{z-index:5;-webkit-backdrop-filter:blur(12px)saturate(1.08);backdrop-filter:blur(12px)saturate(1.08);background:linear-gradient(90deg,#87bbbae0,#cfe8e1eb 16%,#b2d5d2eb 84%,#69aaabe3);border:2px solid #effffde0;border-radius:18px 18px 10px 10px;width:clamp(144px,16.5vw,206px);padding:0 8px 10px;position:absolute;top:50%;right:clamp(14px,2.5vw,38px);transform:translateY(-50%);box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #387a7e3d,0 12px 38px #12313d4f}.tooth-gem-tray:after{content:"";opacity:.7;pointer-events:none;background:linear-gradient(#ffffffad,#418b8f59);border-radius:4px;width:3px;position:absolute;top:52px;bottom:13px;right:3px}.tooth-gem-tray-head{background:linear-gradient(#f1fffbbd,#aed7d07a);border-bottom:1px solid #41848761;border-radius:16px 16px 4px 4px;height:36px;margin:0 -8px 8px;padding:4px 35px 3px 8px;position:relative;box-shadow:inset 0 1px #ffffffd6}.tooth-gem-tabs{align-items:center;gap:5px;height:100%;display:flex}.tooth-gem-tab{color:#4f888e;cursor:pointer;background:linear-gradient(145deg,#ffffffd9,#b5d9d18c);border:1px solid #55919685;border-radius:7px 7px 9px 9px;place-items:center;width:27px;height:27px;padding:0;font:700 16px/1 system-ui,sans-serif;display:grid;box-shadow:inset 1px 1px #ffffffe6,0 1px 1px #27676f38}.tooth-gem-tab:hover{color:#256f78;background:#f3fffb}.tooth-gem-tab.is-active{color:#fff;background:radial-gradient(circle at 35% 27%,#efffcc 0 10%,#a5dd81 33%,#61ae75 76%);border-color:#63a8a3;box-shadow:inset 1px 2px #fffc,inset -1px -2px #2c785559,0 0 7px #dbffa8a6}.tooth-gem-parts{scrollbar-width:thin;scrollbar-color:#42888cb3 transparent;grid-template-columns:repeat(2,1fr);gap:6px;max-height:min(64vh,514px);padding:2px 7px 3px 1px;display:grid;overflow-y:auto}.tooth-gem-part{aspect-ratio:1;cursor:grab;touch-action:none;background:linear-gradient(135deg,#fffffdbd,#cae8dfa8);border:1px solid #f7fffcdb;border-radius:5px 9px 7px 5px;place-items:center;padding:7px;transition:transform .15s,background .15s,opacity .15s;display:grid;box-shadow:inset 2px 2px #fffc,inset -2px -2px #53979624,0 2px 3px #27666c38}.tooth-gem-part:hover{background:#f9fffd;transform:scale(1.055)}.tooth-gem-part:active{cursor:grabbing;transform:scale(.94)}.tooth-gem-part.is-dragging{opacity:.34;transform:scale(.9)}.tooth-gem-part.is-filtered-out{display:none}.tooth-gem-part svg{filter:drop-shadow(0 2px 2px #49104740);width:88%;height:88%}.tooth-gem-clear{z-index:1;color:#4a858c;cursor:pointer;background:linear-gradient(145deg,#ffffffd1,#b7dad2b3);border:1px solid #4f8f9494;border-radius:5px 7px;width:22px;height:22px;padding:0;font:700 16px/18px system-ui,sans-serif;position:absolute;top:7px;right:9px;box-shadow:inset 1px 1px #ffffffd6}.tooth-gem-clear:hover{color:#24747d;background:#f5fffb}.tooth-gem-drag-preview{z-index:50;pointer-events:none;opacity:0;filter:drop-shadow(0 6px 7px #3b0e3773)drop-shadow(0 0 9px #ffeef9e6);place-items:center;width:58px;height:58px;transition:opacity .1s;display:grid;position:fixed}.tooth-gem-drag-preview.is-visible{opacity:1}.tooth-gem-drag-preview .gem-sprite{width:100%;height:100%}.tooth-gem-start{z-index:6;cursor:pointer;background:radial-gradient(circle at 35% 29%,#fff,#ffd2ec 38%,#e285bb 100%);border:1px solid #ffffffd1;border-radius:50%;width:70px;height:70px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 3px 3px 2px #fffc,0 10px 28px #390e415c}.tooth-gem-start span{clip-path:polygon(0 0,100% 50%,0 100%);background:#a33b79;width:23px;height:23px;margin-left:3px;display:block}.tooth-gem-start:disabled{opacity:.7;cursor:wait}.tooth-gem-start.is-hidden{display:none}.tooth-gem-close{z-index:6;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#44265a4d;border:1px solid #ffffffb3;border-radius:50%;width:43px;height:43px;padding:0;font:300 31px/38px system-ui,sans-serif;position:absolute;top:clamp(17px,3vw,38px);left:clamp(17px,3vw,38px);box-shadow:inset 0 1px #ffffff59}.tooth-gem-screen.is-tracking~.global-camera-capture{display:grid}@media (width<=680px){.tooth-gem-tray{top:auto;bottom:max(14px, env(safe-area-inset-bottom));border-radius:16px 16px 10px 10px;width:min(91vw,420px);padding:0 8px 8px;right:50%;transform:translate(50%)}.tooth-gem-tray:after{display:none}.tooth-gem-tray-head{margin-bottom:6px}.tooth-gem-parts{grid-template-columns:repeat(5,1fr);gap:6px;max-height:96px;padding-right:0;overflow-y:auto}.tooth-gem-part{border-radius:7px;padding:5px}.tooth-gem-clear{top:7px;right:9px;transform:none}.tooth-gem-close{top:16px;left:16px}}.angel-devil-screen{z-index:32;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#9ba5d2;transition:opacity .36s,visibility .36s;position:fixed;inset:0;overflow:hidden}.angel-devil-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.angel-devil-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.angel-devil-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.angel-devil-start{z-index:5;color:#659dec;cursor:pointer;background:linear-gradient(135deg,#fff,#d8eaff);border:1px solid #ffffffdb;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;font-size:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 1px 2px #ffffffe6,0 13px 30px #1a17414f}.angel-devil-start:disabled{cursor:wait;opacity:.76}.angel-devil-start.is-hidden{display:none}.angel-devil-close{z-index:6;right:clamp(18px,3vw,40px);bottom:max(21px, env(safe-area-inset-bottom));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#170e3c40;border:1px solid #ffffffa8;border-radius:50%;width:43px;height:43px;padding:0;font:300 31px/38px system-ui,sans-serif;position:absolute}.angel-devil-screen.is-tracking~.global-camera-capture{bottom:max(93px, calc(env(safe-area-inset-bottom) + 69px));display:grid}@media (width<=620px){.angel-devil-close{right:16px;bottom:max(19px, env(safe-area-inset-bottom))}.angel-devil-screen.is-tracking~.global-camera-capture{left:50%;bottom:max(89px, calc(env(safe-area-inset-bottom) + 63px))}}.bird-impact-screen{z-index:42;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;background:#182226;transition:opacity .34s,visibility .34s;position:fixed;inset:0;overflow:hidden}.bird-impact-screen.is-open{visibility:visible;opacity:1;pointer-events:auto}.bird-impact-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.bird-impact-canvas{background:#182226;width:100%;height:100%;display:block;position:absolute;inset:0}.bird-impact-screen:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(108deg,#d4ffff1a,#0000 24% 68%,#03141947),radial-gradient(at 50% 44%,#0000 48%,#06141838 100%);position:absolute;inset:0}.bird-impact-close{z-index:4;color:#f5ffff;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#031c2259;border:1px solid #e6ffffad;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:opacity .2s,transform .2s,border-color .2s;display:grid;position:absolute;top:clamp(18px,3vw,38px);right:clamp(18px,3vw,38px);box-shadow:inset 0 1px #ffffff2b,0 4px 15px #000c1033}.bird-impact-close:hover{transform:scale(1.07)}.bird-impact-close svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.bird-impact-screen.is-tracking~.global-camera-capture{display:grid}@media (width<=620px){.bird-impact-close{top:16px;right:16px}.bird-impact-screen.is-tracking~.global-camera-capture{bottom:max(18px, env(safe-area-inset-bottom))}}.planet-screen{z-index:32;isolation:isolate;visibility:hidden;opacity:0;color:#fff6de;background:radial-gradient(at 45% 35%,#398cec 0%,#247ae0 53%,#1768ce 100%);font-family:Arial Rounded MT Bold,Avenir Next,system-ui,sans-serif;transition:opacity .32s,visibility .32s step-end;position:fixed;inset:0;overflow:hidden}.planet-screen:before{content:"";filter:blur(22px);opacity:.24;pointer-events:none;background:#103c80;border-radius:50%;width:min(35vw,390px);height:28px;position:absolute;top:82%;left:50%;transform:translate(-50%)}.planet-screen.is-night .planet-brand,.planet-screen.is-night .planet-coordinates,.planet-screen.is-night .planet-guide,.planet-screen.is-night .planet-spot-card h2,.planet-screen.is-night .planet-spot-card p,.planet-screen.is-night .planet-close{color:#d6e9ed}.planet-screen.is-open{visibility:visible;opacity:1;transition:opacity .32s}.planet-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.planet-canvas:active{cursor:grabbing}.planet-grain{z-index:1;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.planet-header,.planet-guide,.planet-spot-card,.planet-resident-card,.planet-day-toggle,.planet-toast{z-index:2;position:absolute}.planet-header{justify-content:space-between;align-items:flex-start;display:flex;top:clamp(20px,4.2vw,52px);left:clamp(19px,4.2vw,58px);right:clamp(19px,4.2vw,58px)}.planet-brand{color:#103e88;letter-spacing:-.07em;align-items:center;gap:9px;font-size:clamp(12px,1.2vw,17px);font-weight:900;line-height:.85;text-decoration:none;display:inline-flex}.planet-brand i{border:2px solid;border-radius:50%;place-items:center;width:31px;height:31px;font-size:14px;font-style:normal;display:grid}.planet-coordinates{color:#103e88b8;letter-spacing:.04em;text-align:right;margin:3px 58px 0 auto;font:700 clamp(8px,.7vw,11px)/1.4 ui-monospace,monospace}.planet-coordinates b{color:#ff6f21;font-weight:900}.planet-close,.planet-onboarding-close{color:#103e88;cursor:pointer;background:#ffffff47;border:1.5px solid #103e888f;border-radius:50%;width:38px;height:38px;font:300 29px/32px system-ui,sans-serif;transition:transform .2s,background .2s}.planet-close:hover,.planet-onboarding-close:hover{background:#fff7db;transform:rotate(90deg)}.planet-guide{color:#103e88e0;align-items:flex-start;gap:8px;display:flex;bottom:clamp(28px,5.5vw,66px);left:clamp(20px,4.2vw,58px)}.planet-guide-dot{background:#ff7825;border-radius:50%;width:7px;height:7px;margin-top:4px;animation:1.65s infinite planet-pulse;box-shadow:0 0 0 5px #ff77202b}.planet-guide p{letter-spacing:-.04em;margin:0;font:600 clamp(8px,.72vw,11px)/1.65 ui-monospace,monospace}.planet-guide b{color:#ff6f21}.planet-spot-card{width:min(240px,26vw);top:50%;left:clamp(20px,7.5vw,120px);transform:translateY(-45%)}.planet-card-index{color:#ff6f21;letter-spacing:.08em;font:800 9px/1.2 ui-monospace,monospace;display:block}.planet-spot-card h2,.planet-onboarding h2{color:#0e438f;letter-spacing:-.095em;margin:10px 0;font-size:clamp(22px,2.3vw,39px);font-weight:900;line-height:.86}.planet-spot-card p{color:#0e438fbd;letter-spacing:-.04em;margin:0;font-size:clamp(11px,.95vw,14px);font-weight:700;line-height:1.5}.planet-resident-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f9fbeda3;border:1px solid #144d993d;border-radius:14px;grid-template-columns:52px auto;gap:4px 12px;min-width:min(300px,31vw);padding:12px 13px 12px 12px;display:grid;bottom:clamp(25px,5vw,62px);right:clamp(20px,4.2vw,58px);box-shadow:5px 8px #144d9914}.planet-resident-avatar{background:#fef0bb;border:2px solid #ff8426;border-radius:50%;grid-row:span 2;width:52px;height:52px;position:relative;overflow:hidden}.planet-resident-avatar:after{content:"";pointer-events:none;border:1px dashed #12418c5e;border-radius:50%;position:absolute;inset:5px}.planet-resident-avatar img{object-fit:cover;width:100%;height:100%;display:none}.planet-resident-avatar img.has-photo{display:block}.planet-resident-empty{color:#ff8129;place-items:center;height:100%;font-size:24px;font-weight:300;display:grid}.is-hidden{display:none!important}.planet-resident-name{color:#10418d;letter-spacing:-.06em;margin:2px 0 0;font-size:13px;font-weight:800}.planet-move-in{color:#ff6d20;letter-spacing:-.06em;cursor:pointer;background:0 0;border:0;grid-column:2;justify-self:start;margin-top:2px;padding:0;font:900 11px/1 system-ui,sans-serif}.planet-move-in span,.planet-confirm span{margin-left:5px;font-size:14px}.planet-move-in:disabled{color:#3176c7;cursor:default}.planet-day-toggle{color:#12418c;letter-spacing:.02em;cursor:pointer;background:#fffadc99;border:1px solid #12418c3d;border-radius:30px;align-items:center;gap:6px;padding:7px 10px;font:800 9px/1 ui-monospace,monospace;display:inline-flex;top:clamp(83px,10vw,120px);right:clamp(20px,4.2vw,58px)}.planet-day-toggle i{color:#ff791f;font-size:15px;font-style:normal}.planet-toast{color:#fffbe7;letter-spacing:-.04em;opacity:0;pointer-events:none;text-align:center;background:#12418c;border-radius:30px;max-width:min(88vw,400px);padding:9px 13px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;bottom:clamp(120px,18vh,170px);left:50%;transform:translate(-50%,9px);box-shadow:0 7px 20px #09307033}.planet-toast.is-visible{opacity:1;transform:translate(-50%)}.planet-onboarding{z-index:5;opacity:0;pointer-events:none;background:#08337478;place-items:center;padding:20px;transition:opacity .25s;display:grid;position:absolute;inset:0}.planet-onboarding.is-open{opacity:1;pointer-events:auto}.planet-onboarding-card{background:#f7f1cc;border:3px solid #12428e;border-radius:26px 11px 25px 13px;width:min(510px,100%);max-height:min(720px,100svh - 38px);padding:clamp(25px,4vw,43px);position:relative;overflow:auto;box-shadow:10px 13px #12428e}.planet-onboarding-close{background:0 0;width:31px;height:31px;font-size:23px;line-height:25px;position:absolute;top:16px;right:16px}.planet-onboarding h2{font-size:clamp(30px,4vw,46px)}.planet-onboarding-copy{color:#0e438fc4;letter-spacing:-.05em;margin:0 0 17px;font-size:12px;font-weight:700;line-height:1.5}.planet-photo-stage{aspect-ratio:1;background:#71cbd7;border:2px solid #12428e;border-radius:50%;place-items:center;width:min(100%,260px);margin:0 auto 13px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #ff8a2b,inset 0 0 0 10px #12428e}.planet-camera,.planet-photo-preview{object-fit:cover;width:100%;height:100%;position:absolute;transform:scaleX(-1)}.planet-photo-preview{display:none;transform:none}.planet-photo-preview.has-photo{display:block}.planet-photo-mask{pointer-events:none;border:1px dashed #fff8d3e6;border-radius:50%;position:absolute;inset:11px}.planet-photo-placeholder{z-index:1;color:#fef4c9;letter-spacing:-.1em;text-align:center;text-shadow:2px 2px #2369b6;font-size:26px;font-weight:900;line-height:.85;position:relative}.planet-photo-actions{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.planet-photo-actions button,.planet-photo-upload,.planet-confirm{color:#12428e;letter-spacing:-.05em;cursor:pointer;background:#fff6ce;border:1.5px solid #12428e;border-radius:7px;font:800 11px/1 system-ui,sans-serif}.planet-photo-actions button,.planet-photo-upload{padding:9px 11px}.planet-photo-actions button:hover,.planet-photo-upload:hover{color:#fff9db;background:#12428e}.planet-photo-actions button:disabled{opacity:.45;cursor:wait}.planet-photo-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.planet-home-picker{text-align:center;margin:19px 0 11px}.planet-home-picker p{color:#12428e;letter-spacing:-.05em;margin:0 0 8px;font-size:11px;font-weight:900}.planet-home-picker div{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.planet-home-picker button{color:#12428e;cursor:pointer;background:0 0;border:1px solid #12428e94;border-radius:99px;padding:7px 8px;font:800 8px/1 ui-monospace,monospace}.planet-home-picker button.is-selected{color:#fff8d2;background:#ff7623;border-color:#ff7623}.planet-confirm{color:#fff9d6;background:#ff7825;border-color:#ff7322;width:100%;margin-top:16px;padding:13px;font-size:14px;display:block}.planet-confirm:hover{filter:brightness(.95)}.planet-confirm:disabled{opacity:.4;cursor:not-allowed}.planet-camera-note{color:#12428e8c;text-align:center;margin:9px 0 0;font-size:9px;font-weight:700}.planet-screen.is-night .planet-resident-card,.planet-screen.is-night .planet-day-toggle{background:#ddf0ff96}@keyframes planet-pulse{50%{box-shadow:0 0 0 9px #ff772000}}@media (width<=720px){.planet-coordinates{display:none}.planet-spot-card{width:185px;top:auto;bottom:139px;left:20px;transform:none}.planet-spot-card h2{font-size:26px}.planet-resident-card{grid-template-columns:42px auto;width:202px;min-width:0;padding:9px;bottom:17px;right:15px}.planet-resident-avatar{width:42px;height:42px}.planet-resident-name{font-size:11px}.planet-guide{display:none}.planet-day-toggle{top:76px;right:15px}.planet-header{top:17px;left:17px;right:17px}.planet-onboarding-card{border-radius:20px 8px 20px 10px;padding:27px 21px 24px}.planet-photo-stage{width:min(190px,54vw)}.planet-onboarding-copy{font-size:11px}.planet-onboarding h2{margin-top:8px}.planet-toast{font-size:11px;bottom:112px}}@media (prefers-reduced-motion:reduce){.planet-guide-dot{animation:none}.planet-screen,.planet-onboarding,.planet-toast{transition:none}}.planet-screen{background:#287bd9}.planet-screen.is-night{background:#164987}.planet-screen:before{display:none}.planet-screen .planet-grain{opacity:.24;mix-blend-mode:soft-light;background-size:180px 180px}.planet-screen .planet-brand,.planet-screen .planet-coordinates,.planet-screen .planet-guide,.planet-screen .planet-spot-card h2,.planet-screen .planet-spot-card p,.planet-screen .planet-arrival-caption h2,.planet-screen .planet-arrival-caption p{color:#f2f4e9}.planet-screen .planet-coordinates b,.planet-screen .planet-guide b,.planet-screen .planet-spot-card .planet-card-index,.planet-screen .planet-arrival-caption .planet-card-index{color:#dceaf1}.planet-screen .planet-close{color:#f2f4e9;background:0 0;border-color:#eff3eaa8}.planet-screen .planet-close:hover{color:#2675d3;background:#f2f4e9}.planet-screen .planet-day-toggle{color:#2675d3;background:#f2f4e9;border-color:#f2f4e9}.planet-screen .planet-day-toggle i{color:#2675d3}.planet-screen .planet-resident-card{background:#2675d3d9;border:1px solid #eef3eaba;border-radius:4px;box-shadow:5px 6px #eef3ea25}.planet-screen .planet-resident-card .planet-card-index,.planet-screen .planet-resident-name{color:#f2f4e9}.planet-screen .planet-resident-card small{color:#d2e5f0}.planet-screen .planet-resident-avatar{background:#f2f4e9;border-color:#edf2e8}.planet-screen .planet-resident-avatar img{filter:grayscale()}.planet-screen .planet-resident-empty{color:#2675d3}.planet-screen .planet-toast{color:#2675d3;background:#f2f4e9;border:1px solid #2675d3}.planet-screen .planet-join-primary{color:#2675d3;background:#f2f4e9;border-color:#f2f4e9;box-shadow:0 5px #accbe7,0 10px #eef3ea25}.planet-screen .planet-join-primary:hover{background:#dceaf3}.planet-screen .planet-join-icon{border-color:#2675d370}.planet-screen .planet-guide-dot{background:#eff3ea;animation:none;box-shadow:0 0 0 5px #eff3ea24}.planet-screen .planet-studio{color:#2675d3;background:#eff3eef7}.planet-screen .planet-studio-heading h2,.planet-screen .planet-studio-heading em,.planet-screen .planet-studio-heading .planet-card-index,.planet-screen .planet-studio-status{color:#2675d3}.planet-screen .planet-status-dot{background:#2675d3;box-shadow:0 0 0 5px #2675d314}.planet-screen .planet-reference-drop{color:#2675d3;background:#e2edf6;border-color:#2675d360}.planet-screen .planet-reference-drop.is-dragging{background:#cce0f5;border-color:#2675d3}.planet-screen .planet-reference-placeholder i{color:#2675d3;border-color:#2675d360}.planet-screen .planet-building{background:#eff3eef5}.planet-screen .planet-building-orbit span{color:#f2f4e9;box-shadow:none;background:#2675d3}.planet-screen .planet-building-orbit{border-color:#2675d380}.planet-join-primary{z-index:3;bottom:max(28px, env(safe-area-inset-bottom));color:#fffbea;cursor:pointer;background:#ff822f;border:1px solid #d75c22;border-radius:100px;align-items:center;gap:28px;min-width:226px;padding:15px 21px;font:800 18px/1.2 Avenir Next,system-ui,sans-serif;transition:background .2s,opacity .2s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px #ce612e,0 12px 28px #46655025,inset 0 1px #ffffff70}.planet-join-primary:hover{background:#f77523}.planet-join-primary:disabled{opacity:.4;cursor:default}.planet-join-icon{border:1px solid #fff7df80;border-radius:50%;width:27px;height:27px;font:400 24px/24px system-ui}.planet-join-arrow{margin-left:auto;font-size:24px;font-weight:400}.planet-resident-card small{color:#42688c;margin-top:5px;font-size:9px;display:block}.planet-studio{z-index:8;color:#154573;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);visibility:hidden;opacity:0;background:#f4f3e9f5;flex-direction:column;align-items:center;padding:clamp(24px,4vh,48px) clamp(18px,5vw,80px) 22px;transition:opacity .22s,visibility .22s;display:flex;position:absolute;inset:0;overflow:auto}.planet-studio.is-open{visibility:visible;opacity:1}.planet-studio [hidden],.planet-arrival-caption[hidden]{display:none!important}.planet-studio-heading{align-self:flex-start;margin:0 0 24px}.planet-studio-heading .planet-card-index{color:#d77335;letter-spacing:.14em;font-size:10px}.planet-studio-heading h2{color:#164777;letter-spacing:-.07em;margin:12px 0 10px;font:800 clamp(24px,3.3vw,44px)/1.2 Avenir Next,system-ui,sans-serif}.planet-studio-heading h2 br{display:none}.planet-studio-heading em{color:#e9803c;font-style:normal}.planet-studio-heading p{color:#71828b;font-size:12px}.planet-studio-close{z-index:5;color:#154573;cursor:pointer;background:#fffdf580;border:1px solid #15457345;border-radius:50%;width:42px;height:42px;font:300 29px/34px system-ui;position:absolute;top:30px;right:clamp(18px,4vw,55px)}.planet-studio-panels{flex:1;grid-template-columns:1fr 1fr;gap:22px;width:100%;max-width:1280px;min-height:240px;max-height:580px;display:grid}.planet-studio-panels>section{background:#fffdf8;border:1px solid #25516c26;border-radius:20px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 10px 35px #19436807}.planet-studio-panels header{letter-spacing:.07em;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;font:700 10px/1.2 ui-monospace,monospace;display:flex}.planet-studio-panels header b{color:#76918d;font-size:8px;font-weight:500}.planet-studio-panels header i{background:#e58345;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.planet-studio-panels footer{color:#79908f;text-align:center;letter-spacing:-.03em;padding:14px 12px;font-size:11px}.planet-camera-viewport{background:#183f4e;border-radius:12px;flex:1;min-height:200px;margin:0 10px;position:relative;overflow:hidden}.planet-camera-viewport .planet-camera,.planet-captured{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.planet-camera-viewport .planet-camera{transform:scaleX(-1)}.planet-camera-frame{z-index:1;pointer-events:none;border:1px solid #f4eedc50;border-radius:40% 40% 25% 25%;position:absolute;inset:8% 16%}.planet-camera-empty{color:#d4e3da;background:radial-gradient(#37606a,#254a58);flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:0}.planet-camera-empty>span{color:#a4c5bb;font:300 58px/1 system-ui}.planet-camera-empty p{font-size:12px}.planet-camera-retry,.planet-studio-retry{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:30px;padding:9px 15px;font:700 12px/1.2 system-ui}.planet-countdown{z-index:3;color:#fff8de;text-shadow:0 8px 35px #052d4850;background:#14304220;place-items:center;font:700 clamp(80px,12vw,155px)/1 system-ui;display:grid;position:absolute;inset:0}.planet-reference-drop{color:#275d65;cursor:pointer;background:#eaf0e7;border:1.5px dashed #7fada58c;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:200px;margin:0 10px;padding:18px;transition:background .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.planet-reference-drop:hover,.planet-reference-drop.is-dragging{background:#dcebdc;border-color:#e68943}.planet-reference-drop:disabled{cursor:default}.planet-reference-placeholder{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.planet-reference-placeholder i{color:#5d9183;border:1px solid #b9ccc0;border-radius:50%;place-items:center;width:75px;height:75px;margin-bottom:14px;font:200 56px/1 system-ui;display:grid}.planet-reference-placeholder strong{letter-spacing:-.04em;font-size:17px}.planet-reference-placeholder>span{color:#6b8884;font-size:12px}.planet-reference-placeholder small{color:#97a9a0;font-size:10px}.planet-reference-image{object-fit:contain;width:100%;height:100%;padding:16px;position:absolute;inset:0}.planet-reference-change{color:#2c675b;background:#fffdf4eb;border:1px solid #66897940;border-radius:30px;padding:9px 13px;font-size:11px;position:absolute;bottom:16px;right:16px}.planet-studio-status{color:#d47635;text-align:center;letter-spacing:-.03em;justify-content:center;align-items:center;gap:10px;padding:25px 0 8px;font-size:14px;font-weight:700;display:flex}.planet-status-dot{background:#df8646;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 5px #e39a4f14}.planet-studio-privacy{color:#9aa49c;text-align:center;font-size:10px}.planet-building{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f3e9f2;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.planet-building h3{color:#234f6e;letter-spacing:-.07em;text-align:center;margin:0;font-size:32px;line-height:1.4}.planet-building p{color:#8c9688;text-align:center;font-size:13px}.planet-building-orbit{border:1px dashed #6b9c8270;border-radius:50%;place-items:center;width:108px;height:108px;animation:9s linear infinite planet-resident-spin;display:grid}.planet-building-orbit span{color:#fff6df;background:#ef9855;border-radius:50%;place-items:center;width:73px;height:73px;font-size:36px;display:grid;box-shadow:inset -7px -9px #bd653324}.planet-arrival-caption{z-index:3;text-align:center;pointer-events:none;width:90%;position:absolute;top:16%;left:50%;transform:translate(-50%)}.planet-arrival-caption h2{color:#204c72;letter-spacing:-.06em;margin:12px 0;font-size:clamp(24px,3vw,37px);font-weight:800}.planet-arrival-caption p{color:#658b83;font-size:13px}.planet-screen.is-presenting .planet-spot-card,.planet-screen.is-presenting .planet-resident-card,.planet-screen.is-presenting .planet-join-primary,.planet-screen.is-presenting .planet-guide{visibility:hidden}.planet-screen.is-night .planet-arrival-caption h2,.planet-screen.is-night .planet-arrival-caption p{color:#e3ebde}@keyframes planet-resident-spin{to{transform:rotate(360deg)}}@media (width<=720px){.planet-join-primary{bottom:max(22px, env(safe-area-inset-bottom));min-width:195px;padding:12px 17px;font-size:16px}.planet-resident-card{width:176px;bottom:96px}.planet-resident-card small{font-size:8px}.planet-studio{padding:24px 12px 20px}.planet-studio-heading{margin-bottom:20px;padding-left:8px}.planet-studio-heading h2 br{display:initial}.planet-studio-heading p{font-size:10px}.planet-studio-panels{gap:8px;min-height:275px;max-height:52svh}.planet-studio-panels header{padding:12px 9px;font-size:8px}.planet-studio-panels header b{display:none}.planet-camera-viewport,.planet-reference-drop{min-height:160px;margin:0 5px}.planet-studio-panels footer{min-height:46px;padding:9px 5px;font-size:8px}.planet-reference-placeholder i{width:50px;height:50px;margin-bottom:4px;font-size:38px}.planet-reference-placeholder strong{font-size:12px}.planet-reference-placeholder>span{font-size:10px;line-height:1.5}.planet-reference-placeholder small{display:none}.planet-reference-drop{padding:10px}.planet-reference-change{padding:7px;font-size:9px;bottom:7px;right:5px}.planet-studio-status{flex-wrap:wrap;padding-top:22px;font-size:12px}.planet-studio-privacy,.planet-camera-empty p{font-size:9px}.planet-camera-retry{padding:7px;font-size:10px}.planet-camera-empty>span{font-size:40px}}@media (prefers-reduced-motion:reduce){.planet-building-orbit{animation:none}}@font-face{font-family:Planet Jua;src:url(/assets/Jua-Regular-D4ox_bSL.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Planet Lilita;src:url(/assets/LilitaOne-Regular-DWEPn4H6.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.planet-screen.planet-sky-game{--game-font:"Planet Jua", "Arial Rounded MT Bold", sans-serif;--game-display:"Planet Lilita", "Planet Jua", sans-serif;font-family:var(--game-font);color:#fffef3;background:#048bde}.planet-sky-game .planet-sky{z-index:0;pointer-events:none;background:#0099da url(/assets/cloud-sky-reference-H4xAOktf.png) 50%/100% 100% no-repeat;transition:filter .8s;position:absolute;inset:0}.planet-sky-game.is-night .planet-sky{filter:brightness(.43)saturate(.85)hue-rotate(18deg)}.planet-sky-game .planet-canvas{z-index:1}.planet-sky-game .planet-grain{z-index:2;opacity:0}.planet-sky-game .planet-header,.planet-sky-game .planet-guide,.planet-sky-game .planet-spot-card,.planet-sky-game .planet-resident-card,.planet-sky-game .planet-day-toggle,.planet-sky-game .planet-toast{z-index:3}.planet-sky-game .planet-header{align-items:flex-start;top:30px;left:38px;right:38px}.planet-sky-game .planet-brand{margin:5px 0 0;display:block;transform:rotate(-7deg)}.planet-brand-words{flex-direction:column;align-items:center;display:flex}.planet-logo-row{font:400 clamp(25px, 3vw, 43px)/.87 var(--game-display);letter-spacing:-.025em;justify-content:center;display:flex}.planet-logo-row+.planet-logo-row{font-size:clamp(32px,3.8vw,54px)}.planet-logo-row>span{color:#ffdf4c;-webkit-text-stroke:1px #fff8d2;paint-order:stroke fill;text-shadow:0 2px #e7891f,1px 4px #b55726,3px 6px #075593,4px 7px 1px #08487170;display:inline-block}.planet-logo-row>span:nth-child(3n+1){color:#ff7750;text-shadow:0 2px #dd4d29,1px 4px #a53336,3px 6px #075593,4px 7px 1px #08487170;transform:rotate(-5deg)translateY(-1px)}.planet-logo-row>span:nth-child(3n){color:#a7ef75;text-shadow:0 2px #56b63d,1px 4px #267e56,3px 6px #075593,4px 7px 1px #08487170;transform:rotate(6deg)translateY(1px)}.planet-brand-words small{color:#fff;font:400 9px/1 var(--game-display);letter-spacing:.2em;text-shadow:0 2px 3px #064e94;margin-top:13px}.planet-sky-game .planet-coordinates{width:max-content;font:400 clamp(17px, 1.7vw, 25px)/1.35 var(--game-display);letter-spacing:.02em;text-align:center;color:#fff9e6;text-shadow:0 2px 3px #07549f90;margin:0;position:absolute;top:12px;left:50%;transform:translate(-50%)}.planet-sky-game .planet-coordinates b{font:400 13px/1.3 var(--game-font);color:#e8f9ff;margin-top:7px;display:inline-block}.planet-sky-game .planet-close,.planet-sky-game .planet-studio-close{color:#fff;width:43px;height:43px;font:400 31px/1 var(--game-font);background:linear-gradient(#8de5ff,#2393da 55%,#0871ba);border:2px solid #eefcff;border-radius:50%;place-items:center;margin-left:auto;padding:0 0 3px;display:grid;box-shadow:inset 0 2px 1px #ffffffa0,0 4px #085a99,0 6px 10px #06487930}.planet-sky-game .planet-close:hover,.planet-sky-game .planet-studio-close:hover{color:#fff;background:linear-gradient(#b7efff,#319ee3);transform:none}.planet-sky-game .planet-day-toggle{color:#145a93;font:400 13px/1 var(--game-font);background:linear-gradient(#fffef3,#d3f3ff);border:2px solid #fff;gap:8px;padding:9px 15px;top:92px;right:38px;box-shadow:inset 0 2px #fff,0 4px #167cba,0 6px 12px #06487926}.planet-sky-game .planet-day-toggle i{color:#ec9a10;font-size:20px}.planet-sky-game .planet-spot-card{pointer-events:none;width:min(235px,22vw);top:48%;left:5%;transform:translateY(-42%)rotate(-4deg)}.planet-sky-game .planet-spot-card .planet-card-index{color:#fff;font:400 10px/1 var(--game-display);letter-spacing:.09em;background:#086eb79c;border:1px solid #eafaffb0;border-radius:20px;padding:6px 10px;display:inline-block}.planet-sky-game .planet-spot-card h2{font:400 clamp(32px, 4.5vw, 64px)/.88 var(--game-display);letter-spacing:-.015em;color:#fffbea;-webkit-text-stroke:1.5px #fff;paint-order:stroke fill;text-shadow:1px 3px #59b8dc,3px 6px #08619f,4px 8px #06416b40;margin:15px 0 17px}.planet-sky-game .planet-spot-card h2 em{color:#ffdb47;text-shadow:1px 3px #dc9024,3px 6px #995021,4px 8px #06416b40;font-style:normal}.planet-sky-game .planet-spot-card p{color:#fff;font:400 clamp(12px, 1.03vw, 15px)/1.65 var(--game-font);letter-spacing:0;text-shadow:0 1px 3px #005399,0 2px 7px #005399}.planet-spot-sticker{color:#885114;font:400 12px/1 var(--game-display);letter-spacing:.06em;background:#ffe46b;border:2px solid #fff6be;border-radius:7px;margin-top:20px;padding:7px 11px;display:inline-block;transform:rotate(7deg);box-shadow:2px 3px #bb782a}.planet-sky-game .planet-guide{color:#195786;background:#f5fcffee;border:2px solid #ffffffc4;border-radius:22px;padding:12px 17px;bottom:35px;left:38px;box-shadow:0 4px #3895c747}.planet-sky-game .planet-guide p{font:400 13px/1.35 var(--game-font);letter-spacing:0;flex-direction:column;gap:7px;display:flex}.planet-guide p>span{align-items:center;gap:10px;display:flex}.planet-sky-game .planet-guide b{color:#fff;width:24px;height:21px;font:400 18px/1 var(--game-font);background:#2c9fd7;border-radius:7px;place-items:center;display:inline-grid;box-shadow:0 2px #1374b1}.planet-sky-game .planet-resident-card{background:linear-gradient(135deg,#fffefa,#d4f2ff);border:3px solid #fff;border-radius:27px 27px 27px 9px;align-items:center;gap:12px;min-width:270px;padding:14px;bottom:35px;right:38px;box-shadow:inset 0 -3px #b3def2,0 5px #187dba60}.planet-sky-game .planet-resident-card .planet-card-index{color:#2180b9;font:400 10px/1.2 var(--game-display);letter-spacing:.07em}.planet-sky-game .planet-resident-name{font:400 15px/1.3 var(--game-font);letter-spacing:-.02em;color:#18578c;margin-top:5px}.planet-sky-game .planet-resident-card small{color:#507991;font:400 11px/1.3 var(--game-font)}.planet-sky-game .planet-resident-avatar{background:radial-gradient(circle at 35% 25%,#fffce4,#ffdc61 55%,#f6a93a);border:2px solid #fff;width:51px;height:51px;box-shadow:0 3px #d48f36}.planet-sky-game .planet-resident-avatar:after{display:none}.planet-sky-game .planet-resident-avatar img{filter:none}.planet-sky-game .planet-resident-empty{color:#fff;text-shadow:1px 2px #dd962b;font-size:29px}.planet-sky-game .planet-join-primary{z-index:4;bottom:max(32px, env(safe-area-inset-bottom));color:#784016;min-width:246px;font:400 25px/1 var(--game-font);background:linear-gradient(#fff6ac 0%,#ffe35d 40%,#ffc13c 55%,#ffa52f 100%);border:3px solid #fff9d4;justify-content:center;gap:24px;padding:11px 22px 12px;transition:filter .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 3px #fff9d7,inset 0 -3px #f09325,0 6px #bb631f,0 8px #fff6cb,0 12px 20px #07559b30}.planet-sky-game .planet-join-primary:hover{background:linear-gradient(#fffbc6,#ffe772 40%,#ffd14c 55%,#ffb43c);transform:translate(-50%,-3px)}.planet-sky-game .planet-join-primary:active{transform:translate(-50%,4px);box-shadow:inset 0 2px #fff9d7,0 2px #bb631f,0 4px #fff6cb}.planet-sky-game .planet-join-icon{color:#fff;width:32px;height:32px;font:400 26px/1 var(--game-font);background:#f2a031;border:2px solid #fff7ca;place-items:center;display:grid;box-shadow:inset 0 2px #dc8426}.planet-join-label{text-shadow:0 1px #fff3b7;flex-direction:column;gap:4px;display:flex}.planet-join-label small{color:#a76719;font:400 10px/1 var(--game-display);letter-spacing:.13em}.planet-sky-game .planet-join-arrow{color:#a3611c;font-size:17px}.planet-sky-game .planet-toast{color:#175d94;font:400 14px/1.5 var(--game-font);background:#fff7cd;border:2px solid #fff;border-radius:18px}.planet-sky-game :is(button,a):focus-visible{outline-offset:5px;outline:3px solid #ffdf48}.planet-sky-game .planet-studio{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#007dc4e8,#57b6e0e8),url(/assets/cloud-sky-reference-H4xAOktf.png) 50%/cover}.planet-sky-game .planet-studio-heading .planet-card-index{color:#ffe978;font:400 13px/1 var(--game-display);letter-spacing:.08em}.planet-sky-game .planet-studio-heading h2{color:#fff;font:400 clamp(25px, 3.3vw, 44px)/1.3 var(--game-font);letter-spacing:-.02em;text-shadow:0 3px #08619f;margin:12px 0}.planet-sky-game .planet-studio-heading em{color:#ffe578}.planet-sky-game .planet-studio-heading p{color:#edfbff;font:400 14px/1.4 var(--game-font)}.planet-sky-game .planet-studio-panels>section{background:#f6fcff;border:3px solid #fff;border-radius:28px;box-shadow:0 7px #1167a6,0 10px 25px #075d8040}.planet-sky-game .planet-studio-panels header{color:#1c689b;font:400 16px/1.3 var(--game-font);letter-spacing:0;padding:16px 19px}.planet-sky-game .planet-studio-panels header b{color:#6a91a9;font:400 10px/1 var(--game-display);letter-spacing:.04em}.planet-sky-game .planet-studio-panels header i{background:#83c540}.planet-sky-game .planet-studio-panels footer{color:#52778d;font:400 12px/1.4 var(--game-font)}.planet-sky-game .planet-camera-viewport{border-radius:18px}.planet-sky-game .planet-camera-empty{color:#fff;background:radial-gradient(at 50% 25%,#68c6ea,#2889c4 70%)}.planet-sky-game .planet-camera-empty>span{color:#e6f9ff}.planet-sky-game .planet-camera-empty p{font:400 15px/1.3 var(--game-font)}.planet-sky-game .planet-reference-drop{color:#216b9a;font-family:var(--game-font);background:radial-gradient(at top,#fffef0,#d9f1fb);border:2px dashed #79badd;border-radius:18px}.planet-sky-game .planet-reference-drop:hover,.planet-sky-game .planet-reference-drop.is-dragging{background:#fff3bd;border-color:#e7a624}.planet-sky-game .planet-reference-placeholder i{color:#fff;font-family:var(--game-font);background:linear-gradient(#ffe889,#ffb343);border:3px solid #fff;box-shadow:inset 0 3px #fff5bd,0 5px #ce8527}.planet-sky-game .planet-reference-placeholder strong{font-size:22px;font-weight:400}.planet-sky-game .planet-reference-placeholder>span{color:#567f98;font-size:13px}.planet-sky-game .planet-reference-placeholder small{color:#69899c}.planet-sky-game .planet-reference-change,.planet-sky-game .planet-camera-retry,.planet-sky-game .planet-studio-retry{color:#87541d;font:400 13px/1.2 var(--game-font);background:linear-gradient(#fff7c3,#ffcf6b);border:2px solid #fff;box-shadow:0 3px #c78633}.planet-sky-game .planet-studio-status{color:#fff8cf;font:400 16px/1.4 var(--game-font)}.planet-sky-game .planet-status-dot{background:#ffe370;box-shadow:0 0 0 5px #fff3a82e}.planet-sky-game .planet-studio-privacy{color:#e3f4ff;font:400 11px/1.3 var(--game-font)}.planet-sky-game .planet-countdown{color:#ffe86e;font-family:var(--game-display);-webkit-text-stroke:3px white;text-shadow:0 6px #c47a27,0 10px #164b7940}.planet-sky-game .planet-building{background:#e9f8fff2}.planet-sky-game .planet-building h3{color:#176caa;font-family:var(--game-font);font-weight:400}.planet-sky-game .planet-building p{color:#477e9c}.planet-sky-game .planet-building-orbit span{color:#fff;background:linear-gradient(#ffe689,#ffaa36);box-shadow:0 5px #d98c28}.planet-sky-game .planet-arrival-caption h2{font:400 clamp(26px, 3vw, 40px)/1.3 var(--game-font);text-shadow:0 3px #0b659e}.planet-sky-game .planet-arrival-caption p{font:400 15px/1.4 var(--game-font);text-shadow:0 2px 3px #125780}.planet-sky-game .planet-arrival-caption .planet-card-index{color:#ffe370;font:400 13px/1 var(--game-display)}@media (width<=1000px){.planet-sky-game .planet-header{top:24px;left:24px;right:24px}.planet-sky-game .planet-coordinates{font-size:19px;top:8px}.planet-sky-game .planet-coordinates b{font-size:11px}.planet-sky-game .planet-resident-card{width:230px;min-width:0;right:24px}.planet-sky-game .planet-guide{padding:10px 12px;left:24px}.planet-sky-game .planet-guide p{font-size:11px}.planet-sky-game .planet-resident-name{font-size:13px}.planet-sky-game .planet-day-toggle{right:24px}}@media (width<=720px){.planet-sky-game .planet-sky{background-size:cover}.planet-sky-game .planet-header{top:20px;left:19px;right:19px}.planet-sky-game .planet-brand{margin-left:2px}.planet-sky-game .planet-logo-row{font-size:27px}.planet-sky-game .planet-logo-row+.planet-logo-row{font-size:34px}.planet-brand-words small{letter-spacing:.15em;margin-top:10px;font-size:6px}.planet-sky-game .planet-close{width:37px;height:37px;font-size:27px}.planet-sky-game .planet-day-toggle{padding:7px 10px;font-size:11px;top:78px;right:19px}.planet-sky-game .planet-spot-card{width:47%;top:auto;bottom:122px;left:22px;transform:rotate(-4deg)}.planet-sky-game .planet-spot-card h2{-webkit-text-stroke:1px white;margin:9px 0;font-size:31px;line-height:.95}.planet-sky-game .planet-spot-card h2 br{display:none}.planet-sky-game .planet-spot-card h2 em{display:block}.planet-sky-game .planet-spot-card .planet-card-index{padding:5px 7px;font-size:7px}.planet-sky-game .planet-spot-card p{font-size:10px;line-height:1.5}.planet-spot-sticker{display:none}.planet-sky-game .planet-resident-card{border-radius:21px 21px 9px;grid-template-columns:1fr;gap:7px;width:40%;padding:11px;bottom:122px;right:15px}.planet-sky-game .planet-resident-avatar{display:none}.planet-sky-game .planet-resident-card .planet-card-index{font-size:8px}.planet-sky-game .planet-resident-name{font-size:12px}.planet-sky-game .planet-resident-card small{font-size:9px}.planet-sky-game .planet-join-primary{bottom:max(30px, env(safe-area-inset-bottom));min-width:224px;padding:9px 19px 10px;font-size:23px}.planet-sky-game .planet-studio-heading h2{font-size:28px}.planet-sky-game .planet-studio-heading p{font-size:12px}.planet-sky-game .planet-studio-panels>section{border-width:2px;border-radius:19px}.planet-sky-game .planet-studio-panels header{padding:13px 8px;font-size:12px}.planet-sky-game .planet-studio-panels footer{font-size:10px}.planet-sky-game .planet-reference-placeholder strong{font-size:15px}.planet-sky-game .planet-reference-placeholder>span{font-size:11px}.planet-sky-game .planet-studio-status{font-size:13px}.planet-sky-game .planet-camera-empty p,.planet-sky-game .planet-camera-retry{font-size:11px}.planet-sky-game .planet-studio-privacy{font-size:10px}}@media (prefers-reduced-motion:reduce){.planet-sky-game .planet-sky{transition:none;animation:none}.planet-sky-game .planet-join-primary{transition:none}}