#backpack,#item-hotbar{--bp-ink: #f4f8ee;--bp-muted: #a6b6b1;--bp-line: rgba(210, 238, 227, .17);--bp-accent: #ddecaf;--bp-glass: rgba(17, 29, 32, .94);color:var(--bp-ink);font-family:var(--font-ui)}#backpack *,#item-hotbar *{box-sizing:border-box}#backpack [hidden],#item-hotbar [hidden],#backpack[hidden],#item-hotbar[hidden]{display:none!important}#backpack{position:fixed;inset:0;z-index:76;display:grid;place-items:center;padding:18px}.bp-scrim{position:absolute;inset:0;background:#040a0c8a;backdrop-filter:blur(8px)}.bp-page{position:relative;width:min(920px,100%);max-height:100%;overflow:auto;padding:24px 26px 16px;border:1px solid rgba(218,245,229,.27);border-radius:16px;background:radial-gradient(ellipse at 0 0,rgba(101,145,123,.21),transparent 58%),var(--bp-glass);box-shadow:0 34px 85px #0008,inset 0 1px #ffffff1f;scrollbar-width:thin;animation:bp-enter .18s ease-out both}@keyframes bp-enter{0%{opacity:0;transform:translateY(8px)}}.bp-head,.bp-section-head,.bp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.bp-head{padding-bottom:18px;border-bottom:1px solid var(--bp-line)}.bp-head-tools{display:flex;align-items:center;gap:9px}.bp-eyebrow{margin:0 0 5px;color:var(--bp-accent);font-size:10px;font-weight:700;letter-spacing:.18em}.bp-eyebrow i{display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;background:currentColor;transform:rotate(45deg)}.bp-eyebrow span{color:var(--bp-muted);margin:0 3px}#bp-title{margin:0;font-size:32px;line-height:1.15;letter-spacing:.03em}#bp-title small{color:var(--bp-muted);font:600 14px var(--font-display);letter-spacing:.18em}#backpack button,#item-hotbar button{color:inherit;font:inherit;cursor:pointer;border:1px solid var(--bp-line);border-radius:8px;background:#d9f5e80e}#backpack button:hover:not(:disabled),#item-hotbar button:hover{border-color:var(--bp-accent)}#backpack button:focus-visible,#item-hotbar button:focus-visible{outline:2px solid var(--bp-accent);outline-offset:2px}#backpack button:disabled{opacity:.48;cursor:default}#backpack .bp-close{width:34px;height:34px;font-size:24px;line-height:1}#backpack .bp-supplies{padding:7px 11px;font-size:12px;color:#f6d5a3;border-color:#d69c533e;background:#d69c5318}.bp-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-rows:1fr auto;gap:0 20px;padding:17px 0 14px}.bp-storage{grid-row:span 2;min-width:0}.bp-section-head{align-items:baseline;margin-bottom:8px}.bp-section-head h2{margin:0;font-size:14px;white-space:nowrap}.bp-section-head span{color:var(--bp-muted);font-size:11px;text-align:right}.bp-stats{display:flex;align-items:baseline;gap:10px}.bp-stats b{color:var(--bp-accent);font-size:13px;font-variant-numeric:tabular-nums}.bp-categories,.bp-slot-controls{display:flex;align-items:center;gap:6px}.bp-categories{overflow-x:auto;scrollbar-width:thin;margin-bottom:8px}#backpack .bp-categories button{flex:none;min-height:28px;padding:4px 10px;font-size:12px}#backpack .bp-categories button[aria-pressed=true]{border-color:var(--bp-accent);background:#bada8e25}.bp-filters{display:flex;gap:6px;margin-bottom:8px}#backpack .bp-filters input,#backpack .bp-filters select{min-width:0;min-height:30px;padding:4px 7px;border:1px solid var(--bp-line);border-radius:6px;background:#0e1c1e;color:var(--bp-ink);font:inherit;font-size:12px;color-scheme:dark}#backpack .bp-search{flex:1;width:0}#backpack .bp-search::placeholder{color:var(--bp-muted)}.bp-grid-viewport{height:clamp(168px,35vh,300px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}.bp-grid{position:relative}.bp-empty-results{margin:24px 0;text-align:center;color:var(--bp-muted);font-size:12px}.bp-slot-controls{justify-content:flex-end;margin-top:8px;font-size:12px}#backpack .bp-slot-controls button{min-height:28px;padding:3px 8px}#backpack .bp-slot-jump{width:62px;min-height:28px;padding:3px 5px;color:inherit;font:inherit;border:1px solid var(--bp-line);border-radius:6px;background:#07131688}.bp-key-row{display:grid;gap:7px}.bp-key-row{grid-template-columns:repeat(6,minmax(0,1fr))}.bp-card,.bp-key{position:relative;display:grid;place-items:center;min-width:0;padding:0;overflow:hidden;isolation:isolate;touch-action:manipulation}#backpack .bp-card{position:absolute;padding:12px 3px 5px;grid-template-rows:minmax(0,1fr) auto}#backpack .bp-card.is-empty{background:#06111433;border-style:dashed;grid-template-rows:1fr}.bp-slot-number,.bp-key kbd,.bp-amount{position:absolute;z-index:1;font:600 10px/1.15 ui-monospace,monospace;font-variant-numeric:tabular-nums}.bp-slot-number,.bp-key kbd{left:6px;top:5px;color:#bed1c9}.bp-amount{right:5px;top:5px;padding:2px 4px;border-radius:4px;color:var(--bp-accent);background:#14221ed9}.bp-art{display:grid;place-items:center;position:relative;min-height:0;width:100%;height:100%;padding:3px 4px;pointer-events:none}.bp-art:before{content:"";position:absolute;inset:12% 15%;z-index:-1;background:radial-gradient(ellipse,var(--item-tint),transparent 72%);opacity:.28}.bp-cover,.bp-glyph{display:block;max-width:85%;max-height:100%;width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #0007);pointer-events:none}.bp-cover{border-radius:3px}.bp-card-name{max-width:100%;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bp-plus{color:#a7beb96b;font-size:21px;line-height:1}#backpack .is-selected,#backpack .is-held,#item-hotbar .is-held{border-color:var(--bp-accent);background:#bada8e25}#backpack .is-target{border:1px dashed var(--bp-accent);box-shadow:inset 0 0 0 2px #ddecaf45}.bp-quick-head{margin-top:16px}#backpack .bp-key{height:clamp(39px,7.1vw,57px)}.bp-key .bp-art{padding:4px 8px}.bp-key .bp-amount{top:auto;bottom:4px}.bp-drop-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}#backpack [data-drop]{display:flex;align-items:center;gap:9px;padding:8px;text-align:left;font-size:12px}#backpack [data-drop] i{flex:0 0 26px;text-align:center;font: 22px/26px system-ui;color:var(--bp-accent);background:#ddecaf17;border-radius:5px}#backpack [data-drop] small{display:block;color:var(--bp-muted);font-size:10px;margin-top:2px}#backpack [data-drop][aria-disabled=true]:not(.is-target){opacity:.55}#backpack [data-drop=destroy]{border-color:#e2817052}#backpack [data-drop=destroy] i,#backpack .is-error{color:#ffa495}#backpack [data-drop=destroy] i{background:#e2817022}#backpack [data-drop=destroy].is-target{background:#7f3931;box-shadow:inset 0 0 0 2px #ffa49560}#backpack .bp-recovery{margin-top:8px;padding:5px 9px;font-size:11px;color:#f6d5a3}.bp-detail{min-width:0;border:1px solid var(--bp-line);border-radius:10px;padding:14px;background:#07131644}.bp-detail-art{height:112px;border-radius:6px;background:#bdcebb0c;isolation:isolate}.bp-detail-art .bp-art{padding:10px}.bp-detail-meta{display:flex;justify-content:space-between;gap:6px;margin:10px 0 6px;color:var(--bp-muted);font-size:9px;letter-spacing:.06em}.bp-detail-meta span:first-child{white-space:nowrap;color:var(--bp-accent)}.bp-detail-meta span:last-child{text-align:right}.bp-detail h2{margin:0;font-size:20px;line-height:1.25}.bp-detail-count{display:flex;flex-wrap:wrap;gap:2px 12px;margin:7px 0;color:var(--bp-muted);font-size:11px}.bp-detail-count b{color:var(--bp-ink)}.bp-desc,.bp-detail-empty p{color:#c9d8d2;font-size:12px;line-height:1.65;margin:8px 0 12px}.bp-detail-actions{display:flex;flex-wrap:wrap;gap:7px}#backpack .bp-detail-actions button{padding:7px 9px;font-size:12px}#backpack .bp-primary{background:var(--bp-accent);color:#1b3026;font-weight:700}.bp-reason{margin:7px 0 0;color:#f6d5a3;font-size:11px}.bp-detail-empty{min-height:200px;display:grid;place-content:center;text-align:center}.bp-detail-empty b{font-size:40px;color:#a6b6b150}.bp-equipped{padding-top:8px;color:var(--bp-muted);font-size:11px}.bp-foot{min-height:31px;border-top:1px solid var(--bp-line);padding-top:9px;color:var(--bp-muted);font-size:11px}.bp-foot>span{white-space:nowrap}.bp-feedback{margin:0;color:#c5d7cc}.bp-foot kbd{padding:1px 3px;border:1px solid var(--bp-line);border-radius:3px;color:var(--bp-ink)}#item-hotbar{--hot-ease: cubic-bezier(.2, .8, .2, 1);position:fixed;z-index:8;bottom:86px;left:50%;transform-origin:50% 100%;transform:translate(-50%) perspective(900px) rotateX(calc(14deg + var(--hy, 0) * 2deg)) rotateY(calc(var(--hx, 0) * 2.5deg));pointer-events:none;opacity:0;visibility:hidden;translate:0 10px;transition:opacity .4s var(--hot-ease),translate .4s var(--hot-ease),visibility 0s .4s}#item-hotbar.is-visible{opacity:1;visibility:visible;translate:0 0;transition-delay:0s}@keyframes bp-hot-in{0%{opacity:0;translate:0 14px;filter:blur(6px)}}.bp-hud-row{display:flex;align-items:stretch;justify-content:center;gap:12px}#item-hotbar .bp-key-row{display:flex;gap:9px}#item-hotbar .bp-key{width:46px;height:46px;pointer-events:auto;overflow:visible;border:1px solid var(--hud-edge, #fff3);border-radius:13px;background:var(--hud-glass, #101a1e24);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);box-shadow:inset 0 1px 0 var(--hud-edge-top, #fff6),0 8px 20px #0000001f;transition:translate .3s var(--hot-ease),scale .3s var(--hot-ease),border-color .25s,background-color .25s,box-shadow .3s,opacity .3s}#item-hotbar .bp-key:hover{translate:0 -3px;background:var(--hud-glass-hover, #ffffff1f);border-color:#fff6}#item-hotbar .bp-key:active{scale:.93}#item-hotbar .bp-key:has(.bp-plus){opacity:.5}#item-hotbar .bp-key:has(.bp-plus):hover{opacity:.85}#item-hotbar .bp-plus{display:none}#item-hotbar .bp-key kbd{left:6px;top:5px;padding:0;border:0;background:none;font:600 9px/1 var(--font-ui);color:var(--hud-dim, #f4f8ee9e);text-shadow:0 1px 3px #0008}#item-hotbar .bp-key:has(.bp-plus) kbd{inset:0;display:grid;place-items:center;font-size:11px}#item-hotbar .bp-key .bp-art{padding:7px 6px 5px}#item-hotbar .bp-key .bp-amount{right:-5px;bottom:-5px;min-width:17px;padding:2px 4px;border-radius:99px;text-align:center;font:700 9px/1.2 var(--font-ui);color:#18251c;background:var(--hud-accent, #d9ef97);box-shadow:0 2px 6px #0005}#item-hotbar .bp-key.is-held{translate:0 -6px;border-color:var(--hud-accent, #d9ef97);background:#d9ef9729;box-shadow:inset 0 1px #ffffff80,0 0 0 3px #d9ef9721,0 12px 24px #00000038;animation:bp-hot-pick .38s var(--hot-ease)}#item-hotbar .bp-key.is-held kbd{color:var(--hud-accent, #d9ef97)}@keyframes bp-hot-pick{0%{translate:0 0;scale:.9}60%{scale:1.06}}.bp-hud-hint{width:max-content;max-width:min(90vw,470px);margin:0 auto 12px;padding:5px 13px;border:1px solid var(--hud-edge, #fff3);border-radius:99px;background:#101a1e5c;backdrop-filter:blur(10px);color:var(--hud-text, #f4f8ee);text-align:center;font-size:11px;letter-spacing:.04em;text-shadow:0 1px 4px #0007;animation:bp-hot-in .35s var(--hot-ease) both}#item-hotbar .bp-hud-use{display:none;pointer-events:auto;padding:0 14px;border-radius:13px;border-color:#d9ef9770;background:#d9ef9729;color:var(--hud-accent, #d9ef97);font-size:12px;backdrop-filter:blur(12px)}body.backpack-open #item-hotbar,body.hud-hidden #item-hotbar{display:none}body.playing.backpack-open :is(.topbar,.location-tag,.game-tools,.mm-panel,.controls,.walk-info,.footer-meta,#hud-toggle,#interact-tip){visibility:hidden}@media(max-width:630px){#backpack{padding:8px}.bp-page{padding:12px}.bp-head{padding-bottom:10px}#bp-title{font-size:26px}.bp-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:10px;padding:10px 0}.bp-storage{grid-row:auto}.bp-detail{padding:10px}.bp-detail-art{float:right;width:56px;height:64px;margin:0 0 5px 6px}.bp-detail-art .bp-art{padding:4px}.bp-detail-meta{margin-top:0;justify-content:flex-start}.bp-detail-empty{min-height:50px}.bp-detail-empty b{display:none}.bp-equipped{padding:0}.bp-key-row{gap:4px}.bp-grid-viewport{height:clamp(135px,30vh,205px)}.bp-card-name,.bp-slot-number,.bp-key kbd,.bp-amount{font-size:9px}.bp-quick-head{margin-top:11px}.bp-drop-row{margin-top:8px}}@media(pointer:coarse){#item-hotbar{bottom:max(13px,env(safe-area-inset-bottom))}#item-hotbar .bp-hud-use{display:block}}@media(max-width:630px){#item-hotbar{transform:translate(-50%)}#item-hotbar .bp-key-row{gap:6px}#item-hotbar .bp-key{width:40px;height:40px;border-radius:11px}}@media(prefers-reduced-motion:reduce){.bp-page,#item-hotbar,.bp-hud-hint,#item-hotbar .bp-key.is-held{animation:none}#item-hotbar,#item-hotbar .bp-key{transition:none}}