.pack-board{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column}.stash-empty{grid-column:1 / -1;padding:var(--sp-xl) var(--sp-md);text-align:center;color:var(--c-text-dim);font-size:var(--fs-sm);line-height:1.5;border:1px dashed var(--c-line);border-radius:var(--radius)}.cell{position:relative;aspect-ratio:1;border-radius:var(--radius);border:1.5px solid var(--c-line);background:#fff8e98c;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px #3a22050a;overflow:hidden}.cell .count{position:absolute;right:4px;bottom:2px;font:700 var(--fs-sm)/1 var(--font-body);color:var(--c-text);text-shadow:0 1px 3px #000}.cell .size-badge{position:absolute;left:2px;bottom:1px;font:700 10px/1 var(--font-mono);color:#fff;background:#281a08d1;border-radius:5px;padding:1px 4px;pointer-events:none}.cell.sel{outline:2px solid var(--c-gold);outline-offset:1px}.r-common{border-color:var(--r-common)}.r-uncommon{border-color:var(--r-uncommon);background:#4a9d5a12}.r-rare{border-color:var(--r-rare);background:#3f7bb014}.r-epic{border-color:var(--r-epic);background:#8f5fc01a}.r-legendary{border-color:var(--r-legendary);background:#b06a1e1a}.pack-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-sm)}.pack-head h1{font-family:var(--font-head);font-size:26px;color:var(--c-gold);font-weight:700;letter-spacing:1px;margin:0}.pack-bag{font-size:var(--fs-sm);color:var(--c-text-dim)}.pack-mats{display:flex;flex-wrap:wrap;gap:var(--sp-sm);margin:-2px 0 var(--sp-md)}.pack-mats .mat{font-size:var(--fs-xs);color:var(--c-text-dim);padding:2px 8px;border-radius:var(--radius);border:1px solid var(--c-line);background:#3a220505}.pack-mats .mat b{color:var(--c-text)}.pack-risk{margin:var(--sp-xs) 0 var(--sp-md);padding:8px 10px;border-radius:var(--radius);font-size:var(--fs-xs);line-height:1.4;color:var(--c-text-dim);border:1px solid rgba(176,106,30,.28);background:#b06a1e0d}.pack-risk b{color:var(--c-gold)}.pack-info-head .lvl{color:var(--c-gold);font-weight:700}.affix{font-weight:700}.affix.q-neg{color:#b04a3a}.affix.q1{color:#3f8a4a}.affix.q2{color:var(--r-rare)}.affix.q3{color:var(--c-gold);text-shadow:0 0 6px rgba(176,106,30,.5)}.affix-line{font-size:var(--fs-xs);font-weight:700;margin:2px 0 6px}.affix-line.q-neg{color:#b04a3a}.affix-line.q1{color:#3f8a4a}.affix-line.q2{color:var(--r-rare)}.affix-line.q3{color:var(--c-gold);text-shadow:0 0 6px rgba(176,106,30,.4)}.affix-dot{position:absolute;right:3px;top:2px;font-size:9px;line-height:1;pointer-events:none}.affix-dot.q-neg{color:#b04a3a}.affix-dot.q1{color:#3f8a4a}.affix-dot.q2{color:var(--r-rare)}.affix-dot.q3{color:var(--c-gold);text-shadow:0 0 5px rgba(176,106,30,.7)}.pack-sets{display:flex;flex-wrap:wrap;gap:var(--sp-xs);margin:-4px 0 var(--sp-md)}.setchip{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.3px;padding:2px 9px;border-radius:999px;color:var(--c-gold);border:1px solid var(--c-gold);background:#b06a1e1a;cursor:help}.pack-syns{display:flex;flex-wrap:wrap;gap:var(--sp-xs);margin:-2px 0 var(--sp-md)}.synchip{font-size:var(--fs-xs);letter-spacing:.2px;padding:2px 8px;border-radius:999px;color:#3f7bb0;border:1px solid rgba(63,123,176,.55);background:#3f7bb014;cursor:help}.statstrip{display:flex;justify-content:space-between;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius);border:1px solid var(--c-line);background:var(--c-panel);margin-bottom:var(--sp-md)}.statstrip .s{display:flex;flex-direction:column;align-items:center;gap:1px}.statstrip .s b{font-family:var(--font-head);font-size:var(--fs-md)}.statstrip .s small{font-size:9px;letter-spacing:.5px;color:var(--c-text-dim)}.shelf-h{display:flex;justify-content:space-between;align-items:baseline;margin:var(--sp-lg) 0 var(--sp-sm)}.shelf-h b{font-family:var(--font-head);letter-spacing:1px;color:var(--c-text-dim);text-transform:uppercase;font-size:var(--fs-sm)}.shelf-h small{color:var(--c-text-dim);font-size:var(--fs-sm)}.shelf{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-sm);touch-action:none}.shelf .cell{cursor:grab}.shelf .cell.spent{opacity:.5}.shelf .cell.cursed{border-style:dashed}.shelf .cell.locked{cursor:default;opacity:.82}.shelf .cell.locked .lock{position:absolute;top:2px;right:3px;font-size:11px;filter:drop-shadow(0 1px 1px #000)}.pending-h{display:flex;justify-content:space-between;align-items:baseline;margin:var(--sp-sm) 0 var(--sp-xs)}.pending-h b{font-family:var(--font-head);letter-spacing:1px;color:var(--c-gold);text-transform:uppercase;font-size:var(--fs-sm)}.pending-h small{color:var(--c-text-dim);font-size:var(--fs-sm)}.pending{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-sm);touch-action:none;padding:var(--sp-sm);border:1.5px solid var(--c-gold);border-radius:var(--radius);background:#b06a1e0f;box-shadow:0 0 14px #b06a1e1f inset}.pending .cell{cursor:grab}.pending .cell.cursed{border-style:dashed}.pack-hint-place{font-size:var(--fs-xs);color:var(--c-text-dim);margin:2px 0 6px}.pack-hint-place b{color:var(--c-glow)}.pack-locked{font-size:var(--fs-sm);color:var(--c-text-dim)}.pack-grid{display:grid;gap:6px;border:1px solid var(--c-gold);border-radius:var(--radius);padding:6px;background:#fff8e959;touch-action:none}.pack-grid.shake{animation:packshake .25s}@keyframes packshake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pack-slot{border:1px solid rgba(201,168,106,.5);border-radius:var(--radius-sm);background:#fff8e966}.pack-slot.t-fire{background:#dd7c1a24;border-color:var(--el-fire)}.pack-slot.t-venom{background:#5f9a2a24;border-color:var(--el-venom)}.pack-slot.t-ice{background:#3f7bb024;border-color:var(--el-ice)}.pack-slot.t-void{background:#8f5fc029;border-color:var(--el-void)}.pack-slot.drop-ok{background:#4a9d5a38;border-color:var(--c-heal)}.pack-slot.drop-bad{background:#d9524a38;border-color:var(--c-danger)}.pack-item{position:relative;border-radius:var(--radius-sm);border:1.5px solid var(--c-line);background:#f3e7cbe6;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px #3a22050d;cursor:grab;user-select:none;-webkit-user-select:none}.pack-item .plate{position:absolute;left:4px;bottom:2px;font-size:9px;color:var(--r-epic)}.pack-item.sel{box-shadow:0 0 0 2px var(--c-gold);z-index:3}.pack-item.adj{box-shadow:0 0 7px 1px #b06a1e99}.pack-item.spent{opacity:.5}.pack-item.cursed{border-style:dashed}.pack-item.r-common{border-color:var(--r-common)}.pack-item.r-uncommon{border-color:var(--r-uncommon)}.pack-item.r-rare{border-color:var(--r-rare)}.pack-item.r-epic{border-color:var(--r-epic)}.pack-item.r-legendary{border-color:var(--r-legendary)}.drag-ghost{opacity:.8;z-index:60;pointer-events:none;box-shadow:0 6px 18px #00000080}.pack-note{min-height:15px;margin:4px 0;font-size:var(--fs-sm);color:var(--c-danger);text-align:center}.pack-info{border:1px solid var(--c-line);background:var(--c-panel);border-radius:var(--radius);padding:var(--sp-sm) var(--sp-md);font-size:var(--fs-sm);line-height:1.5}.pack-info.hint{color:var(--c-text-dim);text-align:center}.pack-info .warn{color:var(--c-danger)}.pack-info-head{margin-bottom:2px}.pack-info-meta{font-size:var(--fs-xs);letter-spacing:.5px;text-transform:uppercase;color:var(--c-gold);opacity:.85;margin-bottom:var(--sp-xs)}.pack-fx{margin:0 0 var(--sp-xs);padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.pack-fx li{position:relative;padding-left:14px;color:var(--c-text)}.pack-fx li:before{content:"◆";position:absolute;left:0;top:1px;font-size:8px;color:var(--c-gold);opacity:.7}.pack-fx-none{font-size:var(--fs-sm);color:var(--c-text-dim);margin-bottom:var(--sp-xs)}.pack-actions{display:flex;flex-wrap:wrap;gap:var(--sp-xs);margin-top:var(--sp-xs)}.pack-actions:empty{display:none}.pack-actions button{background:var(--c-bg-1);border:1px solid var(--c-line);color:var(--c-text);padding:9px 14px;min-height:var(--touch);font:var(--fs-sm) var(--font-body);cursor:pointer;border-radius:var(--radius-sm)}.pack-actions button:hover{border-color:var(--c-gold);color:var(--c-gold)}