:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}canvas{display:block;width:100vw;height:100vh}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:24px 28px;max-width:500px;width:90vw;max-height:80vh;overflow-y:auto}.panel h2{font-size:1.4rem;margin-bottom:16px;color:gold;letter-spacing:-.02em}.panel h3{font-size:1rem;margin:16px 0 8px;color:#ffffffb3}.panel .empty{color:#fff6;font-style:italic;padding:12px 0}.panel .hint{margin-top:16px;font-size:.8rem;color:#ffffff4d;text-align:center}.inv-grid{display:flex;flex-wrap:wrap;gap:8px}.inv-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;font-size:.9rem;min-width:140px;position:relative}.inv-item.equip{cursor:pointer;transition:border-color .15s}.inv-item.equip:hover{border-color:#ffffff4d}.inv-item.equip.active{border-color:gold;background:#ffd7001a}.inv-icon{width:14px;height:14px;border-radius:3px;flex-shrink:0}.inv-name{flex:1;color:#ddd}.inv-count{color:#ffffff80;font-size:.85rem}.key-hint{background:#ffffff26;border-radius:4px;padding:1px 6px;font-size:.75rem;color:#fff9}.dmg{color:#f66;font-size:.8rem}.heal{color:#4caf50;font-size:.8rem}.crafting{max-width:560px}.craft-tabs{display:flex;gap:4px;margin-bottom:12px}.craft-tabs .tab{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 14px;color:#fff9;cursor:pointer;font-size:.85rem;transition:all .15s}.craft-tabs .tab:hover{background:#ffffff1a}.craft-tabs .tab.active{background:#ffd70026;border-color:#ffd7004d;color:gold}.craft-list{display:flex;flex-direction:column;gap:8px}.craft-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.craft-item.disabled{opacity:.5}.craft-result{display:flex;align-items:center;gap:8px;min-width:160px}.craft-ingredients{display:flex;gap:8px;flex-wrap:wrap;flex:1}.ingredient{font-size:.8rem;padding:2px 8px;border-radius:4px;background:#ffffff0f}.ingredient.has{color:#4caf50}.ingredient.missing{color:#f44336}.craft-btn{background:#2a6a2a;border:1px solid #3a8a3a;color:#fff;padding:6px 18px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:background .15s}.craft-btn:hover:not(:disabled){background:#3a8a3a}.craft-btn:disabled{background:#333;border-color:#444;color:#666;cursor:not-allowed}.quick-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:50}.qb-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;min-width:52px;cursor:pointer;transition:border-color .15s}.qb-item:hover{border-color:#fff6}.qb-icon{width:18px;height:18px;border-radius:3px}.qb-icon.bag{background:linear-gradient(135deg,#8b6914,#a0824a);border-radius:2px 2px 6px 6px}.qb-icon.craft{background:linear-gradient(135deg,#666,#888);border-radius:3px;position:relative}.qb-icon.craft:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-radius:2px}.qb-count{font-size:.75rem;color:#ffffffb3}.qb-key{font-size:.6rem;color:#ffffff59;background:#ffffff14;border-radius:3px;padding:0 4px}