.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:color-mix(in srgb,var(--c-bg-1) 85%,transparent);display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,var(--c-shade) 4%,transparent);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:color-mix(in srgb,var(--c-shade) 82%,transparent);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:color-mix(in srgb,var(--r-uncommon) 7%,transparent)}.r-rare{border-color:var(--r-rare);background:color-mix(in srgb,var(--r-rare) 8%,transparent)}.r-epic{border-color:var(--r-epic);background:color-mix(in srgb,var(--r-epic) 10%,transparent)}.r-legendary{border-color:var(--r-legendary);background:color-mix(in srgb,var(--c-gold) 10%,transparent)}.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)}.craft-btn{font:700 var(--fs-sm) var(--font-body);color:var(--c-gold);padding:7px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--c-line);background:var(--c-panel);cursor:pointer}.craft-btn:hover{border-color:var(--c-gold)}.craft-res-tabs{display:flex;gap:8px;margin:4px 0 14px}.craft-res-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;border-radius:10px;border:1.5px solid var(--c-line-soft);background:var(--c-bg-2)}.craft-res-tab b{font:700 var(--fs-md) var(--font-mono);color:var(--c-text)}.craft-res-tab small{font-size:var(--fs-xs);letter-spacing:.3px;color:var(--c-text-dim);text-transform:uppercase}.craft-recipes{display:flex;flex-direction:column;gap:var(--sp-sm)}.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 color-mix(in srgb,var(--c-gold) 28%,transparent);background:color-mix(in srgb,var(--c-gold) 5%,transparent)}.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:var(--c-hostile)}.affix.q1{color:var(--c-heal)}.affix.q2{color:var(--r-rare)}.affix.q3{color:var(--c-gold);text-shadow:0 0 6px color-mix(in srgb,var(--c-gold) 50%,transparent)}.affix-line{font-size:var(--fs-xs);font-weight:700;margin:2px 0 6px}.affix-line.q-neg{color:var(--c-hostile)}.affix-line.q1{color:var(--c-heal)}.affix-line.q2{color:var(--r-rare)}.affix-line.q3{color:var(--c-gold);text-shadow:0 0 6px color-mix(in srgb,var(--c-gold) 40%,transparent)}.affix-dot{position:absolute;right:3px;top:2px;font-size:9px;line-height:1;pointer-events:none}.affix-dot.q-neg{color:var(--c-hostile)}.affix-dot.q1{color:var(--c-heal)}.affix-dot.q2{color:var(--r-rare)}.affix-dot.q3{color:var(--c-gold);text-shadow:0 0 5px color-mix(in srgb,var(--c-gold) 70%,transparent)}.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:color-mix(in srgb,var(--c-gold) 10%,transparent);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:var(--r-rare);border:1px solid color-mix(in srgb,var(--r-rare) 55%,transparent);background:color-mix(in srgb,var(--r-rare) 8%,transparent);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:var(--fs-xs);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:color-mix(in srgb,var(--c-gold) 6%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--c-gold) 12%,transparent) 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:color-mix(in srgb,var(--c-track) 55%,transparent);touch-action:none}.pack-grid.shake{animation:packshake .25s}@keyframes packshake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pack-slot{border:1px solid color-mix(in srgb,var(--c-line) 55%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-bg-1) 72%,transparent)}.pack-slot.t-fire{background:color-mix(in srgb,var(--el-fire) 14%,transparent);border-color:var(--el-fire)}.pack-slot.t-venom{background:color-mix(in srgb,var(--el-venom) 14%,transparent);border-color:var(--el-venom)}.pack-slot.t-ice{background:color-mix(in srgb,var(--r-rare) 14%,transparent);border-color:var(--el-ice)}.pack-slot.t-void{background:color-mix(in srgb,var(--r-epic) 16%,transparent);border-color:var(--el-void)}.pack-slot.drop-ok{background:color-mix(in srgb,var(--r-uncommon) 22%,transparent);border-color:var(--c-heal)}.pack-slot.drop-bad{background:color-mix(in srgb,var(--c-hostile) 22%,transparent);border-color:var(--c-danger)}.pack-item{position:relative;border-radius:var(--radius-sm);border:1.5px solid var(--c-line);background:linear-gradient(180deg,var(--c-bg-2),var(--c-bg-1));display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px #ffe1aa1a;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 color-mix(in srgb,var(--c-gold) 60%,transparent)}.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-note.hint{color:var(--c-text-dim)}.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)}.item-stats{display:flex;flex-wrap:wrap;gap:2px var(--sp-md);margin:2px 0 var(--sp-xs)}.item-stats .is{display:flex;flex-direction:column;align-items:center;gap:1px}.item-stats .is b{font-family:var(--font-head);font-size:var(--fs-sm);color:var(--c-text)}.item-stats .is small{display:flex;align-items:center;gap:2px;font-size:var(--fs-xs);letter-spacing:.4px;color:var(--c-text-dim)}.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)}.act-group{margin-top:8px;border:1px solid var(--c-line-soft);border-radius:var(--radius-sm)}.act-group>summary{cursor:pointer;list-style:none;padding:8px 10px;min-height:40px;display:flex;align-items:center;font:700 12px var(--font-body);color:var(--c-gold)}.act-group>summary::-webkit-details-marker{display:none}.act-group>summary:after{content:"▾";margin-left:auto;color:var(--c-text-dim)}.act-group[open]>summary:after{content:"▴"}.act-intro{padding:0 10px 6px;font-size:var(--fs-xs);color:var(--c-text-dim)}.forge-diff{display:flex;flex-direction:column;gap:3px;padding:0 10px 8px}.fd-row{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm)}.fd-row small{color:var(--c-text-dim);min-width:56px;text-transform:uppercase;letter-spacing:.3px;font-size:var(--fs-xs)}.fd-row b{font-family:var(--font-head);color:var(--c-text);font-weight:700}.fd-row .fd-arrow{color:var(--c-text-dim)}.fd-row b.fd-new{color:var(--c-heal)}.act-group .pack-actions{padding:0 8px 8px}.pack-actions .bt-h{display:block;font-weight:400;font-size:var(--fs-xs);line-height:1.2;color:var(--c-text-dim);margin-top:2px}