*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#eae7dc;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#050505;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;position:relative}.webgl-container{cursor:pointer;background:#050505;width:100%;height:100%;position:absolute;top:0;left:0}.webgl-container canvas{width:100%;height:100%;display:block}.prompt-overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;width:100%;height:100%;animation:1s ease-in-out fadeIn;display:flex;position:absolute;top:0;left:0}.prompt-text{letter-spacing:.1em;text-align:center;color:#eae7dc;text-shadow:0 0 20px #ff6b0080;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding:1rem 2rem;font-size:1.5rem;font-weight:300;animation:2s ease-in-out infinite pulse}.prompt-text.charging{color:#ff6b00;animation:1.5s ease-in-out infinite glow}.cta-overlay{z-index:20;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-in-out fadeIn;display:flex;position:absolute;top:0;left:0}.cta-container{pointer-events:auto;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.cta-button{letter-spacing:.05em;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid;min-width:280px;padding:1rem 3rem;font-size:1.125rem;font-weight:500;transition:all .3s}.cta-primary{color:#ff6b00;border-color:#ff6b00;box-shadow:0 0 20px #ff6b004d}.cta-primary:hover{color:#050505;background:#ff6b00;transform:translateY(-2px);box-shadow:0 0 30px #ff6b0099}.cta-secondary{color:#eae7dc;border-color:#eae7dc;box-shadow:0 0 20px #eae7dc33}.cta-secondary:hover{color:#050505;background:#eae7dc;transform:translateY(-2px);box-shadow:0 0 30px #eae7dc66}.cta-button:active{transform:translateY(0)}.fallback-container{background:linear-gradient(135deg,#050505 0%,#1a1510 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.fallback-content{text-align:center;max-width:600px}.fallback-title{color:#ff6b00;letter-spacing:.05em;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.fallback-text{color:#eae7dc;margin-bottom:3rem;font-size:1.5rem;font-weight:300;line-height:1.5}.fallback-ctas{flex-direction:column;align-items:center;gap:1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes glow{0%,to{text-shadow:0 0 20px #ff6b0080}50%{text-shadow:0 0 40px #ff6b00}}@media (width<=768px){.prompt-text{padding:1rem;font-size:1.25rem}.cta-button{min-width:240px;padding:.875rem 2rem;font-size:1rem}.fallback-title{font-size:2rem}.fallback-text{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.prompt-text,.prompt-text.charging,.cta-overlay{animation:none}}.gameplay-hud{pointer-events:none;z-index:5;width:100%;height:100%;animation:1s ease-in-out fadeIn;position:fixed;top:0;left:0}.crosshair{background:#eae7dc99;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #eae7dc66}.crosshair:before,.crosshair:after{content:"";background:#eae7dc99;position:absolute}.crosshair:before{width:12px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:after{width:1px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.controls-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #eae7dc33;border-radius:8px;padding:.75rem 1.5rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.controls-hint p{color:#eae7dc;letter-spacing:.05em;text-align:center;margin:0;font-size:.875rem}.mouse-lock-hint{color:#eae7dc;letter-spacing:.04em;z-index:15;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #eae7dc40;border-radius:8px;padding:.6rem 1rem;font-size:.8rem;transition:opacity .2s;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.mouse-lock-hint.hidden{opacity:0}.vctl{pointer-events:auto;touch-action:none;z-index:10;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.vctl-stick{pointer-events:auto;touch-action:none;width:140px;height:140px;position:absolute;bottom:1.5rem}.vctl-stick--left{left:1.5rem}.vctl-stick--right{right:1.5rem}.vctl-stick__base{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.vctl-stick__ring{-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle,#ffffff0f 0%,#ffffff05 60%,#0000 100%);border:1.5px solid #ffffff1f;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 20px #ffffff08,0 0 12px #0000004d}.vctl-stick__knob{pointer-events:none;will-change:transform;background:radial-gradient(circle at 40% 35%,#ffffff47 0%,#ffffff1f 50%,#ffffff0f 100%);border:1.5px solid #ffffff40;border-radius:50%;width:52px;height:52px;transition:box-shadow .12s;box-shadow:0 2px 8px #00000059,0 0 16px #ffffff0f,inset 0 1px 1px #ffffff26}.vctl-actions{pointer-events:auto;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:12rem;right:1.5rem}.vctl-btn{color:#ffffffbf;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);border:1.5px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.vctl-btn--jump{background:radial-gradient(circle,#ffffff1a 0%,#ffffff0a 100%);width:56px;height:56px;box-shadow:0 2px 10px #0000004d,inset 0 1px 1px #ffffff14}.vctl-btn--jump.vctl-btn--active{background:radial-gradient(circle,#ffffff40 0%,#ffffff1a 100%);border-color:#ffffff59;transform:scale(.92);box-shadow:0 0 18px #ffffff26,inset 0 1px 1px #ffffff1f}.vctl-btn--interact{background:radial-gradient(circle,#c8aa6433 0%,#c8aa6414 100%);border-color:#c8aa6459;border-radius:28px;width:auto;min-width:56px;height:56px;padding:0 18px;animation:2s ease-in-out infinite vctl-interact-pulse;box-shadow:0 2px 10px #0000004d,0 0 20px #c8aa641a,inset 0 1px 1px #ffffff14}.vctl-btn--interact.vctl-btn--active{background:radial-gradient(circle,#c8aa6459 0%,#c8aa6426 100%);border-color:#c8aa6480;animation:none;transform:scale(.92);box-shadow:0 0 24px #c8aa6440,inset 0 1px 1px #ffffff1f}.vctl-btn__label{letter-spacing:.04em;color:#e6d2aad9;text-shadow:0 1px 4px #00000080;font-family:inherit;font-size:.82rem;font-weight:500}@keyframes vctl-interact-pulse{0%,to{box-shadow:0 2px 10px #0000004d,0 0 20px #c8aa641a,inset 0 1px 1px #ffffff14}50%{box-shadow:0 2px 10px #0000004d,0 0 28px #c8aa6433,inset 0 1px 1px #ffffff14}}.transition-overlay{opacity:0;pointer-events:none;z-index:9999;background:#050505;width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=768px){.vctl-stick{width:120px;height:120px;bottom:1rem}.vctl-stick--left{left:1rem}.vctl-stick--right{right:1rem}.vctl-stick__knob{width:44px;height:44px}.vctl-actions{bottom:10rem;right:1rem}.vctl-btn--jump,.vctl-btn--interact{width:48px;min-width:48px;height:48px}.vctl-btn--interact{border-radius:24px;width:auto;min-width:48px;padding:0 14px}.controls-hint{padding:.5rem 1rem;bottom:1rem}.controls-hint p{font-size:.75rem}.mouse-lock-hint{padding:.45rem .7rem;font-size:.72rem;top:.8rem}}.quest-objective{letter-spacing:.08em;color:#eae7dcbf;text-shadow:0 1px 6px #000c;-webkit-user-select:none;user-select:none;max-width:320px;font-size:.85rem;font-weight:300;animation:1.2s ease-out objective-fade-in;position:absolute;top:1.5rem;left:1.75rem}.quest-objective:before{content:"";vertical-align:1px;background:#ff6b00;border-radius:50%;width:5px;height:5px;margin-right:.6rem;animation:2.4s ease-in-out infinite objective-dot-pulse;display:inline-block;box-shadow:0 0 8px #ff6b00b3}@keyframes objective-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes objective-dot-pulse{0%,to{opacity:.5}50%{opacity:1}}.quest-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#080604b8;border:1px solid #ff963c59;border-radius:8px;align-items:center;gap:.6rem;max-width:80vw;padding:.65rem 1.2rem;animation:.5s ease-out tooltip-in;display:flex;position:absolute;bottom:5.6rem;left:50%;transform:translate(-50%)}.quest-tooltip p{letter-spacing:.05em;color:#f0e6d2;text-shadow:0 1px 4px #000c;text-align:center;margin:0;font-size:.92rem;font-weight:300}.quest-tooltip-marker{background:radial-gradient(circle at 35% 35%,#ffd27a,#f72);flex-shrink:0;width:9px;height:9px;animation:1.8s ease-in-out infinite tooltip-marker-pulse;transform:rotate(45deg);box-shadow:0 0 10px #ff8c28cc}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes tooltip-marker-pulse{0%,to{opacity:.7;box-shadow:0 0 6px #ff8c2880}50%{opacity:1;box-shadow:0 0 14px #ff8c28f2}}.lore-toast{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.5rem;animation:4.2s ease-in-out forwards toast-fade;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.lore-toast p{letter-spacing:.06em;color:#e8d9b8;text-shadow:0 0 14px #ff963273,0 2px 8px #000000e6;text-align:center;max-width:70vw;margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:1.05rem;font-style:italic}.lore-toast-line{background:linear-gradient(90deg,#0000,#e8d9b880,#0000);width:90px;height:1px;display:block}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%)translateY(10px)}10%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-6px)}}.finale-overlay{z-index:10000;background:radial-gradient(#bee1fff7 0%,#78b4f0fa 55%,#3c6eb4fc 100%);justify-content:center;align-items:center;animation:3s ease-in forwards finale-fade;display:flex;position:fixed;inset:0}@keyframes finale-fade{0%{opacity:0}to{opacity:1}}.finale-content{text-align:center;flex-direction:column;align-items:center;gap:1.4rem;padding:2rem;animation:2.2s ease-out 1.2s both finale-content-rise;display:flex}@keyframes finale-content-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.finale-kicker{letter-spacing:.1em;color:#2a4a6e;margin:0;font-family:Georgia,serif;font-size:1.1rem;font-style:italic}.finale-title{letter-spacing:.22em;text-transform:uppercase;color:#16324f;text-shadow:0 2px 24px #fff9;margin:0;font-size:3rem;font-weight:300}.finale-text{color:#2a4a6e;max-width:480px;margin:0;font-family:Georgia,serif;font-size:1.05rem;line-height:1.7}.finale-stats{gap:2.5rem;margin-top:.5rem;display:flex}.finale-stat{flex-direction:column;gap:.25rem;display:flex}.finale-stat-value{color:#16324f;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:500}.finale-stat-label{letter-spacing:.12em;text-transform:uppercase;color:#2a4a6eb3;font-size:.7rem}.finale-button{letter-spacing:.1em;text-transform:uppercase;color:#16324f;cursor:pointer;background:0 0;border:2px solid #16324f;border-radius:2px;margin-top:1rem;padding:.9rem 2.6rem;font-size:.95rem;font-weight:500;transition:all .3s}.finale-button:hover{color:#e8f2fc;background:#16324f;transform:translateY(-2px);box-shadow:0 8px 24px #16324f4d}@media (width<=768px){.finale-title{font-size:2rem}.finale-stats{gap:1.4rem}.quest-objective{max-width:240px;font-size:.78rem}}.lava-death-overlay{z-index:9999;pointer-events:none;width:100%;height:100%;animation:2.5s ease-in forwards lava-heat-up;position:fixed;top:0;left:0}@keyframes lava-heat-up{0%{background:0 0}15%{background:#ff32004d}40%{background:#ff1e0099}70%{background:#c81400d9}to{background:#0a0000}}.lava-death-flames{background:linear-gradient(#0000 0%,#ff1e004d 40%,#ff320099 70%,#ff5000e6 100%);width:100%;height:60%;animation:2.5s ease-out forwards flames-rise;position:absolute;bottom:0;left:0}@keyframes flames-rise{0%{opacity:0;transform:translateY(100%)}20%{opacity:1;transform:translateY(40%)}60%{opacity:1;transform:translateY(0%)}to{opacity:.8;transform:translateY(-20%)}}.lava-death-text{color:#f63;letter-spacing:.15em;text-shadow:0 0 20px #ff3200cc,0 0 40px #ff1e0080;opacity:0;font-family:Georgia,serif;font-size:2rem;animation:2.5s ease-in-out forwards death-text-fade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes death-text-fade{0%{opacity:0}30%{opacity:0}50%{opacity:1}80%{opacity:1}to{opacity:0}}.settings-panel{z-index:20;pointer-events:auto;-webkit-user-select:none;user-select:none;position:fixed;top:.75rem;right:.75rem}.settings-toggle{color:#eae7dc;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:1px solid #eae7dc40;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;transition:background .15s}.settings-toggle:hover{background:#000c}.settings-body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border:1px solid #eae7dc33;border-radius:8px;width:220px;margin-top:.5rem;padding:.75rem}.settings-row{margin-bottom:.6rem}.settings-row:last-child{margin-bottom:0}.settings-divider{background:#eae7dc2e;height:1px;margin:.7rem 0 .75rem}.settings-label{color:#ccc;letter-spacing:.03em;justify-content:space-between;align-items:baseline;margin-bottom:.2rem;font-size:.7rem;display:flex}.settings-value{color:#eae7dc;font-variant-numeric:tabular-nums}.settings-slider{appearance:none;cursor:pointer;background:#eae7dc26;border-radius:2px;outline:none;width:100%;height:4px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#eae7dc;border:none;border-radius:50%;width:12px;height:12px}.settings-slider::-moz-range-thumb{cursor:pointer;background:#eae7dc;border:none;border-radius:50%;width:12px;height:12px}.interact-prompt{color:#eae7dc;letter-spacing:.06em;z-index:15;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:1px solid #eae7dc4d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;animation:.2s ease-out prompt-fade-in;display:flex;position:fixed;bottom:30%;left:50%;transform:translate(-50%)}.interact-key{color:#fff;background:#eae7dc26;border:1px solid #eae7dc66;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:600;display:inline-flex}@keyframes prompt-fade-in{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.interact-prompt-done{color:#c8beaa8c;background:#0a080680;border-color:#786e5f59;animation:.35s ease-out prompt-done-in}.interact-done-check{color:#ffbe6ecc;border:1px solid #ffaa5073;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;display:inline-flex}.interact-done-label{font-style:italic;-webkit-text-decoration:line-through #c8beaa80;text-decoration:line-through #c8beaa80;text-decoration-thickness:1px}@keyframes prompt-done-in{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:.85;transform:translate(-50%)translateY(0)}}.scroll-reader-backdrop{z-index:100;cursor:pointer;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out backdrop-in;display:flex;position:fixed;top:0;left:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.scroll-reader{cursor:default;flex-direction:column;width:min(520px,90vw);max-height:80vh;animation:.4s ease-out scroll-in;display:flex;position:relative}@keyframes scroll-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.scroll-ornament{background:linear-gradient(90deg,#0000 0%,#8a6e4666 15%,#a88c5a99 30% 70%,#8a6e4666 85%,#0000 100%);border-radius:12px;height:24px;position:relative}.scroll-ornament-top{border-bottom:2px solid #785a3280;box-shadow:0 2px 8px #0006}.scroll-ornament-bottom{border-top:2px solid #785a3280;box-shadow:0 -2px 8px #0006}.scroll-body{scrollbar-width:thin;scrollbar-color:#785a3266 transparent;background:linear-gradient(170deg,#d4c5a0 0%,#e0d4b5 20%,#ddd0ac 50%,#d0c098 80%,#c8b88a 100%);flex:1;padding:1.8rem 2.2rem;overflow-y:auto;box-shadow:inset 0 0 30px #64461e26,inset 2px 0 8px #64461e1a,inset -2px 0 8px #64461e1a}.scroll-body::-webkit-scrollbar{width:8px}.scroll-body::-webkit-scrollbar-track{background:0 0}.scroll-body::-webkit-scrollbar-thumb{background:#785a3266;border-radius:4px}.scroll-body::-webkit-scrollbar-thumb:hover{background:#785a3299}.scroll-title{color:#3a2810;text-align:center;letter-spacing:.05em;margin-bottom:.6rem;font-family:Georgia,Palatino Linotype,Book Antiqua,Palatino,serif;font-size:1.4rem;font-weight:700}.scroll-divider{background:linear-gradient(90deg,#0000 0%,#50321480 20% 80%,#0000 100%);width:60%;height:1px;margin:0 auto 1.2rem}.scroll-content{color:#2a1a08;font-family:Georgia,Palatino Linotype,Book Antiqua,Palatino,serif;font-size:.95rem;line-height:1.75}.scroll-paragraph{text-indent:1.5em;margin-bottom:1rem}.scroll-paragraph:last-child{margin-bottom:0}.scroll-close-hint{text-align:center;color:#eae7dc80;letter-spacing:.04em;margin-top:.75rem;font-size:.7rem}.scroll-key{color:#eae7dcb3;background:#eae7dc1f;border:1px solid #eae7dc4d;border-radius:3px;padding:.1rem .35rem;font-size:.65rem;font-weight:600;display:inline-block}@media (width<=768px){.scroll-body{padding:1.2rem 1.4rem}.scroll-title{font-size:1.2rem}.scroll-content{font-size:.85rem}}