*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:#0d0d1a;touch-action:none;overscroll-behavior:none}body{font-family:"Courier New","Consolas",monospace;font-size:.875rem;line-height:1.4;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#0d0d1a;image-rendering:pixelated;image-rendering:crisp-edges}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}[hidden]{display:none !important}:focus{outline:none}::selection{background:rgba(96,165,250,.3);color:#fff}kbd{display:inline-block;padding:2px 6px;font-family:"Courier New","Consolas",monospace;font-size:.625rem;color:#fff;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;line-height:1.4}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#pixi-canvas{position:fixed;top:0;left:0;z-index:1;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}#zone-transition{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;background:#0d0d1a;opacity:0;pointer-events:none;transition:opacity 400ms cubic-bezier(0.65, 0, 0.35, 1)}#zone-transition.active{opacity:1;pointer-events:auto}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}#ui-overlay>*{pointer-events:auto}#loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:1rem;z-index:999;background:#0d0d1a;transition:opacity 300ms cubic-bezier(0.33, 1, 0.68, 1)}#loading.fade-out{opacity:0;pointer-events:none}#loading span{font-family:"Courier New","Consolas",monospace;font-size:1rem;color:hsla(0,0%,100%,.6);letter-spacing:2px}.loading-sprite{width:32px;height:32px;border:3px solid hsla(0,0%,100%,.15);border-top-color:#60a5fa;border-radius:50%;animation:spin 800ms linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#world-title{position:fixed;top:.5rem;left:50%;transform:translateX(-50%);z-index:100;background:rgba(13,13,26,.7);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:.25rem 1.5rem;pointer-events:none;transition:opacity 300ms cubic-bezier(0.33, 1, 0.68, 1)}#world-title.winter{background:rgba(20,20,40,.7);border:1px solid rgba(168,216,234,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#world-title.summer{background:rgba(13,13,26,.7);border:1px solid rgba(56,183,100,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#world-title-text{font-family:"Courier New","Consolas",monospace;font-size:.75rem;color:hsla(0,0%,100%,.6);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.winter #world-title-text{color:rgba(168,216,234,.8)}.summer #world-title-text{color:rgba(78,203,113,.8)}#zone-label{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);z-index:100;background:rgba(13,13,26,.85);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:.25rem 1.5rem;transition:opacity 300ms cubic-bezier(0.33, 1, 0.68, 1),transform 300ms cubic-bezier(0.33, 1, 0.68, 1);opacity:0;transform:translateX(-50%) translateY(-10px)}#zone-label.visible{opacity:1;transform:translateX(-50%) translateY(0)}#zone-label-text{font-family:"Courier New","Consolas",monospace;font-size:1rem;font-weight:bold;color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 8px rgba(96,165,250,.5)}#hud{position:fixed;top:1rem;right:1rem;z-index:100;display:flex;flex-direction:row;gap:.5rem}.hud-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(13,13,26,.85);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;transition:background 150ms cubic-bezier(0.33, 1, 0.68, 1),border-color 150ms cubic-bezier(0.33, 1, 0.68, 1);color:hsla(0,0%,100%,.6)}.hud-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.25);color:#fff}.hud-btn:active{transform:scale(0.92)}.hud-btn svg{width:16px;height:16px}.hud-btn.active{background:rgba(255,221,87,.3);border-color:#ffdd57;color:#fff}#dpad{position:fixed;bottom:24px;left:24px;z-index:250;display:grid;grid-template-areas:".    up    ." "left act   right" ".    down  .";grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;gap:4px}.dpad-btn{display:flex;align-items:center;justify-content:center;background:rgba(13,13,26,.85);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;transition:background 150ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1);color:hsla(0,0%,100%,.6);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}.dpad-btn:active{background:hsla(0,0%,100%,.2);transform:scale(0.9)}.dpad-btn svg{width:20px;height:20px}.dpad-up{grid-area:up}.dpad-down{grid-area:down}.dpad-left{grid-area:left}.dpad-right{grid-area:right}.dpad-action{grid-area:act;border-color:rgba(255,221,87,.4);color:#ffdd57}#dialog-box{position:fixed;bottom:0;left:0;width:100%;z-index:275;display:flex;justify-content:center;pointer-events:none;padding:1rem;transform:translateY(100%);opacity:0;transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1),opacity 300ms cubic-bezier(0.33, 1, 0.68, 1)}#dialog-box.visible{pointer-events:auto;transform:translateY(0);opacity:1}#dialog-border{width:100%;max-width:420px;background:#0d0d1a;border:4px solid #fff;box-shadow:inset 0 0 0 2px #0d0d1a,inset 0 0 0 4px hsla(0,0%,100%,.15),0 -4px 24px rgba(0,0,0,.6);image-rendering:pixelated;padding:1rem;display:flex;flex-direction:column;gap:.5rem}#dialog-title{font-family:"Courier New","Consolas",monospace;font-size:1rem;font-weight:bold;color:#ffdd57;padding-bottom:.25rem;border-bottom:2px solid hsla(0,0%,100%,.2)}#dialog-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.dialog-link-item{display:flex;align-items:center;gap:.5rem;font-family:"Courier New","Consolas",monospace;font-size:.875rem;color:hsla(0,0%,100%,.6);padding:.25rem .5rem}.dialog-link-item.selected{color:#ffdd57;background:rgba(255,221,87,.08)}.dialog-arrow{font-family:"Courier New","Consolas",monospace;font-size:.875rem;color:#ffdd57;width:1ch;flex-shrink:0;font-weight:bold}.dialog-link-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dialog-hint{font-family:"Courier New","Consolas",monospace;font-size:.625rem;color:hsla(0,0%,100%,.4);text-align:center;padding-top:.25rem;border-top:1px solid hsla(0,0%,100%,.1)}#minimap-container{position:fixed;bottom:1rem;left:1rem;z-index:200;background:rgba(13,13,26,.85);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid hsla(0,0%,100%,.3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3);border-radius:4px;padding:3px;line-height:0}#minimap{display:block;image-rendering:pixelated;image-rendering:crisp-edges}@keyframes glow-pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes sparkle{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes slide-in-down{from{opacity:0;transform:translateX(-50%) translateY(-16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}