@import "https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap";html,body,#root{touch-action:none;-webkit-overflow-scrolling:touch;background:#dcecf5;width:100%;height:100dvh;margin:0;padding:0;font-family:Bubblegum Sans,Arial Rounded MT Bold,Comic Sans MS,Trebuchet MS,cursive;position:fixed;inset:0;overflow:hidden}body{color:#14202a}.scene-shell{touch-action:none;width:100%;height:100dvh;transition:filter .28s,opacity .35s ease-out;overflow:hidden}.scene-shell-blur{filter:blur(10px)saturate(.92)}.brand-badge{z-index:12;color:#fff;letter-spacing:.02em;text-transform:lowercase;text-shadow:0 3px #3a3a3e57,0 12px 24px #1f1f212e;filter:saturate(1.03);max-width:280px;font-family:Bubblegum Sans,Arial Rounded MT Bold,Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(1.55rem,2.9vw,2.5rem);font-weight:700;line-height:.9;position:fixed;top:20px;left:22px}.ui-stack{z-index:10;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.ui-icon{color:#3d3d3f;cursor:pointer;background:#fff9eeeb;border:1px solid #36363847;border-radius:18px;width:58px;height:58px;font-family:Bubblegum Sans,Arial Rounded MT Bold,Trebuchet MS,Comic Sans MS,cursive;font-size:1.2rem;font-weight:700;box-shadow:0 10px 24px #2626281f}.ui-icon-svg{width:22px;height:22px;margin:0 auto;display:block}.ui-icon:last-child{font-size:.9rem}.intro-card,.info-card{z-index:13;color:#2f3033;box-sizing:border-box;background:#fff9eef5;border:1px solid #3d3d3f2e;border-radius:26px;width:min(580px,100vw - 32px);position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 46px #1f1f2129}.intro-card{text-align:center;padding:18px 22px;bottom:22px}.intro-card-enter{flex-direction:column;align-items:center;gap:14px;display:flex;bottom:26px}.info-card{padding:22px 24px 18px;top:88px}.intro-card h2,.info-card h2{margin:0 0 10px;font-size:clamp(1rem,1.9vw,1.28rem);line-height:1.35}.intro-card p,.info-card p{margin:0;font-size:.96rem;line-height:1.55}.info-card p+p{margin-top:10px}.info-close{color:#3d3d3f;cursor:pointer;background:0 0;border:0;font-size:1.15rem;position:absolute;top:10px;right:12px}.enter-now-button{color:#fffdf8;cursor:pointer;background:#3d3d3f;border:0;border-radius:999px;min-width:160px;padding:12px 22px;font-family:Bubblegum Sans,Arial Rounded MT Bold,Comic Sans MS,Trebuchet MS,cursive;font-size:1rem;font-weight:700;box-shadow:0 12px 28px #1f1f212e}.loading-screen{z-index:100;color:#272729;background:#fffdf8;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;height:100dvh;display:flex;position:fixed;inset:0}.loading-title{letter-spacing:.12em;font-family:Bubblegum Sans,Arial Rounded MT Bold,Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(1.8rem,2.8vw,2.8rem)}.loading-track{box-sizing:border-box;background:#fffdf8;border:3px solid #1f1f21;border-radius:999px;width:min(420px,72vw);height:34px;padding:4px}.loading-bar{background:#1f1f21;border-radius:999px;width:38%;height:100%;animation:1.25s ease-in-out infinite loading-slide}@keyframes loading-slide{0%{transform:translate(0%)}50%{transform:translate(145%)}to{transform:translate(0%)}}canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.painting-hint{color:#3d3d3f;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#fff9eef2;border:1px solid #3d3d3f29;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;box-shadow:0 10px 26px #21212329}.hud-panel{background:#fffcf6e6;border-radius:14px;padding:14px 16px;box-shadow:0 12px 40px #14202a1a}.hud-panel p{margin:0;font-size:.95rem;line-height:1.45}@media (width<=720px){.brand-badge{max-width:180px;font-size:1.3rem}.ui-stack{gap:.625rem;top:1rem;right:1rem}.ui-icon{width:3.25rem;height:3.25rem}.messenger-card,.messenger-card-main{width:clamp(10rem,54vw,13rem)}.messenger-card-small{width:clamp(9.25rem,50vw,11.75rem)}}.messenger-icon-button{color:#3d3d3f;cursor:pointer;background:#fff9eef5;border:0;border-radius:999px;width:clamp(3rem,5vw,3.375rem);height:clamp(3rem,5vw,3.375rem);box-shadow:0 12px 28px #1f1f212e}.messenger-icon-svg{width:clamp(1.125rem,2vw,1.5rem);height:clamp(1.125rem,2vw,1.5rem);margin:0 auto;display:block}.messenger-card{color:#2f3033;box-sizing:border-box;background:#fff9eefa;border:1px solid #3d3d3f24;border-radius:clamp(1rem,2vw,1.375rem);width:clamp(10.25rem,20vw,15rem);max-width:min(90vw,16rem);min-height:auto;padding:.55rem 1.35rem .5rem .75rem;position:relative;box-shadow:0 18px 42px #1f1f212e}.messenger-card-small{width:clamp(9.5rem,18vw,13rem)}.messenger-card-main{width:clamp(10.5rem,22vw,15rem)}.messenger-card-cloud{font-family:Bubblegum Sans,Arial Rounded MT Bold,Comic Sans MS,Trebuchet MS,cursive}.messenger-card p{overflow-wrap:anywhere;margin:0;font-size:clamp(.66rem,1.4vw,.82rem);line-height:1.32}.messenger-card p+p{margin-top:0}.messenger-card-close{color:#3d3d3f;cursor:pointer;background:0 0;border:0;font-size:.95rem;position:absolute;top:.35rem;right:.45rem}.messenger-card-text{text-align:center;justify-content:center;align-items:center;min-height:clamp(2rem,4vw,2.5rem);padding-top:.125rem;display:flex}.messenger-line{animation:.35s messenger-fade-in}@keyframes messenger-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.feature-panel-backdrop{z-index:14;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));box-sizing:border-box;background:#14202a2e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feature-panel{box-sizing:border-box;background:#fffffff7;border:1px solid #3d3d3f1f;border-radius:clamp(1.25rem,4vw,1.75rem);width:min(90vw,26.25rem);max-height:calc(100vh - 2rem);padding:clamp(1rem,3vw,1.5rem);position:relative;overflow:auto;box-shadow:0 20px 48px #1f1f2129}.feature-panel-close{color:#3d3d3f;cursor:pointer;background:#3d3d3f14;border:0;border-radius:999px;width:2rem;height:2rem;font-size:1rem;position:absolute;top:.7rem;right:.75rem}.feature-panel-layout{flex-direction:column;gap:.875rem;display:flex}.feature-panel-topic{letter-spacing:.08em;text-transform:uppercase;color:#6a6a70;margin:0;font-size:.85rem}.feature-panel-title{color:#232326;margin:0;font-size:clamp(1.45rem,4.5vw,2.25rem);line-height:1.02}.feature-panel-lead,.feature-panel-copy{color:#34343a;overflow-wrap:anywhere;margin:0;line-height:1.5}.feature-panel-lead{font-size:1rem}.feature-panel-copy-left{font-size:.95rem}.feature-panel-copy-right{font-size:.98rem}.feature-rock-label{color:#3d3d3f;white-space:nowrap;background:#fff9eeeb;border-radius:999px;padding:4px 8px;font-family:Bubblegum Sans,Arial Rounded MT Bold,Comic Sans MS,Trebuchet MS,cursive;font-size:.68rem;box-shadow:0 8px 18px #1f1f211f}.mobile-controls{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + .75rem);z-index:18;pointer-events:none;box-sizing:border-box;justify-content:space-between;align-items:flex-end;gap:clamp(.875rem,3.2vw,1.25rem);padding:0 max(1rem,4vw);display:flex;position:fixed}.joystick-pad,.mobile-jump-button{pointer-events:auto}.joystick-pad{touch-action:none;background:radial-gradient(circle at 32% 28%,#ffffffe6,#e0dad1eb);border:1px solid #3d3d3f2e;border-radius:50%;width:clamp(4.75rem,24vw,6.75rem);height:clamp(4.75rem,24vw,6.75rem);position:relative;box-shadow:0 14px 28px #1f1f2124}.joystick-pad-move{width:clamp(6rem,30vw,8.5rem);height:clamp(6rem,30vw,8.5rem)}.joystick-thumb{background:#3d3d3f;border-radius:50%;width:clamp(2rem,9vw,2.625rem);height:clamp(2rem,9vw,2.625rem);margin-top:calc(clamp(2rem,9vw,2.625rem)/-2);margin-left:calc(clamp(2rem,9vw,2.625rem)/-2);position:absolute;top:50%;left:50%;box-shadow:0 8px 20px #1f1f213d}.joystick-label{color:#3d3d3f;letter-spacing:.02em;font-size:clamp(.62rem,2vw,.72rem);position:absolute;top:.7rem;left:50%;transform:translate(-50%)}.mobile-jump-button{color:#fffdf8;background:#3d3d3f;border:0;border-radius:50%;align-self:center;min-width:clamp(3.5rem,18vw,4.625rem);height:clamp(3.5rem,18vw,4.625rem);font-family:Bubblegum Sans,Arial Rounded MT Bold,Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(.72rem,2.2vw,.86rem);box-shadow:0 14px 28px #1f1f212e}@media (width<=360px){.mobile-controls{padding:0 .75rem}}@media (width>=721px){.mobile-controls{display:none}}.welcome-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);box-sizing:border-box;background:#120e0c73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.welcome-card{color:#2b2b2d;box-sizing:border-box;text-align:center;background:#fff9eefa;border:1px solid #3d3d3f29;border-radius:26px;width:min(480px,100vw - 36px);padding:clamp(24px,4vw,34px);animation:.35s cubic-bezier(.16,1,.3,1) welcome-pop;box-shadow:0 24px 60px #0f0c0a4d}@keyframes welcome-pop{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.welcome-card-title{color:#1a1a1c;margin:0 0 12px;font-size:clamp(1.4rem,3.2vw,1.85rem);line-height:1.15}.welcome-card-message{color:#4a4a4e;margin:0 0 24px;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.55}.welcome-enter-btn{color:#fffdf8;letter-spacing:.03em;cursor:pointer;background:#1f1f21;border:1px solid #1f1f2133;border-radius:999px;justify-content:center;align-items:center;padding:12px 34px;font-family:inherit;font-size:1.08rem;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 8px 20px #1f1f2133}.welcome-enter-btn:hover{background:#333338;transform:translateY(-2px)}.welcome-enter-btn:active{transform:translateY(0)}.art-story-card{z-index:11;color:#2b2b2d;box-sizing:border-box;opacity:0;pointer-events:none;background:#fff9eef0;border:1px solid #3d3d3f29;border-radius:18px;width:min(320px,100vw - 48px);padding:14px 18px 12px;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 12px 32px #14100e2e}.art-story-card.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.art-story-topic{letter-spacing:.08em;text-transform:uppercase;color:#7b7874;margin:0 0 4px;font-size:.76rem;font-weight:700}.art-story-text{color:#38383c;margin:0;font-size:.88rem;line-height:1.45}@media (width<=720px){.art-story-card{left:50%;right:auto;bottom:max(16px, env(safe-area-inset-bottom,16px));width:min(340px,100% - 32px);padding:11px 15px 10px;transform:translate(-50%,12px)}.art-story-card.visible{transform:translate(-50%)}.welcome-card{width:min(440px,100% - 28px);padding:24px 18px 22px}}.scroll-cue-overlay{z-index:14;pointer-events:none;opacity:1;justify-content:center;align-items:center;transition:opacity .5s,transform .5s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-cue-overlay.fading{opacity:0;transform:translate(-50%,-55%)}.scroll-cue-badge{color:#2f3033;letter-spacing:.04em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff9eef0;border:1px solid #36363838;border-radius:999px;align-items:center;gap:3px;padding:10px 22px;font-family:Bubblegum Sans,Arial Rounded MT Bold,cursive;font-size:clamp(1.05rem,3.2vw,1.4rem);font-weight:700;display:inline-flex;box-shadow:0 10px 28px #1f1f2129}.scroll-cue-text{min-height:1.2em;display:inline-block}.scroll-cue-cursor{vertical-align:middle;background-color:#3d3d3f;width:2px;height:1.15em;margin-left:2px;animation:.8s infinite scroll-cue-blink;display:inline-block}@keyframes scroll-cue-blink{0%,to{opacity:1}50%{opacity:0}}