:root{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--border: #2b303b;--text: #e6e8ec;--muted: #8b919c;--accent: #e8c26b;--danger: #e5534b;--radius: 10px;--gap: 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}img{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:10px 20px;background:#0f1115eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.04em;color:var(--accent)}.tabs{display:flex;gap:4px}.tab{background:none;border:0;padding:8px 14px;border-radius:8px;cursor:pointer;color:var(--muted)}.tab:hover{color:var(--text);background:var(--panel-2)}.tab.active{color:var(--text);background:var(--panel-2);box-shadow:inset 0 -2px 0 var(--accent)}.content{flex:1;padding:20px;max-width:1400px;width:100%;margin:0 auto}.content-wide{max-width:none}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.row{display:flex;gap:var(--gap);align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:var(--gap)}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.pad{padding:24px}.error{color:var(--danger);background:#e5534b18;border:1px solid #e5534b55;padding:10px 14px;border-radius:8px}h2,h3,h4{margin:0}h2{font-size:18px}h3{font-size:15px}.input{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px;min-width:0}.input:focus{border-color:var(--accent);outline:none}textarea.input{resize:vertical;min-height:60px}.btn{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1407;font-weight:600}.btn.danger{color:var(--danger)}.btn.ghost{background:none;border-color:transparent}.btn.sm{padding:3px 8px;font-size:12px}.tag{display:inline-block;font-size:11px;padding:1px 7px;border:1px solid;border-radius:999px;white-space:nowrap}.item-icon{position:relative;flex:none;border:2px solid;border-radius:8px;overflow:hidden;display:grid;place-items:center}.item-icon img{width:78%;height:78%;object-fit:contain}.item-icon.clickable{cursor:pointer;transition:transform .08s}.item-icon.clickable:hover{transform:translateY(-1px);filter:brightness(1.15)}.item-generic{color:var(--muted);font-weight:700}.item-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;text-align:center;font-weight:700;background:var(--accent);color:#1a1407;border-radius:999px}.hero-avatar{border-radius:8px;object-fit:cover;background:var(--panel-2)}.img-placeholder{display:grid;place-items:center;background:var(--panel-2);color:var(--muted);font-weight:700;font-size:12px;border-radius:8px;width:100%;height:100%}.item-tip{position:fixed;z-index:1000;width:max-content;max-width:300px;pointer-events:none;background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--slot);border-radius:8px;padding:10px 12px;box-shadow:0 10px 28px #0000008c;font-size:13px;line-height:1.4;text-align:left}.item-tip-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.item-tip-name{font-weight:700;font-size:15px;color:var(--slot)}.item-tip-cost{color:var(--accent);font-weight:600;white-space:nowrap}.item-tip-meta{color:var(--muted);font-size:12px;margin-top:2px}.item-tip-active{margin-left:8px;padding:0 6px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase}.item-tip-desc{margin:8px 0 0}.item-tip-stats{display:grid;grid-template-columns:1fr auto;gap:3px 16px;margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border);font-size:12px}.item-tip-stats dt{color:var(--muted)}.item-tip-stats dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.item-tip-recipe{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:12px}.item-tip-note{margin-top:8px;font-size:12px;font-weight:600;color:var(--accent)}.item-tip-note.is-bad{color:var(--danger)}