:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hud-container{pointer-events:none;z-index:9999;position:absolute;inset:0}.stats-bars{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.stat-bar{background:#0a0a0abf;border-radius:8px;width:220px;height:28px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0009}.stat-label{color:#fff;z-index:2;text-shadow:0 1px 1px #0009;font-size:13px;position:absolute;top:4px;left:10px}.bar-fill{z-index:1;width:0;height:100%;transition:width .35s cubic-bezier(.2,.9,.2,1)}.compass{background:#0a0a0a99;border-radius:999px;width:110px;height:110px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000008c}.compass-ring{border:1px solid #ffffff38;border-radius:999px;transition:transform 80ms linear;position:absolute;inset:8px}.compass-needle{background:#ff5a5a;width:2px;height:34px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #ff5a5a99}.compass-readout{color:#fffc;font-size:12px;position:absolute;bottom:10px;right:10px}.compass-letter{color:#ffffffd9;font-size:12px;position:absolute}.compass-letter.north{top:2px;left:50%;transform:translate(-50%)}.compass-letter.east{top:50%;right:4px;transform:translateY(-50%)}.compass-letter.south{bottom:2px;left:50%;transform:translate(-50%)}.compass-letter.west{top:50%;left:4px;transform:translateY(-50%)}.stat-bar.health .bar-fill{background:linear-gradient(90deg,#ff6b6b,#ff2e2e)}.stat-bar.mana .bar-fill{background:linear-gradient(90deg,#6b9bff,#2e5bff)}.stat-bar.xp .bar-fill{background:linear-gradient(90deg,#ffd26b,#ffb42e)}.menu-tabs{left:12px;top:calc(var(--power-offset,12px) - (var(--tab-size) + var(--tab-gap))*var(--power-index,0));pointer-events:auto;z-index:10000;--tab-size:40px;--tab-gap:8px;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-overlay{z-index:8500;pointer-events:auto;cursor:default;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0}.menu-tab-button{cursor:pointer;background:#060a12d9;border:1px solid #50ffc840;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:relative;overflow:visible;box-shadow:0 0 12px #50ffc840,0 6px 18px #0009}.menu-tab-icon{object-fit:contain;filter:drop-shadow(0 0 6px #50ffc899);z-index:1;width:26px;height:26px;position:relative}.menu-tab-sparkles{z-index:0;pointer-events:none;position:absolute;inset:-6px}.menu-tab-sparkle{background:var(--sparkle-color,#78c8ffe6);width:4px;height:4px;box-shadow:0 0 8px var(--sparkle-color,#78c8ffcc),0 0 16px #78c8ff73;border-radius:999px;animation:3.2s ease-in-out infinite icon-sparkle-float;position:absolute}.menu-tab-sparkle:first-child{animation-delay:0s;top:6px;left:8px}.menu-tab-sparkle:nth-child(2){animation-delay:.4s;top:8px;right:10px}.menu-tab-sparkle:nth-child(3){animation-delay:.8s;bottom:10px;left:6px}.menu-tab-sparkle:nth-child(4){animation-delay:.2s;bottom:8px;right:8px}.menu-tab-sparkle:nth-child(5){animation-delay:1s;top:0;left:50%;transform:translate(-50%)}.menu-tab-sparkle:nth-child(6){animation-delay:.6s;bottom:0;left:50%;transform:translate(-50%)}@keyframes icon-sparkle-float{0%{opacity:0;transform:translateY(6px)scale(.9)}60%{opacity:.9}to{opacity:0;transform:translateY(-10px)scale(1.05)}}.menu-tab-button.active{background:linear-gradient(160deg,#14283ce6,#0a121ee6);border-color:#78fff0b3;transform:translateY(-1px);box-shadow:0 0 16px #78fff080,0 8px 22px #000000b3}.menu-tab-tooltip{opacity:0;pointer-events:none;color:#b9ffe9;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;z-index:2;background:#060a12f2;border:1px solid #78fff066;border-radius:8px;padding:4px 8px;font-size:12px;position:absolute;top:50%;left:46px;transform:translateY(-50%);box-shadow:0 0 10px #50ffc840}.menu-tab-button:hover .menu-tab-tooltip{opacity:1}.menu-tab-gold .menu-tab-tooltip{color:#ffd66b;border-color:#ffd66b8c;box-shadow:0 0 10px #ffd66b59}.menu-tab-red .menu-tab-tooltip{color:#ff6b6b;border-color:#ff6b6b8c;box-shadow:0 0 10px #ff6b6b59}.menu-tab-blue .menu-tab-tooltip{color:#6bb7ff;border-color:#6bb7ff8c;box-shadow:0 0 10px #6bb7ff59}.menu-tab-green .menu-tab-tooltip{color:#6bff9d;border-color:#6bff9d8c;box-shadow:0 0 10px #6bff9d59}.menu-tab-purple .menu-tab-tooltip{color:#c99bff;border-color:#c99bff8c;box-shadow:0 0 10px #c99bff59}.menu-tab-pink .menu-tab-tooltip{color:#ff8de0;border-color:#ff8de08c;box-shadow:0 0 10px #ff8de059}.menu-tab-power{z-index:2;background:#08121ce6;border-color:#64ffff99;transition:transform .5s,opacity .24s;box-shadow:0 0 18px #64ffff73,0 8px 18px #0009}.menu-tab-icon-power{filter:drop-shadow(0 0 10px #64ffffd9)}.menu-tabs .menu-tab-button{transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .6s}.menu-tabs-collapsed .menu-tab-button:not(.menu-tab-power):not(.menu-tab-jump){transform:translateY(var(--collapse-offset))scale(.96);opacity:0;pointer-events:none;z-index:0}.menu-tabs-collapsed .menu-tab-button:not(.menu-tab-power):not(.menu-tab-jump) .menu-tab-tooltip{opacity:0}.minimap{pointer-events:auto;z-index:11000;background:#060c16eb;border:1px solid #78b4ff40;border-radius:12px;width:140px;padding:8px;position:absolute;top:16px;right:16px;box-shadow:0 10px 24px #0000008c}.minimap canvas{background:#02060cd9;border-radius:8px;width:100%;height:auto;display:block}.minimap-controls{justify-content:space-between;gap:6px;margin-top:6px;display:flex}.minimap-controls button{color:#cfe3ff;cursor:pointer;background:#141a28e6;border:1px solid #78b4ff59;border-radius:8px;flex:1;padding:4px 6px;font-size:12px}.minimap-embedded{z-index:auto;width:100%;margin-top:6px;position:static;top:auto;right:auto}.intro-lightning{z-index:30000;pointer-events:none;position:fixed;inset:0}.intro-lightning-bg{background:#000;animation:3.2s forwards introFadeOut;position:absolute;inset:0}.intro-border{background:linear-gradient(#78ffff00,#78ffffe6);width:6px;height:0;animation:1.1s forwards introBorderRise;position:absolute;bottom:0;box-shadow:0 0 16px #78ffffd9}.intro-border-left{left:0}.intro-border-right{animation-delay:60ms;right:0}.intro-arc{background:radial-gradient(circle,#8cffffe6,#1e507800 70%);border-radius:999px;width:0;height:8px;animation:.5s 1.1s forwards introArcGrow;position:absolute;top:0;box-shadow:0 0 18px #8cffffe6}.intro-arc-left{left:0}.intro-arc-right{animation-delay:1.16s;right:0}.intro-flash{opacity:0;background:radial-gradient(circle,#c8ffffd9,#0000);animation:.35s 1.6s forwards introFlash;position:absolute;inset:0}.intro-sparks{position:absolute;inset:0}.intro-spark{width:6px;height:18px;left:calc(10% + 80%*var(--spark-x,.1));background:linear-gradient(#b4fffff2,#b4ffff00);border-radius:999px;animation:.9s ease-in-out infinite introSparkFall;position:absolute;top:8%}.intro-spark:nth-child(odd){left:8%}.intro-spark:nth-child(2n){right:8%}.debug-panel{pointer-events:auto;z-index:12000;resize:both;background:#0a0c12f0;border:1px solid #78b4ff40;border-radius:12px;width:360px;min-width:280px;max-width:90vw;min-height:200px;max-height:90vh;padding:10px 12px 14px;position:absolute;top:20px;right:20px;overflow:auto;box-shadow:0 10px 24px #0009}.debug-panel-header{color:#cfe3ff;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.debug-panel-header button{color:#dbe8ff;cursor:pointer;background:#1e283cb3;border:1px solid #78b4ff40;border-radius:8px;padding:4px 8px}.debug-panel-master{border-bottom:1px solid #78b4ff26;margin-bottom:8px;padding:6px 2px 10px}.debug-panel-fps{color:#d2e7ffb3;margin-top:4px;font-size:11px}.debug-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}.debug-subtitle{color:#9cc2ff;text-transform:uppercase;letter-spacing:.04em;margin-top:10px;font-size:11px}.debug-section{border-top:1px solid #78b4ff1f;margin-top:10px;padding-top:8px}.debug-section-title{color:#9ad7ff;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:12px}@keyframes introBorderRise{0%{opacity:0;height:0}to{opacity:1;height:100%}}@keyframes introArcGrow{0%{opacity:0;width:0}to{opacity:1;width:50%}}@keyframes introFlash{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes introSparkFall{0%{opacity:0;transform:translateY(0)scale(.7)}40%{opacity:1;transform:translateY(140px)scale(1)}to{opacity:0;transform:translateY(260px)scale(.6)}}@keyframes introFadeOut{0%,65%{opacity:1}to{opacity:0}}.light-panel-toggle{color:#fff;cursor:pointer;pointer-events:auto;background:#141414d9;border:1px solid #ffffff14;border-radius:8px;padding:6px 10px;position:absolute;top:20px;right:20px}.light-panel{pointer-events:auto;background:#0a0c12eb;border:1px solid #78b4ff33;border-radius:12px;width:260px;padding:10px;position:absolute;top:20px;right:20px;box-shadow:0 10px 24px #0009}.light-panel-header{color:#cfe3ff;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.light-panel-header button{color:#dbe8ff;cursor:pointer;background:#1e283cb3;border:1px solid #78b4ff40;border-radius:8px;padding:4px 8px}.light-row{color:#cfe3ff;align-items:center;gap:8px;margin:6px 0;font-size:12px;display:flex}.light-row input[type=range]{flex:1}.light-value{text-align:right;color:#9ad7ff;width:38px}.perf-panel{pointer-events:auto;background:#0a0c12eb;border:1px solid #78b4ff33;border-radius:12px;width:260px;padding:10px;position:absolute;top:320px;right:20px;box-shadow:0 10px 24px #0009}.perf-panel-hint{color:#b4d2ffb3;text-align:right;margin-top:6px;font-size:11px}.audio-panel-toggle{color:#fff;cursor:pointer;pointer-events:auto;background:#141414d9;border:1px solid #ffffff14;border-radius:8px;padding:6px 10px;position:absolute;top:60px;right:20px}.audio-panel{pointer-events:auto;background:#0a0c12eb;border:1px solid #78b4ff33;border-radius:12px;width:320px;padding:10px;position:absolute;top:60px;right:20px;box-shadow:0 10px 24px #0009}.audio-panel-header{color:#cfe3ff;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.audio-panel-header button{color:#dbe8ff;cursor:pointer;background:#1e283cb3;border:1px solid #78b4ff40;border-radius:8px;padding:4px 8px}.audio-row{color:#cfe3ff;grid-template-columns:70px 1fr 46px 46px 46px;align-items:center;gap:6px;margin:6px 0;font-size:12px;display:grid}.audio-row input[type=range]{width:100%}.audio-value{text-align:right;color:#9ad7ff}.music-panel{border:1px solid var(--hud-accent);color:#d7f8ff;pointer-events:auto;min-width:200px;box-shadow:0 0 24px #0000008c,0 0 16px var(--hud-accent-soft),0 18px 50px #000000b3;z-index:10001;--hud-accent:#78fff0;--hud-accent-soft:#50ffc899;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#060c16fa,#080a12fa);border-radius:16px;padding:10px 12px 12px;position:absolute;top:12px;left:64px}.music-panel-title{letter-spacing:.6px;text-transform:uppercase;color:var(--hud-accent);margin-bottom:4px;font-size:11px}.music-panel-track{color:#e6f3ff;text-align:center;margin-bottom:14px;font-size:13px}.music-panel-controls{justify-content:space-between;gap:6px;width:100%;display:flex}.music-panel-controls button{color:#d7f8ff;cursor:pointer;background:#141a28d9;border:1px solid #78b4ff59;border-radius:10px;flex:1;padding:6px 8px;font-size:12px}.music-panel-pink{--hud-accent:#ff8de0;--hud-accent-soft:#ff8de08c;color:#ffd8f3}.music-panel-pink .music-panel-controls button{color:#ffd8f3;border-color:#ff8de073}.music-panel-slider{color:#ffdaf3e6;grid-template-columns:56px 1fr 44px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:grid}.music-panel-slider input[type=range]{touch-action:pan-x;width:100%}.perf-monitor{color:#e6f3ff;z-index:10020;pointer-events:auto;background:#060c16eb;border:1px solid #78b4ff59;border-radius:14px;width:320px;max-height:60vh;padding:10px 12px;font-family:Consolas,Menlo,monospace;font-size:11px;position:fixed;bottom:16px;right:16px;overflow:auto;box-shadow:0 0 24px #00000073}.perf-monitor-header{text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.perf-monitor-fps{color:#78fff0}.perf-monitor-body{flex-direction:column;gap:6px;display:flex}.perf-monitor-empty{opacity:.7}.perf-monitor-row{grid-template-columns:1fr 90px 60px 36px;align-items:center;gap:6px;display:grid}.perf-monitor-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.perf-monitor-meter{background:#78b4ff33;border-radius:999px;height:6px;overflow:hidden}.perf-monitor-meter-fill{background:linear-gradient(90deg,#78b4ff66,#78ffdce6);height:100%}.perf-monitor-value,.perf-monitor-percent{text-align:right}.perf-monitor-footer{opacity:.6;text-align:right;margin-top:8px;font-size:10px}.journal-overlay{pointer-events:auto;z-index:9000;background:0 0;position:absolute;inset:0}.journal-panel{border:1px solid var(--hud-accent);width:min(240px,34vw);min-height:190px;box-shadow:0 0 24px #0000008c,0 0 16px var(--hud-accent-soft),0 18px 50px #000000b3;color:#dbe8ff;pointer-events:auto;resize:both;--hud-accent:#78fff0;--hud-accent-glow:#78fff0e6;--hud-accent-soft:#50ffc899;scrollbar-width:none;background:linear-gradient(160deg,#060c16fa,#080a12fa);border-radius:16px;flex-direction:column;gap:8px;min-width:220px;max-width:min(520px,90vw);min-height:180px;max-height:min(70vh,520px);padding:10px 12px;display:flex;position:absolute;overflow:hidden}.journal-item{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.journal-item:hover{color:var(--hud-accent);text-shadow:0 0 10px var(--hud-accent-soft)}.journal-panel::-webkit-scrollbar{width:0;height:0}.journal-panel-quests{--hud-accent:#ffd66b;--hud-accent-glow:#ffd66be6;--hud-accent-soft:#ffd66b8c}.journal-panel-journal{--hud-accent:#ff6b6b;--hud-accent-glow:#ff6b6be6;--hud-accent-soft:#ff6b6b8c}.journal-panel-map{--hud-accent:#6bb7ff;--hud-accent-glow:#6bb7ffe6;--hud-accent-soft:#6bb7ff8c}.journal-panel-items{--hud-accent:#6bff9d;--hud-accent-glow:#6bff9de6;--hud-accent-soft:#6bff9d8c}.journal-panel-magic{--hud-accent:#c99bff;--hud-accent-glow:#c99bffe6;--hud-accent-soft:#c99bff8c}.journal-panel-tech{--hud-accent:#ff8de0;--hud-accent-glow:#ff8de0e6;--hud-accent-soft:#ff8de08c}.journal-header{border-bottom:1px solid #50ffc84d;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.journal-title{letter-spacing:.6px;text-transform:uppercase;color:#80ffd8;text-shadow:0 0 8px #50ffc899;font-size:18px}.journal-close{color:#dbe8ff;cursor:pointer;background:#0a141ecc;border:1px solid #50ffc859;border-radius:10px;padding:6px 12px;box-shadow:0 0 10px #50ffc833}.journal-body{color:#dcebffe6;scrollbar-width:none;flex-direction:column;flex:1;gap:10px;font-size:15px;display:flex;overflow:auto}.journal-body::-webkit-scrollbar{width:0;height:0}.journal-body p{margin:0;line-height:1.5}.journal-tabs{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.journal-tab{color:#cfe3ff;cursor:pointer;background:#141a28cc;border:1px solid #78b4ff33;border-radius:10px;padding:6px 10px}.journal-tab.active{color:#fff;background:linear-gradient(160deg,#3c78dc99,#b450dc80);border-color:#b4dcff99}.journal-header-quests .journal-title,.journal-body-quests{color:#ffd66b;text-shadow:0 0 10px #ffd66b66}.journal-header-journal .journal-title,.journal-body-journal{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b66}.journal-header-map .journal-title,.journal-body-map{color:#6bb7ff;text-shadow:0 0 10px #6bb7ff66}.journal-header-items .journal-title,.journal-body-items{color:#6bff9d;text-shadow:0 0 10px #6bff9d66}.journal-item-button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 8px;padding:0}.journal-item-button:active{transform:translateY(1px)}.journal-header-magic .journal-title,.journal-body-magic,.journal-header-skills .journal-title,.journal-body-skills{color:#c99bff;text-shadow:0 0 10px #c99bff66}.journal-header-tech .journal-title,.journal-body-tech{color:#ff8de0;text-shadow:0 0 10px #ff8de066}.hud-sparkles{pointer-events:none;position:absolute;inset:0}.hud-sparkles-back{z-index:0;opacity:.75}.hud-sparkles-front{z-index:3}.journal-header,.journal-body{z-index:1;position:relative}.hud-sparkle{background:var(--sparkle-color,var(--hud-accent));width:4px;height:4px;box-shadow:0 0 6px var(--sparkle-glow,var(--hud-accent-glow)),0 0 14px var(--sparkle-glow-soft,var(--hud-accent-soft));border-radius:999px;animation:3.2s ease-in-out infinite hud-sparkle-float;position:absolute}.hud-sparkle:first-child{animation-delay:0s;top:12px;left:12px}.hud-sparkle:nth-child(2){animation-delay:.4s;top:8px;left:50%;transform:translate(-50%)}.hud-sparkle:nth-child(3){animation-delay:.8s;top:12px;right:12px}.hud-sparkle:nth-child(4){animation-delay:.2s;top:40%;right:12px}.hud-sparkle:nth-child(5){animation-delay:.6s;bottom:12px;right:12px}.hud-sparkle:nth-child(6){animation-delay:1s;bottom:8px;left:50%;transform:translate(-50%)}.hud-sparkle:nth-child(7){animation-delay:1.2s;bottom:12px;left:12px}.hud-sparkle:nth-child(8){animation-delay:.9s;top:40%;left:12px}.hud-sparkle:nth-child(9){animation-delay:1.4s;top:10px;left:30%}.hud-sparkle:nth-child(10){animation-delay:1.6s;top:10px;right:30%}.hud-sparkle:nth-child(11){animation-delay:1.1s;bottom:10px;left:30%}.hud-sparkle:nth-child(12){animation-delay:1.3s;bottom:10px;right:30%}@keyframes hud-sparkle-float{0%{opacity:0;transform:translateY(6px)scale(.7)}60%{opacity:1}to{opacity:0;transform:translateY(-28px)scale(1.05)}}@keyframes hud-panel-slide{0%{opacity:0;transform:translate(-12px,-12px)}to{opacity:1;transform:translate(0)}}.dialogue-overlay{pointer-events:auto;opacity:1;background:#0003;justify-content:center;align-items:center;transition:opacity .42s;display:flex;position:absolute;inset:0}.dialogue-overlay.dialogue-overlay-closing{opacity:0}.dialogue-stack{flex-direction:column;align-items:center;gap:34px;width:min(640px,92vw);display:flex}.dialogue-panel{color:#e2efff;background:#080c14eb;border:1px solid #ffd66b99;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:14px 16px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 18px #ffd66b59,0 12px 40px #0009}.dialogue-header{justify-content:space-between;align-items:center;display:flex}.dialogue-portrait{aspect-ratio:1;border:2px solid #ffd66be6;border-radius:18px;flex:none;width:50%;max-width:260px;animation:3.2s ease-in-out infinite portrait-float;position:relative;overflow:hidden;box-shadow:0 0 22px #ffd66ba6,0 0 40px #ffd66b59}.dialogue-portrait-floating{margin-bottom:12px}.dialogue-portrait img{object-fit:cover;width:100%;height:100%;display:block}.portrait-sparkles{pointer-events:none;position:absolute;inset:0}.portrait-sparkle{background:#ffd66b;border-radius:999px;width:5px;height:5px;animation:3s ease-in-out infinite hud-sparkle-float;position:absolute;box-shadow:0 0 8px #ffd66be6,0 0 16px #ffd66b99}.portrait-sparkles-back{z-index:0;opacity:.75}.portrait-sparkle-back{background:#a8d7ff;width:10px;height:10px;box-shadow:0 0 10px #a8d7ffe6,0 0 18px #a8d7ff99}.dialogue-name{color:#f7d88a;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px #ffd66b99,0 0 20px #ffd66b59;font-size:20px}.dialogue-close{color:#dbe8ff;cursor:pointer;background:#1e283cb3;border:1px solid #78b4ff40;border-radius:10px;padding:4px 10px}.dialogue-body{color:#dcebfff2;font-size:15px;line-height:1.5}.dialogue-options{grid-template-columns:1fr;gap:10px;margin-top:8px;display:grid}.dialogue-option{color:#cfe3ff;cursor:pointer;box-shadow:none;background:#141a28e6;border:1px solid #78b4ff33;border-radius:10px;padding:8px 12px}.dialogue-option:hover{color:#fff;box-shadow:none;background:#3c78dc80;border-color:#b4dcff99}.dialogue-sparkles{pointer-events:none;position:absolute;inset:0}.dialogue-sparkles-back{z-index:0;opacity:.7}.dialogue-sparkles-front{z-index:3}.dialogue-header,.dialogue-body,.dialogue-options{z-index:1;position:relative}.dialogue-sparkle{background:#ffd66b;border-radius:999px;width:4px;height:4px;animation:3.2s ease-in-out infinite hud-sparkle-float;position:absolute;box-shadow:0 0 6px #ffd66be6,0 0 14px #ffd66b99}@keyframes portrait-float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.hotbar{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hotbar-slot{cursor:pointer;background:#0a0a0acc;border:1px solid #ffffff0a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.hotbar-slot img{object-fit:contain;width:36px;height:36px}.hotbar-slot.active{transform:scale(1.04);box-shadow:0 0 10px #ffffff14,0 6px 20px #0009}.cooldown-overlay{background:#0006;height:4px;transition:width .2s linear;position:absolute;bottom:0;left:0}@media (max-width:600px){.stat-bar{width:160px;height:22px}.hotbar-slot{width:40px;height:40px}.compass{width:96px;height:96px}.menu-tabs{left:10px;top:calc(var(--power-offset,10px) - (var(--tab-size) + var(--tab-gap))*var(--power-index,0));--tab-size:36px;--tab-gap:6px;gap:6px}.menu-tab-button{width:36px;height:36px}.menu-tab-icon{width:22px;height:22px}.stats-bars{right:10px;bottom:calc(80px + env(safe-area-inset-bottom));gap:6px}.journal-overlay{justify-content:flex-end;align-items:flex-start;padding-top:8px;padding-right:8px}.journal-panel{width:min(54vw,220px);max-height:40vh}.journal-body{overflow:auto}.dialogue-stack{width:min(520px,64vw)}.dialogue-panel{max-height:75vh;overflow:auto}.dialogue-option{padding:6px 10px;font-size:11px}}.journal-panel{animation:.22s ease-out hud-panel-slide}.rpg-panel{pointer-events:auto;z-index:10001;scrollbar-width:none;background:#0a0c12f0;border:1px solid #78b4ff40;border-radius:14px;width:min(360px,38vw);max-height:70vh;padding:12px;position:absolute;top:12px;left:64px;overflow:auto;box-shadow:0 10px 24px #0009}.rpg-panel::-webkit-scrollbar{width:0;height:0}.rpg-panel-header{color:#cfe3ff;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.rpg-panel-header button{color:#dbe8ff;cursor:pointer;background:#1e283cb3;border:1px solid #78b4ff40;border-radius:8px;padding:4px 8px}.rpg-section{border-top:1px solid #78b4ff1f;margin-top:10px;padding-top:8px}.rpg-section h4{letter-spacing:.6px;text-transform:uppercase;color:#9ad7ff;margin:0 0 6px;font-size:12px}.rpg-row{color:#cfe3ff;justify-content:space-between;align-items:center;gap:8px;margin:6px 0;font-size:12px;display:flex}.rpg-row button{color:#d7f8ff;cursor:pointer;background:#141a28d9;border:1px solid #78b4ff4d;border-radius:8px;padding:4px 8px;font-size:11px}.app-container{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}