*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-deep: #1F3133;--color-bg-dark: #2F4A4C;--color-bg-mid: #3E6365;--color-accent-light: #E2E8CE;--color-fg-shadow: #B87100;--color-fg-dim: #E09A29;--color-fg-primary: #FF9D00;--color-fg-accent: #FFB947;--color-fg-warm-alt: #E08A00;--color-bg-deep-rgb: 31, 49, 51;--color-accent-light-rgb: 226, 232, 206;--color-fg-shadow-rgb: 184, 113, 0;--ui-text: var(--color-accent-light);--ui-value: var(--color-fg-accent);--ui-panel-bg-70: rgba(var(--color-bg-deep-rgb), .7);--ui-panel-bg-75: rgba(var(--color-bg-deep-rgb), .75);--ui-border-strong: rgba(var(--color-accent-light-rgb), .35);--ui-border-strong-hover: rgba(var(--color-accent-light-rgb), .6);--ui-border-disabled: rgba(var(--color-accent-light-rgb), .2);--ui-fill-subtle: rgba(var(--color-accent-light-rgb), .08);--ui-fill-hover: rgba(var(--color-accent-light-rgb), .18);--ui-fill-disabled: rgba(var(--color-accent-light-rgb), .04);--ui-danger-border: rgba(var(--color-fg-shadow-rgb), .5);--ui-danger-bg: rgba(var(--color-fg-shadow-rgb), .15);--ui-danger-border-hover: rgba(var(--color-fg-shadow-rgb), .7);--ui-danger-bg-hover: rgba(var(--color-fg-shadow-rgb), .25)}html,body{font-family:Tahoma,sans-serif;width:100%;height:100%;overflow:hidden}body{position:relative}body.is-loading .hud,body.is-loading .hotbar-stack,body.is-loading .mode-subtitle,body.is-loading .bottom-action,body.is-loading .held-item-panel{opacity:0;visibility:hidden;pointer-events:none}#renderCanvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:var(--ui-panel-bg-70);color:var(--ui-text);font-size:36px;font-weight:600;letter-spacing:.5px;pointer-events:none}.hud img{width:48px;height:48px;image-rendering:pixelated}.hotbar-stack{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hotbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--ui-panel-bg-75)}.hotbar--secondary .hotbar-button{min-width:140px;height:48px;padding:0 18px;font-size:18px}.hotbar-button{min-width:160px;height:56px;padding:0 24px;border-radius:12px;border:2px solid var(--ui-border-strong);background:var(--ui-fill-subtle);color:var(--ui-text);font-size:20px;font-weight:600;letter-spacing:.3px;cursor:pointer}.hotbar-button--stacked{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1.05}.hotbar-button__cost{font-size:16px;font-weight:500;opacity:.85}.hotbar-button--compact-label.hotbar-button--stacked>span:first-child{font-size:14px}.hotbar-button:hover{border-color:var(--ui-border-strong-hover);background:var(--ui-fill-hover)}.hotbar-button:active{transform:scale(.97)}.hotbar-button:disabled{cursor:not-allowed;opacity:.45;border-color:var(--ui-border-disabled);background:var(--ui-fill-disabled)}.hotbar-spacer{width:48px;flex-shrink:0}.hotbar-button--danger{border-color:var(--ui-danger-border);background:var(--ui-danger-bg)}.hotbar-button--danger:hover{border-color:var(--ui-danger-border-hover);background:var(--ui-danger-bg-hover)}.mode-subtitle{position:absolute;left:50%;bottom:20%;transform:translate(-50%);color:var(--ui-text);font-size:32px;font-weight:600;letter-spacing:.4px;text-shadow:0 2px 8px rgba(0,0,0,.45);pointer-events:none}.bottom-action{position:absolute;left:50%;bottom:24px;transform:translate(-50%)}.bottom-action-button{min-width:160px;height:56px;padding:0 24px;border-radius:12px;border:2px solid var(--ui-border-strong);background:var(--ui-fill-subtle);color:var(--ui-text);font-size:20px;font-weight:600;letter-spacing:.3px;cursor:pointer}.bottom-action-button:hover{border-color:var(--ui-border-strong-hover);background:var(--ui-fill-hover)}.bottom-action-button:active{transform:scale(.97)}.held-item-panel{position:absolute;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:210px;padding:16px;border-radius:16px;background:var(--ui-panel-bg-75);color:var(--ui-text)}.held-item-panel__icon{width:48px;height:48px;border-radius:10px;background:var(--ui-fill-subtle);image-rendering:pixelated;align-self:center}.held-item-panel__label{text-align:center;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.held-item-panel__name{text-align:center;font-size:18px;font-weight:600;letter-spacing:.3px;line-height:1.2;word-break:break-word;overflow-wrap:anywhere}.held-item-panel__sell-value{text-align:center;font-size:14px;font-weight:600;letter-spacing:.2px;color:var(--ui-value)}.held-item-panel__button{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:12px;border:2px solid var(--ui-danger-border);background:var(--ui-danger-bg);color:var(--ui-text);font-size:16px;font-weight:600;letter-spacing:.3px;cursor:pointer}.held-item-panel__button-icon{width:20px;height:20px}.held-item-panel__button:hover{border-color:var(--ui-danger-border-hover);background:var(--ui-danger-bg-hover)}.held-item-panel__button:active{transform:scale(.97)}.is-hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}