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:radial-gradient(circle,#0a0a0a,#000);justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.intro-content{text-align:center;color:#fff;max-width:400px;padding:20px}.intro-content h1{margin-bottom:10px;font-size:2.5rem}#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}#enter-btn{color:#000;cursor:pointer;background:#7ec8ff;border:none;border-radius:999px;padding:12px 28px;font-size:1rem;transition:transform .2s,background .2s}#enter-btn:hover{background:#a5dcff;transform:scale(1.05)}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}}