*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer}button:focus,button:focus-visible{outline:none}#root{width:100%;height:100%}.start-screen{width:100%;height:100%;position:relative;overflow:hidden}.start-bg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.start-ui{position:absolute;inset:0;z-index:1;pointer-events:none;display:flex;flex-direction:column}.title-area{flex-shrink:0;padding:60px 0 16px;text-align:center;background:transparent;pointer-events:auto}.game-title{font-size:28px;font-weight:700;color:#222;line-height:1.25;letter-spacing:-1px;-webkit-text-stroke:2px white;paint-order:stroke fill}.underline-hand{display:inline-block;border-bottom:3px solid #222;padding-bottom:2px}.game-english-title{font-size:13px;font-weight:400;color:#555;letter-spacing:.5px;margin-top:4px}.start-middle{flex:1;min-height:0}.bottom-area{flex-shrink:0;background:transparent;box-shadow:none;padding:18px 24px 28px;display:flex;flex-direction:column;gap:14px;pointer-events:auto}.record-box{border:none;border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 12px #0000001f;transform:rotate(-.5deg)}.record-label{font-size:12px;color:#777;font-weight:700}.record-value{font-size:32px;font-weight:700;color:#222;letter-spacing:-2px}.record-unit{font-size:14px;font-weight:700;color:#777;margin-left:2px}.record-trophy-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:8px;transition:background .15s;display:flex;flex-direction:column;align-items:center}.record-trophy-btn:active{background:#ffd70033}.leaderboard-label{font-weight:400}.trophy-value-area{height:38px;display:flex;align-items:center;justify-content:center}.tip-box{border-left:4px solid #FFD700;border-radius:0 4px 4px 0;padding:8px 12px;background:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tip-text{font-size:14px;font-weight:600;color:#333;line-height:1.6}.loop-indicator{text-align:center;font-size:13px;font-weight:700;color:#222;letter-spacing:.5px;background:#fff8dcd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none;border-radius:20px;padding:4px 12px;display:inline-block;align-self:center}.resume-indicator{text-align:center;font-size:13px;font-weight:700;color:#222;background:#fff8dce6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px;padding:4px 14px;align-self:center;letter-spacing:.2px}.btn-reset-link{background:none;border:none;cursor:pointer;font-size:12px;color:#888;text-decoration:underline;text-underline-offset:3px;padding:0;align-self:center;letter-spacing:.2px;transition:color .15s}.btn-reset-link:hover{color:#444}.btn-start{width:100%;height:60px;background:#222;color:#fff;font-size:22px;font-weight:700;border:3px solid #222;border-radius:14px;cursor:pointer;box-shadow:0 4px #000,0 6px 12px #0003;transition:box-shadow .1s,transform .1s;letter-spacing:-.5px}.btn-start:hover{box-shadow:0 2px #000,0 4px 8px #0003;transform:translateY(2px)}.btn-start:active{box-shadow:0 0 #000,0 2px 4px #00000026;transform:translateY(4px)}@media(max-width:430px)and (max-height:750px){.title-area{padding:28px 0 10px}.game-title{font-size:24px}.bottom-area{padding:14px 20px 20px;gap:10px}}@media(max-width:430px)and (max-height:680px){.title-area{padding:16px 0 8px}.game-title{font-size:22px}.game-english-title{display:none}.bottom-area{padding:10px 18px 16px;gap:8px}.record-box{padding:10px 14px}.record-value{font-size:26px}.tip-box{padding:6px 10px}.tip-text{font-size:13px}.btn-start{height:52px;font-size:19px}}.countdown-screen{width:100%;height:100%;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.do-flash{animation:screenFlash .18s ease-out}@keyframes screenFlash{0%{filter:brightness(1.5)}to{filter:brightness(1)}}.cd-canvas{display:block}.cd-center{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none}.ready-label{font-size:18px;font-weight:700;color:#222;letter-spacing:4px;margin-bottom:20px;border-bottom:3px solid #222;background:#ffffffd9;padding:4px 12px;animation:readyIn .4s ease-out}@keyframes readyIn{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.number-box{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;border:4px solid #222;box-shadow:6px 6px #222;background:#ffffffeb;transition:border-color .2s,box-shadow .2s}.number-box:before{content:"";position:absolute;top:-12px;left:-12px;width:20px;height:20px;border-top:4px solid #222;border-left:4px solid #222;background:#ffffffeb}.number-box:after{content:"";position:absolute;bottom:-12px;right:-12px;width:20px;height:20px;border-bottom:4px solid #222;border-right:4px solid #222;background:#ffffffeb}.number-box--danger,.number-box--danger:before,.number-box--danger:after{border-color:#f44}.number-box--danger{box-shadow:6px 6px #f44}.number-box--go{border-color:#f44;box-shadow:6px 6px #f44}.count-number{font-size:140px;font-weight:700;color:#222;letter-spacing:-6px;line-height:1;text-shadow:4px 4px 0 rgba(0,0,0,.12);animation:numberPop .3s cubic-bezier(.34,1.56,.64,1)}.number-box--danger .count-number{color:#f44}@keyframes numberPop{0%{transform:scale(1.8) rotate(-5deg);opacity:0}60%{transform:scale(.92) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.go-text{font-size:90px;font-weight:700;color:#f44;letter-spacing:-3px;line-height:1;text-shadow:5px 5px 0 rgba(255,68,68,.2);animation:goPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes goPop{0%{transform:scale(.4) rotate(8deg);opacity:0}70%{transform:scale(1.1) rotate(-3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.cd-msg{margin-top:28px;text-align:center;background:#ffffffd9;padding:8px 18px;border:2px solid #222}.msg-main{font-size:18px;font-weight:700;color:#222;margin-bottom:6px}.msg-sub{font-size:14px;font-weight:600;color:#777}.game-screen{width:100%;height:100%;position:relative;background:#fff;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.canvas-cover-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:0}.canvas-cover{width:100%;height:100%;display:block}.game-canvas{touch-action:none}.hud-top{position:absolute;top:0;left:0;right:0;z-index:20;padding:12px 20px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #222;background:#ffffffeb;pointer-events:none}.hud-distance{display:flex;align-items:baseline;gap:3px}.distance-num{font-size:36px;font-weight:700;color:#222;letter-spacing:-2px;line-height:1}.distance-unit{font-size:14px;font-weight:700;color:#333}.hud-best{font-size:12px;font-weight:700;color:#333;border:2px solid #222;padding:4px 8px;background:#fff}.touch-hint{position:absolute;bottom:40px;bottom:max(40px,calc(env(safe-area-inset-bottom) + 16px));z-index:8;opacity:.3;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.touch-hint--left{left:20px}.touch-hint--right{right:20px}.touch-arrow-box{width:36px;height:36px;border:2px solid #222;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#222;box-shadow:2px 2px #222}.touch-label{font-size:10px;font-weight:700;color:#222}.danger-overlay{display:none;position:absolute;inset:0;border:5px solid #FF4444;z-index:18;pointer-events:none;animation:dangerFlash .25s ease-in-out infinite alternate}@keyframes dangerFlash{0%{opacity:.2}to{opacity:1}}.speech-bubble{display:none;position:absolute;top:554px;z-index:30;background:#fff;border:2.5px solid #222;box-shadow:3px 3px #222;padding:8px 14px;font-size:16px;font-weight:700;color:#222;white-space:nowrap;pointer-events:none;border-radius:4px}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #222}.speech-bubble:before{content:"";position:absolute;bottom:-7px;left:20px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid white;z-index:1}.speech-bubble.speech-visible{display:block;animation:speechPop .2s cubic-bezier(.175,.885,.32,1.275) forwards}.speech-bubble.speech-fadeout{animation:speechFade .6s ease-out forwards}@keyframes speechPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes speechFade{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-8px)}}.hud-day{font-size:14px;font-weight:700;color:#555}.hud-separator{font-size:14px;color:#ccc;margin:0 6px;font-weight:700}.event-indicators{position:absolute;top:120px;left:50%;transform:translate(-50%);z-index:25;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.event-indicator{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#222;background:#fffffff2;border:3px solid #222;border-radius:16px;padding:8px 20px;box-shadow:0 4px 12px #0003;white-space:nowrap;animation:indicatorPop .3s ease-out}@keyframes indicatorPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.event-indicator--wind{background:#1a6aab26;border-color:#1a6aab;color:#1a6aab}.event-indicator--slope{background:#7a5c2e26;border-color:#7a5c2e;color:#7a5c2e}.event-indicator--bump{background:#dd444426;border-color:#d44;color:#d44;animation:bumpFlash .15s ease-in-out infinite alternate}@keyframes bumpFlash{0%{opacity:.6}to{opacity:1}}.rank-badge{position:absolute;top:72px;left:12px;z-index:25;font-size:16px;font-weight:700;color:#fff;padding:5px 14px;border-radius:12px;border:2.5px solid rgba(0,0,0,.25);pointer-events:none;white-space:nowrap;letter-spacing:1px;box-shadow:2px 2px #0000004d}.rank-badge--company{background:#4a90d9}.rank-badge--politics{background:#d4af37}.rank-badge--isekai{background:#9b59b6}.rank-badge--space{background:#2c3e50}.coffee-hud{position:absolute;top:72px;right:12px;z-index:25;font-size:16px;font-weight:700;color:#222;background:#ffffffeb;border:2.5px solid #222;padding:5px 12px;border-radius:12px;box-shadow:2px 2px #222;pointer-events:none;white-space:nowrap}.coffee-effect{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;font-size:40px;font-weight:700;color:#222;background:#fffffff2;border:4px solid #222;box-shadow:5px 5px #222;padding:16px 32px;border-radius:8px;pointer-events:none;white-space:nowrap}.coffee-effect.coffee-effect-visible{display:block;animation:coffeeEffectPop .25s cubic-bezier(.175,.885,.32,1.275) forwards}.coffee-effect.coffee-effect-fadeout{animation:coffeeEffectFade .4s ease-out forwards}@keyframes coffeeEffectPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes coffeeEffectFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.9)}}.coffee-shield-bar{position:absolute;bottom:max(96px,calc(env(safe-area-inset-bottom) + 72px));left:50%;transform:translate(-50%);z-index:25;width:200px;height:12px;background:#ffffffd9;border:2.5px solid #222;border-radius:6px;box-shadow:2px 2px #222;overflow:visible;pointer-events:none}.coffee-shield-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;white-space:nowrap;font-size:13px;font-weight:700;color:#7a5200;background:#ffe14de6;padding:3px 10px;border-radius:10px;border:2px solid #222;box-shadow:1px 1px #222}.coffee-shield-bar__fill{height:100%;width:100%;background:linear-gradient(90deg,#c8860a,#f5c518);border-radius:4px;transition:width .1s linear}.mute-btn{position:absolute;top:116px;right:12px;z-index:30;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#ffffffd9;border:2.5px solid #222;border-radius:50%;box-shadow:2px 2px #222;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.stage-transition{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:all}.stage-transition--fadeout{background:#0000;animation:stFadeToBlack .3s ease-out forwards}.stage-transition--fadeout .stage-transition__content{opacity:0}.stage-transition--text{background:#000}.stage-transition--text .stage-transition__content{animation:stTextAppear .4s ease-out forwards}.stage-transition--fadein{background:#000;animation:stFadeFromBlack .5s ease-in forwards}.stage-transition--fadein .stage-transition__content{animation:stTextDisappear .3s ease-in forwards}.stage-transition__content{text-align:center}.stage-transition__day{font-size:32px;font-weight:700;color:#fff;letter-spacing:2px;margin-bottom:8px}.stage-transition__rank{font-size:18px;font-weight:700;color:#ffffffb3;letter-spacing:2px;margin-bottom:6px}.stage-transition__sub{font-size:16px;font-weight:700;color:gold;letter-spacing:1px}@keyframes stFadeToBlack{0%{background:#0000}to{background:#000}}@keyframes stFadeFromBlack{0%{background:#000}to{background:#0000}}@keyframes stTextAppear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes stTextDisappear{0%{opacity:1}to{opacity:0}}.promotion-screen{position:absolute;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:promotionFadeIn .4s ease-out forwards;overflow:hidden}.promotion-screen--company{background:#4a90d9}.promotion-screen--politics{background:#d4af37}.promotion-screen--isekai{background:#9b59b6}.promotion-screen--space{background:#2c3e50}.promotion-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:promotionContentPop .5s cubic-bezier(.175,.885,.32,1.275) .1s both}.promotion-congrats{font-size:22px;font-weight:700;color:#ffffffe6;letter-spacing:2px;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.promotion-rank-name{font-size:52px;font-weight:700;color:#fff;letter-spacing:3px;line-height:1;text-shadow:3px 3px 0 rgba(0,0,0,.25);border-bottom:3px solid rgba(255,255,255,.4);padding-bottom:10px}.promotion-world{font-size:16px;font-weight:700;color:#fffc;letter-spacing:1px}.promotion-hint{font-size:12px;color:#ffffff80;margin-top:16px;letter-spacing:1px;animation:hintPulse 1.2s ease-in-out 1s infinite}.promotion-confetti{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-12px;border-radius:2px;animation:confettiFall linear both}@keyframes promotionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes promotionContentPop{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confettiFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(100vh) translate(var(--drift)) rotate(540deg);opacity:0}}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}.cutscene{position:absolute;inset:0;z-index:120;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Comic Sans MS,Chalkboard SE,cursive}.cutscene-hint{position:absolute;bottom:48px;left:50%;transform:translate(-50%);font-size:13px;color:#ffffff8c;letter-spacing:1px;animation:hintPulse 1.2s ease-in-out infinite;white-space:nowrap}@keyframes hintPulse{0%,to{opacity:.4}50%{opacity:1}}.cutscene--isekai{background:#1a1a2e}.isekai-scene{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,#0d0d1a,#1a1a2e 60%,#2a2a1a)}.isekai-ground{position:absolute;bottom:120px;left:0;right:0;height:3px;background:#333}.isekai-character{position:absolute;bottom:123px;left:50%;transform:translate(-120px);width:30px;height:70px}.isekai-character .stick-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;border:3px solid #ddd;background:transparent}.isekai-character .stick-body{position:absolute;top:18px;left:50%;transform:translate(-50%);width:3px;height:26px;background:#ddd}.isekai-character .stick-leg-l,.isekai-character .stick-leg-r{position:absolute;bottom:0;left:50%;width:3px;height:22px;background:#ddd;transform-origin:top center}.isekai-character .stick-leg-l{animation:legSwingL .5s ease-in-out infinite}.isekai-character .stick-leg-r{animation:legSwingR .5s ease-in-out infinite}.isekai-character .stick-arm-l,.isekai-character .stick-arm-r{position:absolute;top:22px;left:50%;width:3px;height:18px;background:#ddd;transform-origin:top center}.isekai-character .stick-arm-l{animation:armSwingL .5s ease-in-out infinite}.isekai-character .stick-arm-r{animation:armSwingR .5s ease-in-out infinite}@keyframes legSwingL{0%,to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}@keyframes legSwingR{0%,to{transform:rotate(25deg)}50%{transform:rotate(-25deg)}}@keyframes armSwingL{0%,to{transform:rotate(30deg)}50%{transform:rotate(-30deg)}}@keyframes armSwingR{0%,to{transform:rotate(-30deg)}50%{transform:rotate(30deg)}}.isekai-truck{position:absolute;bottom:100px;right:-200px;display:flex;flex-direction:column;align-items:flex-start;gap:0;animation:truckSlideIn .8s cubic-bezier(.25,.46,.45,.94) forwards}.truck-body{width:160px;height:80px;background:#e74c3c;border:4px solid #222;border-radius:6px 6px 0 0;position:relative;display:flex;align-items:center;justify-content:center}.truck-body:before{content:"VROOM!";position:absolute;top:-32px;left:50%;transform:translate(-50%);background:#fff;border:2px solid #222;border-radius:8px;padding:4px 10px;font-size:15px;font-weight:700;color:#222;white-space:nowrap}.truck-cab{position:absolute;left:-48px;bottom:0;width:50px;height:56px;background:#c0392b;border:4px solid #222;border-right:none;border-radius:6px 0 0}.truck-cab:before{content:"";position:absolute;top:8px;left:6px;width:30px;height:20px;background:#8cf;border:2px solid #222;border-radius:2px}.truck-wheels{width:168px;display:flex;justify-content:space-between;padding:0 10px;margin-top:-4px;position:relative;left:0}.truck-wheel{width:28px;height:28px;background:#222;border-radius:50%;border:4px solid #555;position:relative}.truck-wheel:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#888}@keyframes truckSlideIn{0%{right:-250px}to{right:40px}}.isekai-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;animation:flashIn .6s ease-in forwards}@keyframes flashIn{0%{opacity:0}50%{opacity:1}to{opacity:1}}.isekai-final{position:absolute;inset:0;background:#6c3483;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;animation:fadeIn .5s ease-out forwards}.isekai-final-text{font-size:28px;font-weight:700;color:#fff;text-align:center;letter-spacing:2px;text-shadow:2px 2px 0 rgba(0,0,0,.4);animation:textReveal .6s ease-out .2s both;line-height:1.5;padding:0 24px}.cutscene--space{background:#000}.space-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.space-sky{position:absolute;inset:0;background:linear-gradient(180deg,#000005,#0a0a2e 30%,#1a3a6e,#87ceeb);transition:opacity 1s ease}.space-stars{position:absolute;inset:0;pointer-events:none}.space-star{position:absolute;background:#fff;border-radius:50%;animation:starTwinkle var(--twinkle-dur, 2s) ease-in-out infinite;animation-delay:var(--twinkle-delay, 0s)}@keyframes starTwinkle{0%,to{opacity:var(--star-opacity, .8)}50%{opacity:.2}}.space-character{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:30px;height:70px;animation:ascend 2s ease-in forwards}@keyframes ascend{0%{bottom:100px;opacity:1}80%{opacity:1}to{bottom:110%;opacity:0}}.space-character .stick-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;border:3px solid #fff}.space-character .stick-body{position:absolute;top:18px;left:50%;transform:translate(-50%);width:3px;height:26px;background:#fff}.space-character .stick-arm-l,.space-character .stick-arm-r{position:absolute;top:22px;left:50%;width:3px;height:18px;background:#fff;transform-origin:top center}.space-character .stick-arm-l{transform:rotate(-60deg)}.space-character .stick-arm-r{transform:rotate(60deg)}.space-character .stick-leg-l,.space-character .stick-leg-r{position:absolute;bottom:0;left:50%;width:3px;height:22px;background:#fff;transform-origin:top center}.space-character .stick-leg-l{transform:rotate(-20deg)}.space-character .stick-leg-r{transform:rotate(20deg)}.space-ground{position:absolute;bottom:100px;left:0;right:0;height:3px;background:#fff3}.space-text-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;animation:fadeIn .6s ease-out forwards}.space-text-line1{font-size:32px;font-weight:700;color:#fff;letter-spacing:3px;text-align:center;text-shadow:0 0 20px rgba(135,206,235,.8);animation:textReveal .6s ease-out .1s both}.space-text-line2{font-size:24px;color:#ffffffd9;letter-spacing:2px;text-align:center;text-shadow:0 0 15px rgba(135,206,235,.6);animation:textReveal .6s ease-out .5s both}.cutscene--celestial{background:#1a0a2e}.celestial-sky{position:absolute;inset:0;background:linear-gradient(180deg,#0d0520,#2a0f4e 30%,#6b2fa0,#d4a0e8)}.celestial-particles{position:absolute;inset:0;pointer-events:none}.celestial-particle{position:absolute;background:#f0c8ff;border-radius:50%;animation:starTwinkle var(--twinkle-dur, 2s) ease-in-out infinite;animation-delay:var(--twinkle-delay, 0s)}.celestial-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.celestial-ground{position:absolute;bottom:100px;left:0;right:0;height:3px;background:#f0c8ff4d}.celestial-character{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:30px;height:70px;animation:ascend 2s ease-in forwards}.celestial-character .stick-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;border:3px solid #f0c8ff}.celestial-character .stick-body{position:absolute;top:18px;left:50%;transform:translate(-50%);width:3px;height:26px;background:#f0c8ff}.celestial-character .stick-arm-l,.celestial-character .stick-arm-r{position:absolute;top:22px;left:50%;width:3px;height:18px;background:#f0c8ff;transform-origin:top center}.celestial-character .stick-arm-l{transform:rotate(-60deg)}.celestial-character .stick-arm-r{transform:rotate(60deg)}.celestial-character .stick-leg-l,.celestial-character .stick-leg-r{position:absolute;bottom:0;left:50%;width:3px;height:22px;background:#f0c8ff;transform-origin:top center}.celestial-character .stick-leg-l{transform:rotate(-20deg)}.celestial-character .stick-leg-r{transform:rotate(20deg)}.celestial-text-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;animation:fadeIn .6s ease-out forwards}.celestial-text-line1{font-size:32px;font-weight:700;color:#fff;letter-spacing:3px;text-align:center;text-shadow:0 0 20px rgba(200,100,255,.9);animation:textReveal .6s ease-out .1s both}.celestial-text-line2{font-size:24px;color:#ffdcffe6;letter-spacing:2px;text-align:center;text-shadow:0 0 15px rgba(200,100,255,.7);animation:textReveal .6s ease-out .5s both}.cutscene--dream{background:#fff}.dream-blur-overlay{position:absolute;inset:0;background:#ffffff0d;animation:dreamBlur 1.5s ease-in forwards;pointer-events:none}@keyframes dreamBlur{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background:#fff0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff6}}.dream-alarm{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:fadeIn .3s ease-out forwards}.alarm-clock{position:relative;width:80px;height:80px;animation:alarmShake .15s ease-in-out infinite}.clock-body{position:absolute;inset:10px;border-radius:50%;background:#fff;border:5px solid #222}.clock-body:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:20px;background:#222;transform:translate(-50%,-100%);transform-origin:bottom center}.clock-body:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:14px;background:#222;transform:translate(-50%,-100%) rotate(60deg);transform-origin:bottom center}.clock-bell-l,.clock-bell-r{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #222}.clock-bell-l{left:-4px}.clock-bell-r{right:-4px}.clock-feet{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:flex;gap:24px}.clock-foot{width:10px;height:10px;border-radius:50%;background:#222}@keyframes alarmShake{0%{transform:rotate(-8deg) translate(-2px)}50%{transform:rotate(8deg) translate(2px)}to{transform:rotate(-8deg) translate(-2px)}}.alarm-text{font-size:28px;font-weight:700;color:#222;letter-spacing:2px;animation:alarmShake .15s ease-in-out infinite}.dream-text-screen{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.dream-text-line1{font-size:36px;font-weight:700;color:#444;letter-spacing:3px;animation:textReveal .5s ease-out .1s both}.dream-text-line2{font-size:22px;color:#888;letter-spacing:2px;animation:textReveal .5s ease-out .5s both}.dream-text-sub{font-size:16px;color:#aaa;letter-spacing:1px;font-style:italic;animation:textReveal .5s ease-out .9s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes textReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ad-overlay{position:absolute;inset:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:adFadeIn .3s ease-out}@keyframes adFadeIn{0%{opacity:0}to{opacity:1}}.ad-overlay__box{width:300px;background:#fff;border:3px solid #222;box-shadow:6px 6px #222;padding:24px;text-align:center}.ad-overlay__label{font-size:12px;font-weight:700;color:#777;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase}.ad-overlay__placeholder{background:#f0f0f0;border:2px dashed #ccc;padding:32px 16px;margin-bottom:16px}.ad-overlay__icon{font-size:36px;font-weight:700;color:#bbb;margin-bottom:8px}.ad-overlay__text{font-size:13px;color:#999;font-weight:600}.ad-overlay__timer{font-size:14px;font-weight:700;color:#222;margin-bottom:16px}.ad-overlay__actions{display:flex;flex-direction:column;gap:8px}.ad-overlay__btn{width:100%;height:44px;background:#222;color:#fff;font-size:15px;font-weight:700;border:2px solid #222;cursor:pointer;box-shadow:3px 3px #555;transition:box-shadow .1s,transform .1s}.ad-overlay__btn:hover{box-shadow:1px 1px #555;transform:translate(2px,2px)}.ad-overlay__btn--disabled{background:#ccc;color:#888;border-color:#ccc;box-shadow:3px 3px #aaa;cursor:not-allowed}.ad-overlay__btn--disabled:hover{box-shadow:3px 3px #aaa;transform:none}.ad-overlay__btn--close{background:#fff;color:#222;border:2px solid #222;box-shadow:3px 3px #222}.gameover-screen{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.go-scene{height:200px;flex-shrink:0;position:relative;background:#fff;overflow:hidden;border-bottom:3px solid #222;animation:sceneShake .45s ease-out}@media(max-width:430px)and (max-height:750px){.go-bottom{padding:12px 20px 16px;gap:8px}.result-distance{font-size:28px}.go-headline{font-size:18px}.btn-retry{height:48px;font-size:17px}}@media(max-width:430px)and (max-height:680px){.go-scene{height:130px}.go-bottom{padding:8px 16px 12px;gap:6px}.result-distance{font-size:24px}.result-item{padding:8px}.btn-retry{height:46px;font-size:16px}.btn-secondary{height:36px;font-size:13px}}@keyframes sceneShake{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}50%{transform:translate(-5px)}70%{transform:translate(5px)}85%{transform:translate(-2px)}to{transform:translate(0)}}.go-buildings{position:absolute;bottom:32px;left:0;right:0}.go-ground{position:absolute;bottom:0;left:0;right:0;height:32px;background:#888;border-top:3px solid #222}.go-spill{position:absolute;bottom:28px;left:60px;animation:spillAppear .3s ease-out .15s both}@keyframes spillAppear{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.go-fallen-char{position:absolute;bottom:28px;left:50%;transform:translate(-50%);animation:fallOver .55s cubic-bezier(.25,.46,.45,.94) .05s both}@keyframes fallOver{0%{transform:translate(-50%) translateY(-40px) scaleX(.6);opacity:0}50%{transform:translate(-50%) translateY(4px) scaleX(1.04);opacity:1}75%{transform:translate(-50%) translateY(-2px) scaleX(.98)}to{transform:translate(-50%) translateY(0) scaleX(1);opacity:1}}.aigo-text{position:absolute;bottom:148px;left:50%;transform:translate(-50%) rotate(-3deg);font-size:26px;font-weight:700;color:#555;white-space:nowrap;animation:aigoAppear .5s ease-out .5s both;text-shadow:2px 2px 0 rgba(0,0,0,.08)}@keyframes aigoAppear{0%{transform:translate(-50%) rotate(-3deg);opacity:0}to{transform:translate(-50%) rotate(-3deg);opacity:1}}.go-bottom{flex:1;background:#fff;padding:14px 20px 18px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:none}.go-bottom::-webkit-scrollbar{display:none}.go-title{text-align:center}.go-headline{font-size:22px;font-weight:700;color:#222;line-height:1.3;margin-bottom:4px}.go-sub{font-size:14px;font-weight:600;color:#777}.result-box{border:2px solid #222;border-radius:8px;display:flex;background:#fff;box-shadow:0 2px 8px #00000014;overflow:hidden}.result-item{flex:1;padding:14px 12px;text-align:center;position:relative}.result-item:not(:last-child){border-right:2px solid #222}.result-label{font-size:11px;font-weight:700;color:#777;display:block;margin-bottom:6px;letter-spacing:.5px}.result-value{display:block}@keyframes countUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.result-unit{font-size:14px;font-weight:700;color:#555}.new-record{display:inline-block;font-size:10px;font-weight:700;color:#222;border:2px solid #ffd700;background:#fffacd;padding:2px 8px;margin-top:4px}.compare-box{border-left:4px solid #ffd700;border-radius:0 4px 4px 0;padding:7px 12px;background:#f8f8f8}.compare-text{font-size:13px;color:#333;line-height:1.5;font-weight:700}.compare-text .highlight{color:#f44}.btn-group{display:flex;flex-direction:column;gap:10px}.btn-retry{width:100%;height:56px;background:#222;color:#fff;font-size:18px;font-weight:700;border:3px solid #222;border-radius:14px;cursor:pointer;box-shadow:0 4px #000,0 6px 12px #0003;transition:box-shadow .1s,transform .1s}.btn-retry:hover{box-shadow:0 2px #000,0 4px 8px #0003;transform:translateY(2px)}.btn-retry:active{box-shadow:0 0 #000,0 2px 4px #00000026;transform:translateY(4px)}.btn-row{display:flex;gap:10px}.btn-secondary{flex:1;height:48px;background:#fff;color:#222;font-size:14px;font-weight:700;border:2px solid #222;border-radius:14px;cursor:pointer;box-shadow:0 4px #000,0 6px 12px #0003;transition:box-shadow .1s,transform .1s}.btn-secondary:hover{box-shadow:0 2px #000,0 4px 8px #0003;transform:translateY(2px)}.btn-secondary:active{box-shadow:0 0 #000,0 2px 4px #00000026;transform:translateY(4px)}.btn-continue{width:100%;height:56px;background:gold;color:#222;font-size:18px;font-weight:700;border:3px solid #222;border-radius:14px;cursor:pointer;box-shadow:0 4px #000,0 6px 12px #0003;transition:box-shadow .1s,transform .1s}.btn-continue:hover{box-shadow:0 2px #000,0 4px 8px #0003;transform:translateY(2px)}.btn-continue:active{box-shadow:0 0 #000,0 2px 4px #00000026;transform:translateY(4px)}.btn-coffee-ad{width:100%;height:56px;background:#6f4e37;color:#fff;font-size:16px;font-weight:700;border:2px solid #222;border-radius:12px;cursor:pointer;box-shadow:0 3px #000,0 4px 8px #00000026;transition:box-shadow .1s,transform .1s}.btn-coffee-ad:active{box-shadow:0 0 #000,0 2px 4px #00000026;transform:translateY(3px)}.btn-leaderboard{border-color:#222;color:#222}.result-day{display:block;font-size:13px;font-weight:700;color:#777;margin-bottom:2px}.result-distance{font-size:38px;font-weight:700;color:#222;letter-spacing:-2px;line-height:1;display:block;animation:countUp .5s ease-out}.asset-preview{background:#1a1a2e;min-height:100vh;padding:24px 16px 48px;font-family:Comic Sans MS,Comic Sans,cursive,sans-serif;color:#e0e0f0}.asset-preview__header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #444466}.asset-preview__header h1{font-size:28px;color:#ccf;margin:0 0 8px;letter-spacing:1px}.asset-preview__header p{font-size:13px;color:#88a;margin:0}.asset-preview__section{margin-bottom:48px}.asset-preview__section h2{font-size:18px;color:#aae;margin:0 0 16px;padding:8px 12px;background:#ffffff0d;border-left:4px solid #6666cc;border-radius:0 4px 4px 0}.asset-preview__grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.asset-preview__canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.asset-preview__canvas-wrap canvas{border:2px solid #444466;border-radius:4px;display:block}.asset-preview__canvas-wrap span{font-size:11px;color:#88a;text-align:center;max-width:200px}.asset-preview__label-only{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px dashed #444466;border-radius:4px;padding:24px 32px;font-size:13px;color:#aac;text-align:center}.app-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100dvw;height:100dvh;max-width:430px;max-height:932px;background:var(--outer-bg, #fff);transition:background .3s ease;overflow:hidden}.game-container{position:absolute;width:390px;height:844px;transform-origin:0 0;background:#fff;overflow:hidden;visibility:hidden}@media(min-width:431px){html,body{background:#000}}