*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{background:#111;color:#fff;font-family:monospace;overflow:hidden}.is-hidden{display:none!important}.game-app,.viewport{width:100%;height:100%;position:relative}.game-canvas{display:block;width:100%;height:100%}.title-screen{width:100%;height:100%;background:#1a1a2e;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;image-rendering:pixelated}.title-screen h1{margin:0;font-size:clamp(42px,9vw,64px);color:#5aaf4c;letter-spacing:4px;text-shadow:4px 4px 0 #2d5a1e,-2px -2px 0 #7cc96e}.title-screen .subtitle{margin:12px 0 44px;color:#8a8a8a;font-size:14px}#play-button{padding:16px 48px;background:#4a7c3f;color:#fff;border:4px solid #2d5a1e;font-size:24px;letter-spacing:2px;font-family:inherit;cursor:pointer}#play-button:hover{transform:scale(1.05)}.controls{margin-top:56px;color:#666;font-size:12px}.controls p{margin:6px 0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.health-row{display:flex;align-items:center;gap:6px;padding:12px}.heart{color:#f44;font-size:16px}.health-track{width:120px;height:16px;border:2px solid #555;background:#333}.health-fill{height:100%;background:#e04040}.health-text{color:#fff;font-size:12px}.inventory-panel{position:absolute;top:12px;right:12px;min-width:100px;background:#000000b3;border:2px solid #555;padding:8px;display:flex;flex-direction:column;gap:4px}.inventory-title{font-size:10px;color:#aaa;border-bottom:1px solid #444;padding-bottom:4px}.inventory-row{display:flex;align-items:center;gap:6px;font-size:11px;color:#ddd}.inventory-icon{font-size:14px}.inventory-qty{margin-left:auto;color:#888}.crafting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#0009;z-index:3}.crafting-panel{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#1a1a2e;border:4px solid #4a7c3f;padding:20px}.crafting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.crafting-header h2{margin:0;color:#5aaf4c}.crafting-header button{border:2px solid #666;background:transparent;color:#aaa;font-family:inherit;cursor:pointer;padding:3px 8px}.recipe{width:100%;text-align:left;background:#6464641a;border:2px solid #333;color:#ddd;font-family:inherit;margin-bottom:8px;padding:10px}.recipe.available{background:#4a7c3f33;border-color:#4a7c3f;cursor:pointer}.recipe:disabled{opacity:.5}.recipe-name{margin-bottom:6px;font-weight:700}.recipe-ingredients{display:flex;flex-wrap:wrap;gap:10px}.ingredient{font-size:11px}.ingredient.ok{color:#8c8}.ingredient.missing{color:#c88}.crafting-footnote{margin:12px 0 0;text-align:center;font-size:10px;color:#666}.hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);color:#666;font-size:11px;z-index:2;pointer-events:none}