@font-face{font-family:Evangie Digital;src:url(/fonts/E1234.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}html,body{overscroll-behavior:none;background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{position:fixed;inset:0}#intro-screen{z-index:20000;background-color:#0000;background-image:radial-gradient(circle at 25% 20%,#7ec8ffb8,#0000 28%),linear-gradient(135deg,#dff7ffa6,#3767d8b8),url(/images/intro-background.jpg);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;font-family:Comic Sans MS,sans-serif;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}#intro-screen:before{content:"";opacity:.45;pointer-events:none;background:linear-gradient(120deg,#0000 20%,#fff3 45%,#0000 68%),repeating-linear-gradient(135deg,#ffffff0d 0 2px,#0000 2px 12px);position:absolute;inset:0}#intro-screen:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 35%,#00145038 100%);position:absolute;inset:0}.intro-content{z-index:2;text-align:center;color:#fff;-webkit-backdrop-filter:blur(18px)saturate(1.35);background:linear-gradient(#ffffff6b,#ffffff24),#144ba047;border:1px solid #ffffff9e;border-radius:30px;width:min(430px,100vw - 34px);padding:30px 26px 28px;position:relative;box-shadow:inset 0 1px #ffffffd9,inset 0 -18px 32px #1450be2e,0 24px 70px #0023785c,0 0 36px #7ec8ff52}.intro-content:before{content:"";pointer-events:none;background:linear-gradient(#ffffff7a,#ffffff0a);border-radius:24px 24px 50% 50%;height:42%;position:absolute;top:14px;left:18px;right:18px}.intro-sun{z-index:2;object-fit:contain;filter:drop-shadow(0 0 10px #ffffffd9)drop-shadow(0 0 18px #7ec8fff2);width:74px;height:74px;margin-bottom:10px;animation:3.4s ease-in-out infinite introSunFloat;position:relative}.intro-content h1{z-index:2;color:#fff;text-shadow:0 2px #1e5ab459,0 0 14px #7ec8ffd9;margin:0 0 10px;font-size:clamp(2rem,7vw,2.8rem);line-height:1;position:relative}.subtitle{z-index:2;opacity:.95;text-shadow:0 1px 8px #001e5a66;max-width:340px;margin:0 auto 18px;font-size:.95rem;line-height:1.45;position:relative}.instructions{z-index:2;background:#ffffff2e;border:1px solid #ffffff59;border-radius:18px;margin:0 auto 22px;padding:12px 14px;font-size:.84rem;line-height:1.35;position:relative;box-shadow:inset 0 1px #ffffff52}#enter-btn{z-index:2;color:#07346d;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#fffffff5 0%,#a8e2ffeb 42%,#2a8bebfa 100%);border:1px solid #ffffffbf;border-radius:999px;min-width:180px;padding:13px 34px;font-size:1.02rem;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;position:relative;transform:translateY(0);box-shadow:inset 0 2px #ffffffe6,inset 0 -8px 16px #0048be47,0 8px #0c49a08c,0 18px 34px #00238257,0 0 22px #7ec8ff9e}#enter-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffffdb,#ffffff14);border-radius:999px;height:42%;position:absolute;top:6px;left:12px;right:12px}#enter-btn span{z-index:1;position:relative}#enter-btn:hover{filter:saturate(1.18)brightness(1.05);transform:translateY(-3px)scale(1.03);box-shadow:inset 0 2px #fffffff2,inset 0 -8px 16px #0048be3d,0 11px #0c49a08c,0 22px 42px #00238261,0 0 30px #7ec8ffe6}#enter-btn:active{transform:translateY(5px)scale(.99);box-shadow:inset 0 2px #ffffffc7,inset 0 -6px 12px #0048be3d,0 3px #0c49a08c,0 10px 22px #00238247}.aero-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.aero-bubbles span{width:var(--size);height:var(--size);left:var(--left);animation:bubbleFloat var(--duration) linear infinite;animation-delay:var(--delay);background:radial-gradient(circle at 30% 25%,#fffffff2,#ffffff47 28%,#7ec8ff2e 58%,#145ad229);border:1px solid #ffffff75;border-radius:50%;display:block;position:absolute;bottom:-140px;box-shadow:inset 0 0 18px #ffffff59,0 0 24px #7ec8ff47}.aero-bubbles span:first-child{--size:82px;--left:10%;--duration:13s;--delay:0s}.aero-bubbles span:nth-child(2){--size:48px;--left:26%;--duration:10s;--delay:-4s}.aero-bubbles span:nth-child(3){--size:110px;--left:64%;--duration:16s;--delay:-7s}.aero-bubbles span:nth-child(4){--size:58px;--left:82%;--duration:12s;--delay:-2s}.aero-bubbles span:nth-child(5){--size:36px;--left:48%;--duration:9s;--delay:-5s}.intro-orb{aspect-ratio:1;filter:blur(.2px);opacity:.65;pointer-events:none;background:radial-gradient(circle at 35% 25%,#ffffffd9,#7ec8ff61 34%,#235fdc2e 68%,#0000 72%);border-radius:50%;width:min(52vw,420px);animation:7s ease-in-out infinite alternate orbDrift;position:absolute;transform:translate(-210px,-130px)}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}12%{opacity:.9}80%{opacity:.75}to{opacity:0;transform:translateY(-120vh)translate(32px)scale(1.12)}}@keyframes introSunFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(8deg)}}@keyframes orbDrift{0%{transform:translate(-230px,-140px)scale(1)}to{transform:translate(210px,120px)scale(1.12)}}#loading-screen{color:#f7f1e8;z-index:999999;background:#0c0a12f5;justify-content:center;align-items:center;font-family:sans-serif;display:none;position:fixed;inset:0}#loading-screen.visible{display:flex}.loading-content{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181420d1;border:1px solid #7ec8ff40;border-radius:22px;width:min(420px,86vw);padding:28px;box-shadow:0 20px 60px #00000073,0 0 32px #7ec8ff1f}.loading-content img{object-fit:contain;width:76px;height:76px;margin-bottom:12px;animation:1.6s linear infinite blueSunSpin}.loading-content h2{color:#7ec8ff;margin:0 0 18px;font-size:1.25rem}.loading-bar{background:#ffffff1f;border:1px solid #7ec8ff40;border-radius:999px;width:100%;height:14px;overflow:hidden}#loading-progress{background:linear-gradient(90deg,#7ec8ffd9,#bea0ffd9);border-radius:999px;width:0%;height:100%;transition:width .2s}#loading-percent{color:#f7f1e8;margin:10px 0 8px;font-size:.95rem}#loading-tip{color:#f7f1e8c7;margin:0;font-size:.85rem;line-height:1.45}@keyframes blueSunSpin{to{transform:rotate(360deg)}}.subtitle{opacity:.7;margin-bottom:20px}.instructions{opacity:.8;margin-bottom:25px;font-size:.9rem}.instructions p{margin:6px 0}canvas{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.crosshair{display:none}#interact-icon{z-index:9999;pointer-events:auto;cursor:pointer;width:52px;height:52px;transition:transform .2s,filter .2s;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#interact-icon.visible{filter:drop-shadow(0 0 6px #7ec8ff99);display:block;transform:translate(-50%,-50%)scale(1.15)}.info-panel{color:#f7f1e8;-webkit-backdrop-filter:blur(10px);z-index:10000;opacity:0;pointer-events:none;background:#181412eb;border:1px solid #7ec8ff38;border-radius:18px;width:min(390px,100vw - 32px);max-height:60vh;padding:20px 20px 18px;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;right:24px;overflow-y:auto;transform:translateY(12px);box-shadow:0 14px 40px #00000059,0 0 24px #7ec8ff14}.info-panel:before{content:"";pointer-events:none;border-radius:18px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0f}.info-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.info-panel h2{color:#7ec8ff;margin:0 32px 10px 0;font-size:1.15rem;line-height:1.2}.info-panel p{white-space:pre-line;color:#f7f1e8;text-overflow:unset;margin:0;font-size:.96rem;line-height:1.6;display:block;overflow:visible}.close-info{color:#f7f1e8;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;width:32px;height:32px;font-size:1.1rem;transition:background .2s,transform .2s;position:absolute;top:10px;right:10px}.close-info:hover{background:#7ec8ff2e;transform:scale(1.05)}.info-panel::-webkit-scrollbar{width:6px}.info-panel::-webkit-scrollbar-thumb{background:#7ec8ff66;border-radius:10px}.info-image{object-fit:contain;background:#ffffff0d;border-radius:12px;width:100%;max-height:180px;margin:0 auto 12px;padding:6px;display:none}.info-image.visible{display:block}@media (width<=768px){.info-panel{box-sizing:border-box;width:86vw;max-height:70vh;padding:18px;overflow-y:auto}.info-image{max-width:100%;height:auto}}.leave-panel{color:#f7f1e8;-webkit-backdrop-filter:blur(12px);z-index:1000000;opacity:0;pointer-events:none;text-align:center;background:#181412f0;border:1px solid #7ec8ff47;border-radius:20px;width:min(340px,100vw - 40px);padding:24px;transition:opacity .22s,transform .22s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 18px 50px #00000073,0 0 28px #7ec8ff1f}.leave-panel.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.leave-panel h2{color:#7ec8ff;margin:0 0 8px}.leave-panel p{opacity:.85;margin:0 0 18px}.leave-buttons{justify-content:center;gap:12px;display:flex}.leave-buttons button{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-size:.95rem}#confirm-leave{color:#111;background:#7ec8ff}#cancel-leave{color:#f7f1e8;background:#ffffff1f}#mobile-controls{z-index:999998;pointer-events:none;display:none;position:fixed;inset:0}body.touch-mode #mobile-controls.visible{display:block}body.touch-mode #mobile-controls.hidden{display:none!important}.joystick{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999999;touch-action:none;pointer-events:auto;background:#ffffff2e;border:2px solid #ffffffbf;border-radius:50%;width:115px;height:115px;position:fixed;bottom:95px}.joystick-knob{pointer-events:none;background:#ffffffa6;border-radius:50%;width:40px;height:40px;position:absolute;top:37.5px;left:37.5px}#move-joystick{left:25px}#look-joystick{right:25px}canvas{touch-action:none}#resume-hint{color:#f7f1e8;z-index:99999;opacity:0;pointer-events:none;background:#181412d1;border-radius:999px;padding:10px 16px;font-family:sans-serif;transition:opacity .2s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}#resume-hint.visible{opacity:1}@media (width<=768px){#resume-hint{display:none}.intro-content{border-radius:24px;padding:24px 20px 22px}.intro-sun{width:58px;height:58px}.instructions{padding:10px 12px;font-size:.78rem}#enter-btn{min-width:160px;padding:12px 26px;font-size:.95rem}.aero-bubbles span{opacity:.75}}.time-selector{z-index:2;background:linear-gradient(#ffffff4d,#ffffff1f),#1958af3d;border:1px solid #ffffff6b;border-radius:19px;margin:-8px auto 22px;padding:13px 14px 11px;position:relative;box-shadow:inset 0 1px #ffffff85,inset 0 -12px 22px #0a44a51f,0 8px 22px #002a7829}.time-selector-title{color:#fff;text-shadow:0 1px 6px #0022646b;margin:0 0 9px;font-size:.82rem;font-weight:700}.time-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.time-option{color:#fff;cursor:pointer;background:linear-gradient(#ffffff75,#82c8ff38 48%,#216ed74d);border:1px solid #ffffff7a;border-radius:12px;min-width:0;padding:8px 4px 7px;font-family:Comic Sans MS,sans-serif;font-size:.63rem;line-height:1.15;transition:transform .16s,filter .16s,background .16s,box-shadow .16s;position:relative;box-shadow:inset 0 1px #ffffffa8,0 3px 8px #002a7826}.time-option:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#0000);border-radius:8px 8px 50% 50%;height:35%;position:absolute;top:3px;left:5px;right:5px}.time-option:hover{filter:brightness(1.1)saturate(1.12);transform:translateY(-2px)}.time-option:active{transform:translateY(1px)}.time-option.active{color:#05376f;background:linear-gradient(#fffffffa,#beeafff0 48%,#51a6f4f0);border-color:#ffffffe6;box-shadow:inset 0 2px #fffffff5,inset 0 -7px 12px #1168d233,0 0 13px #a0e0ffc7,0 4px 10px #00308233}.time-icon{z-index:1;margin-bottom:3px;font-size:1.05rem;line-height:1;display:block;position:relative}.time-option span:last-child{z-index:1;display:block;position:relative}#selected-time-label{color:#ffffffe0;text-shadow:0 1px 5px #001e5a59;margin:8px 0 0;font-size:.68rem;line-height:1.2}@media (width<=768px){.time-selector{margin-top:-8px;margin-bottom:18px;padding:11px 10px 10px}.time-selector-title{margin-bottom:8px;font-size:.75rem}.time-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.time-option{min-height:48px;padding:7px 3px 6px;font-size:.61rem}.time-icon{font-size:1rem}#selected-time-label{font-size:.64rem}}.weather-selector{z-index:2;background:linear-gradient(#ffffff4d,#ffffff1f),#1958af3d;border:1px solid #ffffff6b;border-radius:19px;margin:-10px auto 20px;padding:12px 14px 10px;position:relative;box-shadow:inset 0 1px #ffffff85,inset 0 -12px 22px #0a44a51f,0 8px 22px #002a7829}.weather-selector-title{color:#fff;text-shadow:0 1px 6px #0022646b;margin:0 0 8px;font-size:.82rem;font-weight:700}.weather-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.weather-option{color:#fff;cursor:pointer;background:linear-gradient(#ffffff75,#82c8ff38 48%,#216ed74d);border:1px solid #ffffff7a;border-radius:12px;padding:8px 10px 7px;font-family:Comic Sans MS,sans-serif;font-size:.72rem;transition:transform .16s,filter .16s,background .16s;position:relative;box-shadow:inset 0 1px #ffffffa8,0 3px 8px #002a7826}.weather-option:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#0000);border-radius:8px 8px 50% 50%;height:34%;position:absolute;top:3px;left:7px;right:7px}.weather-option:hover{filter:brightness(1.1)saturate(1.12);transform:translateY(-2px)}.weather-option.active{color:#05376f;background:linear-gradient(#fffffffa,#beeafff0 48%,#51a6f4f0);border-color:#ffffffe6;box-shadow:inset 0 2px #fffffff5,inset 0 -7px 12px #1168d233,0 0 13px #a0e0ffc7,0 4px 10px #00308233}.weather-icon{z-index:1;margin-right:4px;font-size:1rem;position:relative}.weather-option span{z-index:1;position:relative}#selected-weather-label{color:#ffffffe0;margin:8px 0 0;font-size:.68rem;line-height:1.2}@media (width<=768px){.weather-selector{margin-bottom:16px;padding:10px}.weather-option{min-height:42px}#intro-screen{width:100%;height:100dvh;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 14px max(30px, env(safe-area-inset-bottom));box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden auto}#intro-screen>*{flex-shrink:0}#enter-btn{width:min(88vw,320px);min-height:52px;margin:18px auto max(20px, env(safe-area-inset-bottom));display:block;position:relative;inset:auto}}