@font-face{font-family:Pixelify Sans;src:url(/assets/PixelifySans-Variable-lrcDQVzA.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{--color-cream: #f6ebd2;--color-wood: #7a4e2d;--color-ink: #3b2a1e;--color-teal: #3fa7a0;--color-gold: #e8b64c;--color-hp: #d9534f;--color-mp: #4a7bd0;--color-exp: #f2c14e;--color-panel: #fffdf6;--color-parchment-dark: #eadbc0;--color-bar-back: #2a1d14;--color-muted: #6b5642;--color-hud-back: rgba(59, 42, 30, .82);--color-hud-light: rgba(246, 235, 210, .92);--space-1: 4px;--space-2: 8px;--space-3: 14px;--space-4: 22px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--border-width: 2px;--motion: .16s;--touch-min: 44px;--font-ui: "Pixelify Sans", system-ui, sans-serif;--font-size-small: 12px;--font-size-body: 14px;--font-size-title: 20px}.hud{position:relative;width:100%;height:100%;font-family:var(--font-ui);font-size:var(--font-size-body);color:var(--color-ink);pointer-events:none;-webkit-user-select:none;user-select:none}.hud-panel{background:var(--color-hud-back);border:var(--border-width) solid var(--color-wood);border-radius:var(--radius-md);color:var(--color-cream);box-sizing:border-box}.hud-button{box-sizing:border-box;min-width:var(--touch-min);min-height:var(--touch-min);border:var(--border-width) solid var(--color-wood);border-radius:var(--radius-md);background:var(--color-cream);box-shadow:0 3px 0 var(--color-wood);color:var(--color-ink);font:inherit;cursor:pointer;pointer-events:auto;transition:transform var(--motion)}.hud-button:active{transform:translateY(2px)}.hud-exp{position:absolute;left:0;right:0;height:8px;background:var(--color-hud-back)}.hud-exp__fill{height:100%;background:var(--color-exp)}.hud-exp__label{position:absolute;left:50%;transform:translate(-50%);padding:1px var(--space-2);border-radius:var(--radius-sm);background:var(--color-hud-light);font-size:var(--font-size-small);white-space:nowrap}.hud--phone .hud-exp{top:0}.hud--phone .hud-exp__label{top:10px}.hud--desktop .hud-exp{bottom:0}.hud--desktop .hud-exp__label{bottom:10px}.hud-player{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;align-items:center;gap:var(--space-2);padding:6px 10px 6px 6px}.hud--phone .hud-player{top:18px}.hud-portrait{width:38px;height:38px;flex:none;box-sizing:border-box;border:var(--border-width) solid var(--color-gold);border-radius:var(--radius-md);background:var(--color-cream)}.hud--desktop .hud-portrait{width:46px;height:46px}.hud-player__info{display:flex;flex-direction:column;gap:3px}.hud-player__name{font-size:13px;font-weight:600;white-space:nowrap}.hud-bar-row{display:flex;align-items:center;gap:6px}.hud-bar{width:140px;height:10px;overflow:hidden;border-radius:3px;background:var(--color-bar-back)}.hud--desktop .hud-bar{width:180px;height:12px}.hud-bar__fill{height:100%}.hud-bar--hp .hud-bar__fill{background:var(--color-hp)}.hud-bar--mp .hud-bar__fill{background:var(--color-mp)}.hud-bar__numbers{font-size:var(--font-size-small);white-space:nowrap}.hud-topright{position:absolute;z-index:2;top:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2);align-items:flex-start}.hud--phone .hud-topright{top:18px}.hud-topright__boxes{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.hud-minimap,.hud-quest{background:var(--color-hud-light);color:var(--color-ink)}.hud-minimap{width:130px;height:66px}.hud-quest{width:130px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-small);text-align:right}.hud--desktop .hud-minimap{width:200px;height:110px}.hud--desktop .hud-quest{width:200px;padding:6px 10px}.hud-menu-button{position:relative;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0}.hud-menu-button svg{stroke:var(--color-ink)}.hud--desktop .hud-menu-button{width:48px;height:48px}.hud-slot{position:absolute;bottom:var(--space-3);pointer-events:none}.hud-slot--joystick{left:var(--space-3);width:112px;height:112px}.hud-slot--actions{right:var(--space-3);width:270px;height:190px}.hud-chat{position:absolute;left:var(--space-3);bottom:22px;width:min(400px,calc(50% - 250px));min-width:120px;padding:var(--space-1);box-sizing:border-box;border-radius:var(--radius-md);background:#3b2a1eb8}.hud-chat__input{width:100%;box-sizing:border-box;height:30px;padding:0 var(--space-2);border:var(--border-width) solid var(--color-wood);border-radius:var(--radius-sm);background:var(--color-panel);font:inherit;font-size:13px}.hud-bottom{position:absolute;z-index:2;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:flex-end}.hud-hotbar{display:grid;grid-template-columns:repeat(8,var(--touch-min));gap:var(--space-1);padding:6px}.hud-hotbar__slot{width:var(--touch-min);height:var(--touch-min);box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:#f6ebd21f}.hud-backdrop{position:absolute;inset:0;z-index:1;pointer-events:auto}.hud-menu{position:absolute;z-index:3;width:230px;padding:var(--space-2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--color-cream);color:var(--color-ink);border-width:3px;border-radius:var(--radius-lg);box-shadow:0 4px #3b2a1e66;pointer-events:auto}.hud--phone .hud-menu{top:72px;right:var(--space-3)}.hud--desktop .hud-menu{bottom:100px;left:50%;transform:translate(-50%);width:260px}.hud-menu__item{min-height:var(--touch-min);background:var(--color-panel);font-size:13px;font-weight:600}.hud-menu__item[aria-disabled=true]{color:var(--color-muted);border-color:#d8c7a6;box-shadow:none}.hud-toast{position:absolute;z-index:4;top:52px;left:50%;transform:translate(-50%);padding:5px 12px;border:var(--border-width) solid var(--color-teal);border-radius:8px;background:var(--color-panel);box-shadow:0 3px #3b2a1e66;font-size:13px;white-space:nowrap}.hud--desktop .hud-toast{top:auto;bottom:160px}.hud-debug{position:fixed;left:50%;top:44px;transform:translate(-50%);display:grid;grid-template-columns:repeat(2,auto);gap:2px 14px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-hud-back);color:var(--color-cream);font:12px/1.2 var(--font-ui);pointer-events:auto;z-index:20}.hud-debug__row{display:flex;align-items:center;gap:6px}.hud-debug__row input{width:90px}.system-screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;box-sizing:border-box;text-align:center;background:var(--color-cream);color:var(--color-ink);font-family:var(--font-ui);pointer-events:auto}.system-screen h1{margin:0;font-size:24px;color:var(--color-wood)}.system-screen p{margin:0;max-width:420px;font-size:16px;line-height:1.4}[data-ui=root]{position:relative;width:100%;height:100%}.touch{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;--touch-jump-size: 96px;--touch-stick-size: 112px;font-family:var(--font-ui);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-stick-zone{position:absolute;left:0;bottom:0;width:45%;height:70%;pointer-events:auto;touch-action:none}.touch-stick-base,.touch-stick-knob{position:absolute;border-radius:50%;pointer-events:none;box-sizing:border-box}.touch-stick-base{width:var(--touch-stick-size);height:var(--touch-stick-size);margin:calc(var(--touch-stick-size) / -2) 0 0 calc(var(--touch-stick-size) / -2);border:3px solid var(--color-hud-light);background:#3b2a1e59}.touch-stick-knob{width:52px;height:52px;margin:-26px 0 0 -26px;border:var(--border-width) solid var(--color-wood);background:var(--color-cream);box-shadow:0 3px 0 var(--color-wood)}.touch-jump{position:absolute;right:var(--space-3);bottom:var(--space-3);width:var(--touch-jump-size);height:var(--touch-jump-size);box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-wood);border-radius:50%;background:var(--color-gold);box-shadow:0 4px 0 var(--color-wood);color:var(--color-ink);font-size:var(--font-size-title);text-transform:uppercase;pointer-events:auto;touch-action:none;transition:transform var(--motion)}.touch-jump[aria-pressed=true]{transform:translateY(3px);box-shadow:0 1px 0 var(--color-wood)}.update-toast{position:fixed;z-index:15;left:50%;bottom:calc(var(--space-3) + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100vw - 2 * var(--space-3) - env(safe-area-inset-left) - env(safe-area-inset-right));display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-teal);border-radius:var(--radius-md);background:var(--color-panel);color:var(--color-ink);box-shadow:0 3px #3b2a1e66;font-family:var(--font-ui);font-size:var(--font-size-body);pointer-events:auto}.update-toast__button{min-width:var(--touch-min);min-height:var(--touch-min);padding:0 var(--space-3);border:var(--border-width) solid var(--color-wood);border-radius:var(--radius-sm);background:var(--color-gold);color:var(--color-ink);font:inherit;cursor:pointer}.update-toast__button:disabled{opacity:.6;cursor:default}