:root{--bg-canvas:#0a0a0a;--bg-panel:#1e1b16;--bg-panel-raised:#28241e;--bg-overlay-scrim:#0a0a0ad9;--fg-primary:#f0eae0;--fg-secondary:#c8bea8;--fg-disabled:#6a6258;--accent-amber:#ffa040;--accent-purple:#c89eff;--accent-green:#7ed4a0;--status-error:#ff8080;--status-success:#7ed4a0;--status-info:#c89eff;--font-ui:"Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", "Helvetica Neue", arial, sans-serif;--font-display:"Georgia", "Times New Roman", serif;--text-body-size:16px;--text-body-weight:400;--text-body-line-height:1.6;--text-button-weight:700;--text-secondary-size:14px;--text-secondary-line-height:1.5;--text-heading-section-size:20px;--text-heading-section-weight:700;--text-heading-section-line-height:1.4;--text-heading-panel-size:24px;--text-heading-panel-weight:900;--text-heading-panel-line-height:1.3;--text-game-title-size:28px;--text-game-title-weight:900;--text-game-title-line-height:1.2;--text-letter-spacing:.12em;--text-word-spacing:.16em;--space-touch-target:44px;--space-touch-gap:8px;--space-panel-padding-mobile:16px;--space-panel-padding-desktop:24px;--space-item-gap:12px;--border-panel:1px solid #3a3328;--border-selected:2px solid var(--accent-amber);--focus-ring-width:3px;--focus-ring-color:var(--accent-amber);--focus-ring-offset:2px;--transition-panel:.25s ease-in-out;--transition-fade:.15s ease}@media (prefers-reduced-motion:reduce){:root{--transition-panel:0s;--transition-fade:0s}}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--fg-primary,#f0eae0);color:var(--bg-canvas,#0a0a0a);z-index:10000;border-radius:0 0 6px;padding:10px 18px;font:700 14px/1.4 system-ui,sans-serif;text-decoration:none;transition:top .1s;position:absolute;top:-48px;left:0}.skip-link:focus{top:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-canvas);color:var(--fg-primary);font-family:var(--font-ui);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-letter-spacing);word-spacing:var(--text-word-spacing)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}#game-main{display:contents}#game-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;top:0;left:0}#loading-screen{z-index:100;background-color:var(--bg-canvas);padding:var(--space-panel-padding-mobile);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.game-title{font-size:var(--text-game-title-size);font-weight:var(--text-game-title-weight);line-height:var(--text-game-title-line-height);color:var(--accent-amber);text-align:center}#loading-text{color:var(--fg-primary);font-size:var(--text-body-size);text-align:center}#loading-bar{background-color:var(--bg-panel-raised);border-radius:4px;width:min(300px,100% - 32px);height:8px;overflow:hidden}#loading-bar-fill{background-color:var(--accent-amber);width:0%;height:100%;transition:width var(--transition-fade);border-radius:4px}#hud{z-index:20;pointer-events:none;position:fixed;inset:0}.hud-btn{pointer-events:all;min-width:var(--space-touch-target);min-height:var(--space-touch-target);background-color:var(--bg-panel);color:var(--fg-primary);border:var(--border-panel);font-family:var(--font-ui);font-size:var(--text-body-size);font-weight:var(--text-button-weight);cursor:pointer;transition:background-color var(--transition-fade), color var(--transition-fade);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex;position:absolute}.hud-btn:hover,.hud-btn:focus-visible{background-color:var(--accent-amber);color:#000}#hud-inventory-btn{bottom:16px;right:16px}#hud-hint-btn{bottom:16px;left:16px}#hud-pause-btn{top:16px;right:16px}#hud-settings-btn{top:0;left:16px}#hud-help-btn{top:56px;left:16px}@media (max-width:600px){.hud-btn-label{display:none}#hud-inventory-btn{bottom:16px;right:50%;transform:translate(50%)}}#touch-joystick-area{z-index:20;pointer-events:none;position:fixed;bottom:80px;left:16px}#touch-joystick-base{border:2px solid var(--accent-amber);pointer-events:all;touch-action:none;background-color:#1e1b1699;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}#touch-joystick-knob{background-color:var(--accent-amber);pointer-events:none;border-radius:50%;width:44px;height:44px}dialog{color:var(--fg-primary);font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line-height);background:0 0;border:none;max-width:100vw;max-height:100dvh;margin:auto;padding:0;overflow:auto}dialog::backdrop{background-color:var(--bg-overlay-scrim)}.overlay-inner{background-color:var(--bg-panel);border:var(--border-panel);padding:var(--space-panel-padding-mobile);border-radius:8px;flex-direction:column;gap:16px;max-height:80vh;display:flex;overflow-y:auto}@media (min-width:600px){.overlay-inner{padding:var(--space-panel-padding-desktop)}}.overlay-inner-centered{text-align:center;align-items:center}.overlay-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.overlay-title{font-size:var(--text-heading-panel-size);font-weight:var(--text-heading-panel-weight);line-height:var(--text-heading-panel-line-height);color:var(--accent-amber)}.overlay-close-btn{min-width:var(--space-touch-target);min-height:var(--space-touch-target);border:var(--border-panel);color:var(--fg-secondary);cursor:pointer;transition:background-color var(--transition-fade), color var(--transition-fade);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.overlay-close-btn:hover,.overlay-close-btn:focus-visible{background-color:var(--accent-amber);color:#000}#overlay-main-menu[open]{z-index:50;justify-content:center;align-items:center;width:100%;min-height:100dvh;margin:0;display:flex;position:fixed;inset:0}#overlay-main-menu .overlay-inner{text-align:center;align-items:center;width:min(480px,100% - 32px)}.overlay-subtitle{color:var(--fg-secondary);font-size:var(--text-body-size)}.menu-list{gap:var(--space-touch-gap);flex-direction:column;width:100%;list-style:none;display:flex}.menu-btn{width:100%;min-height:var(--space-touch-target);background-color:var(--bg-panel-raised);color:var(--fg-primary);border:2px solid var(--bg-panel-raised);font-family:var(--font-ui);font-size:var(--text-body-size);font-weight:var(--text-button-weight);cursor:pointer;transition:background-color var(--transition-fade), color var(--transition-fade), border-color var(--transition-fade);border-radius:4px;min-width:200px;padding:10px 24px;display:block}.menu-btn:hover,.menu-btn:focus-visible{background-color:var(--accent-amber);color:#000;border-color:var(--accent-amber)}.menu-btn-primary{border-color:var(--accent-amber);color:var(--accent-amber)}.menu-btn-primary:hover,.menu-btn-primary:focus-visible{background-color:var(--accent-amber);color:#000}.menu-footer{margin-top:8px}.menu-footer-text{font-size:var(--text-secondary-size);color:var(--fg-secondary);line-height:var(--text-secondary-line-height)}.menu-footer-text a{color:var(--accent-purple);text-decoration:underline}#overlay-inventory[open]{z-index:40;flex-direction:column;width:100%;min-height:100dvh;margin:0;display:flex;position:fixed;inset:0}#overlay-inventory .overlay-inner{border:none;border-radius:0;flex:1;min-height:100dvh;max-height:none;overflow-y:auto}#overlay-inventory .item-list{margin:0;padding:0;list-style:none}#overlay-inventory .item-list li{display:block}.inventory-empty{color:var(--fg-secondary);text-align:center;padding:24px 0}#overlay-inventory .item-list .item-btn{text-align:left;white-space:normal;background-color:var(--bg-panel-raised);width:100%;min-height:44px;color:var(--fg-primary);font-family:var(--font-ui);font-size:var(--text-body-size);cursor:pointer;transition:border-color var(--transition-fade), background-color var(--transition-fade);border:2px solid #0000;border-radius:4px;align-items:center;gap:12px;padding:10px 14px;display:flex}.item-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.item-info{flex-direction:column;gap:4px;display:flex}.item-name{font-size:var(--text-body-size);color:var(--fg-primary);word-break:break-word;font-weight:700}.item-desc{font-size:var(--text-secondary-size);color:var(--fg-secondary);line-height:var(--text-secondary-line-height);margin:0}#overlay-inventory .item-list .item-btn:hover,#overlay-inventory .item-list .item-btn:focus-visible{border-color:var(--accent-amber)}#overlay-inventory .item-list .item-btn[aria-pressed=true]{border-color:var(--accent-amber);background-color:var(--bg-panel)}.inventory-item-name{font-size:var(--text-body-size);word-break:break-word}.inventory-actions{gap:var(--space-touch-gap);justify-content:flex-end;display:flex}.action-btn{min-height:var(--space-touch-target);background-color:var(--bg-panel-raised);min-width:100px;color:var(--fg-primary);border:2px solid var(--accent-amber);font-family:var(--font-ui);font-size:var(--text-body-size);font-weight:var(--text-button-weight);cursor:pointer;transition:background-color var(--transition-fade), color var(--transition-fade);border-radius:4px;padding:8px 16px}.action-btn:hover,.action-btn:focus-visible{background-color:var(--accent-amber);color:#000}.action-btn:disabled{border-color:var(--fg-disabled);color:var(--fg-disabled);cursor:not-allowed;background-color:var(--bg-panel-raised)}.inventory-feedback{font-size:var(--text-body-size);min-height:1.6em;color:var(--fg-primary)}.inventory-feedback-error{color:var(--status-error)}.inventory-feedback-success{color:var(--status-success)}#overlay-hint[open]{z-index:40;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}#overlay-hint .overlay-inner{width:min(480px,100% - 32px)}.hint-step-label{font-size:var(--text-secondary-size);color:var(--fg-secondary);line-height:var(--text-secondary-line-height)}.hint-text-container{flex-direction:column;gap:12px;display:flex}.hint-text{color:var(--fg-primary);font-size:var(--text-body-size);line-height:var(--text-body-line-height)}.hint-actions{justify-content:flex-end;display:flex}#overlay-pause[open]{z-index:50;justify-content:center;align-items:center;width:100%;min-height:100dvh;margin:0;display:flex;position:fixed;inset:0}#overlay-pause .overlay-inner{align-items:center;width:min(360px,100% - 32px)}#overlay-pause .menu-list{width:100%}#overlay-settings[open]{z-index:40;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}#overlay-settings .overlay-inner{width:min(400px,100% - 32px)}.settings-content{flex-direction:column;gap:12px;display:flex}.settings-row{min-height:var(--space-touch-target);align-items:center;gap:12px;display:flex}.settings-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-amber);flex-shrink:0}.settings-label{font-size:var(--text-body-size);color:var(--fg-primary);cursor:pointer;line-height:var(--text-body-line-height)}.settings-description{font-size:var(--text-secondary-size);color:var(--fg-secondary);line-height:var(--text-secondary-line-height);margin:0}#overlay-help[open]{z-index:40;justify-content:center;align-items:center;margin:0;padding:16px;display:flex;position:fixed;inset:0}#overlay-help .overlay-inner{width:min(560px,100% - 32px)}.overlay-inner-help{align-items:stretch}.help-content{flex-direction:column;gap:20px;display:flex}.help-section-heading{font-size:var(--text-body-size);font-weight:var(--text-button-weight);color:var(--accent-amber);margin-bottom:8px}.help-table{border-collapse:collapse;width:100%;font-size:var(--text-body-size);color:var(--fg-primary);line-height:var(--text-body-line-height)}.help-table th{text-align:left;font-weight:var(--text-button-weight);color:var(--fg-secondary);border-bottom:1px solid var(--bg-panel-raised);padding:4px 12px 4px 0}.help-table td{vertical-align:top;padding:6px 12px 6px 0}.help-table tbody tr+tr td{border-top:1px solid var(--bg-panel-raised)}.help-table kbd{background-color:var(--bg-panel-raised);color:var(--fg-primary);border:1px solid var(--fg-secondary);white-space:nowrap;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:.875em;display:inline-block}.hud-btn kbd{opacity:.75;border:1px solid;border-radius:3px;margin-left:4px;padding:0 4px;font-family:inherit;font-size:.8em}.tap-badge{color:#1a0a00;vertical-align:middle;background:#ffa040d9;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-block}#touch-hint-toast{color:#fff;z-index:9999;text-align:center;pointer-events:none;background:#000000d9;border-radius:8px;max-width:80vw;padding:12px 20px;font-size:1rem;position:fixed;top:72px;left:50%;transform:translate(-50%)}