.ds{--ds-shell:rgb(0 0 0 / 30%);--ds-side:rgb(0 0 0 / 26%);--ds-content:rgb(0 0 0 / 20%);--ds-card:rgb(0 0 0 / 28%);--ds-line:var(--ko-line);--ds-line-soft:var(--ko-line);--ds-text:var(--ko-text);--ds-muted:var(--ko-muted);--ds-gold:var(--ko-gold)}.ds-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.9rem 1rem;margin-bottom:1rem;background:var(--ds-side);border:1px solid var(--ds-line);border-radius:var(--ko-radius)}.ds-field{display:flex;flex-direction:column;gap:.3rem;min-width:180px}.ds-field--grow{flex:1 1 240px}.ds-label{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-muted)}.ds-input,.ds-select{width:100%;padding:.5rem .7rem;color:var(--ds-text);font-size:.9rem;background:#191410;border:1px solid var(--ds-line);border-radius:var(--ko-radius);outline:0;transition:border-color .2s,box-shadow .2s}.ds-input:focus,.ds-select:focus{border-color:var(--ko-gold);box-shadow:0 0 0 3px rgb(200 162 83 / 12%)}.ds-input::placeholder{color:var(--ko-dim)}.ds-clear{padding:.5rem .9rem;color:var(--ds-muted);font-size:.85rem;background:rgb(0 0 0 / 25%);border:1px solid var(--ds-line);border-radius:var(--ko-radius);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.ds-clear:hover{color:var(--ko-gold-lt);background:rgb(200 162 83 / 10%);border-color:var(--ko-gold)}.ds-state{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:3rem 1rem;color:var(--ds-muted);font-size:.9rem;background:var(--ds-shell);border:1px dashed var(--ko-line-2);border-radius:var(--ko-radius)}.ds-loading{align-items:center;gap:.5rem;width:100%;padding:.5rem .9rem;margin-bottom:.75rem;color:var(--ds-muted);font-size:.85rem;background:var(--ds-side);border:1px solid var(--ds-line);border-radius:var(--ko-radius)}.ds-state--empty.is-warn{color:var(--ko-gold-lt);border-color:var(--ko-gold)}.ds-dim{opacity:.35;pointer-events:none}.ds-spinner{width:18px;height:18px;border:2px solid var(--ds-line);border-top-color:var(--ko-gold);border-radius:50%;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-panel{display:flex;height:70vh;background:var(--ds-shell);border:1px solid var(--ds-line);border-radius:var(--ko-radius);overflow:hidden}.ds-side{display:flex;flex-direction:column;width:260px;flex:none;background:var(--ds-side);border-right:1px solid var(--ds-line);overflow-y:auto}.ds-side-head{padding:.7rem 1rem;border-bottom:1px solid var(--ds-line);background:linear-gradient(180deg,rgb(52 42 26 / 55%),rgb(24 19 13 / 30%));font-family:BeaufortForLoL,Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ko-gold-lt)}.ds-side-zone{padding:.7rem 1rem .3rem;color:var(--ko-gold);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.ds-tab{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:.45rem 1rem;color:var(--ds-text);font-size:13.5px;text-align:left;background:0 0;border:none;border-left:2px solid transparent;outline:0;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.ds-tab:hover{background:rgb(200 162 83 / 8%);border-left-color:var(--ko-gold-deep);color:var(--ko-gold-lt)}.ds-tab.is-active{background:rgb(200 162 83 / 14%);border-left-color:var(--ko-gold);color:var(--ko-gold-lt);font-weight:600}.ds-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tab-count{flex:none;padding:.05rem .4rem;color:var(--ds-muted);font-size:.72rem;font-variant-numeric:tabular-nums;background:rgb(0 0 0 / 30%);border:1px solid var(--ds-line);border-radius:var(--ko-radius)}.ds-content{flex:1;min-width:0;padding:1rem;background:var(--ds-content);overflow-y:auto}.ds-content-head{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding-bottom:.7rem;margin-bottom:1rem;border-bottom:1px solid var(--ds-line)}.ds-mob{margin:0;font-family:BeaufortForLoL,Inter,sans-serif;font-size:15px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ko-gold-lt);text-shadow:0 1px 2px rgb(0 0 0 / 80%)}.ds-zone-tag{padding:.1rem .5rem;color:var(--ko-gold);font-size:.72rem;background:rgb(200 162 83 / 12%);border:1px solid var(--ds-line);border-radius:var(--ko-radius)}.ds-count{margin-left:auto;color:var(--ds-muted);font-size:.8rem}.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}.ds-drop{display:flex;align-items:center;gap:.7rem;padding:.45rem;background:var(--ds-card);border:1px solid var(--ds-line-soft);border-radius:var(--ko-radius);transition:border-color .2s ease,background .2s ease}.ds-drop:hover{background:rgb(200 162 83 / 8%);border-color:var(--ko-gold)}.ds-drop.is-match{border-color:var(--ko-gold);background:rgb(200 162 83 / 12%)}.ds-icon{width:33px;height:33px;flex:none;border-radius:2px;cursor:help}.ds-drop-meta{min-width:0}.ds-drop-name{display:block;max-width:100%;overflow:hidden;color:var(--ds-text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ds-drop-rate{color:var(--ko-gold);font-size:.75rem;font-variant-numeric:tabular-nums}.ko-tooltip-item.highlight{animation:highlight-pulse 1s ease-in-out infinite;box-shadow:0 0 10px rgb(242 215 143 / 80%)}@keyframes highlight-pulse{0%,100%{transform:scale(1);box-shadow:0 0 5px rgb(242 215 143 / 50%)}50%{transform:scale(1.1);box-shadow:0 0 15px rgb(242 215 143 / 100%)}}@media (max-width:992px){.ds-field,.ds-field--grow{flex:1 1 100%;min-width:0}.ds-panel{flex-direction:column;height:auto}.ds-side{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--ds-line)}.ds-tab{border-left:none;border-bottom:2px solid transparent}.ds-tab:hover{border-bottom-color:var(--ko-gold-deep)}.ds-tab.is-active{border-bottom-color:var(--ko-gold)}.ds-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ds-drop,.ds-spinner,.ds-tab{transition:none;animation:none}}