.mx{--mx-shell:rgb(0 0 0 / 30%);--mx-side:rgb(0 0 0 / 26%);--mx-content:rgb(0 0 0 / 22%);--mx-card:rgb(0 0 0 / 28%);--mx-line:var(--ko-line);--mx-text:var(--ko-text);--mx-muted:var(--ko-muted);--mx-gold:var(--ko-gold)}.mx-intro{padding:.9rem 1rem;margin-bottom:1rem;background:var(--mx-side);border:1px solid var(--mx-line);border-radius:var(--ko-radius)}.mx-intro p{margin:0;color:var(--mx-text);font-size:.86rem;line-height:1.55}.mx-intro strong{color:var(--mx-gold)}.mx-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.2rem 1.4rem;padding:0;margin:.7rem 0 0;list-style:none}.mx-rules li{position:relative;padding-left:.9rem;color:var(--mx-muted);font-size:.78rem;line-height:1.5}.mx-rules li::before{position:absolute;left:0;color:var(--mx-gold);content:'\2022'}.mx-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.9rem 1rem;margin-bottom:.75rem;background:var(--mx-side);border:1px solid var(--mx-line);border-radius:var(--ko-radius)}.mx-field{display:flex;flex:1 1 240px;flex-direction:column;gap:.3rem}.mx-label{margin:0;color:var(--mx-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mx-input{width:100%;padding:.5rem .7rem;color:var(--mx-text);font-size:.9rem;background:var(--mx-shell);border:1px solid var(--mx-line);border-radius:var(--ko-radius);outline:0}.mx-input:focus{border-color:var(--mx-gold)}.mx-input::placeholder{color:#807a6e}.mx-clear{padding:.5rem .9rem;color:var(--mx-muted);font-size:.85rem;background:0 0;border:1px solid var(--mx-line);border-radius:var(--ko-radius);cursor:pointer}.mx-clear:hover{color:var(--mx-text);border-color:var(--mx-gold)}.mx-cats{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.mx-cat{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;color:var(--mx-muted);font-size:.78rem;background:var(--mx-side);border:1px solid var(--mx-line);border-radius:20px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.mx-cat:hover{color:var(--mx-text);border-color:var(--mx-gold)}.mx-cat.is-active{color:#fff;background:#4f493e;border-color:var(--mx-gold)}.mx-cat-count{padding:.02rem .35rem;color:var(--mx-gold);font-size:.68rem;background:rgb(0 0 0 / 30%);border-radius:20px}.mx-loading{align-items:center;gap:.5rem;width:100%;padding:.5rem .9rem;margin-bottom:.75rem;color:var(--mx-muted);font-size:.85rem;background:var(--mx-side);border:1px solid var(--mx-line);border-radius:var(--ko-radius)}.mx-dim{opacity:.35;pointer-events:none}.mx-spinner{width:18px;height:18px;border:2px solid var(--mx-line);border-top-color:var(--mx-gold);border-radius:50%;animation:mx-spin .7s linear infinite}@keyframes mx-spin{to{transform:rotate(360deg)}}.mx-state{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--mx-muted);font-size:.9rem;background:var(--mx-shell);border:1px solid var(--mx-line);border-radius:var(--ko-radius)}.mx-panel{display:flex;height:74vh;overflow:hidden;background:var(--mx-shell);border:1px solid var(--mx-line);border-radius:var(--ko-radius)}.mx-side{display:flex;flex:none;flex-direction:column;width:290px;overflow-y:auto;background:var(--mx-side);border-right:1px solid var(--mx-line)}.mx-side-head{padding:.6rem 1rem;color:var(--mx-muted);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--mx-line)}.mx-tab{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem 1rem;color:#d4d4d4;font-size:.85rem;text-align:left;background:0 0;border:none;outline:0;cursor:pointer;transition:background .2s ease}.mx-tab:hover{background:var(--mx-line)}.mx-tab.is-active{color:#fff;background:#4f493e}.mx-tab-icon{flex:none;width:26px;height:26px;border-radius:4px}.mx-tab-text{display:flex;flex:1;flex-direction:column;min-width:0}.mx-tab-cat,.mx-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-tab-cat{color:var(--mx-muted);font-size:.7rem}.mx-tab-count{flex:none;padding:.05rem .4rem;color:var(--mx-muted);font-size:.72rem;background:rgb(0 0 0 / 25%);border-radius:20px}.mx-content{flex:1;padding:1rem;overflow-y:auto;background:var(--mx-content)}.mx-content-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding-bottom:.7rem;margin-bottom:1rem;border-bottom:1px solid var(--mx-line)}.mx-title{margin:0;color:var(--ko-gold-lt);font-family:BeaufortForLoL,Inter,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-shadow:0 1px 2px rgb(0 0 0 / 80%);text-transform:uppercase}.mx-badge{margin-left:auto;padding:.1rem .5rem;color:var(--mx-gold);font-size:.72rem;background:rgb(192 166 97 / 12%);border-radius:20px}.mx-block-head{color:var(--mx-gold);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mx-pool-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:1.3rem 0 .6rem}.mx-pool-class{margin-left:.4rem;padding:.05rem .45rem;color:var(--mx-text);font-size:.68rem;letter-spacing:0;text-transform:none;background:rgb(255 255 255 / 8%);border-radius:20px}.mx-success{margin-left:auto;color:var(--mx-muted);font-size:.75rem}.mx-success strong{color:var(--mx-gold)}.mx-success.is-zero strong{color:#d3705f}.mx-warn{padding:.45rem .7rem;margin:0 0 .6rem;color:#e0a99c;font-size:.78rem;background:rgb(160 60 45 / 12%);border:1px solid rgb(160 60 45 / 45%);border-radius:var(--ko-radius)}.mx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:.7rem}.mx-card{position:relative;display:flex;align-items:center;gap:.7rem;padding:.5rem;background:var(--mx-card);border:1px solid var(--mx-line);border-radius:var(--ko-radius);transition:background .2s ease,border-color .2s ease}.mx-card:hover{background:rgb(192 166 97 / 8%);border-color:var(--mx-gold)}.mx-card--reward{padding-right:3.6rem}.mx-icon{flex:none;width:33px;height:33px;border-radius:4px;cursor:help}.mx-icon--empty{background:rgb(255 255 255 / 4%);border:1px dashed var(--mx-line)}.mx-card-meta{display:flex;flex-direction:column;gap:.12rem;min-width:0}.mx-card-name{display:block;overflow:hidden;color:var(--mx-text);font-size:.82rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mx-card-note{color:var(--mx-muted);font-size:.72rem}.mx-chance{position:absolute;top:50%;right:.55rem;color:var(--mx-gold);font-size:.78rem;font-weight:700;transform:translateY(-50%)}@media (max-width:992px){.mx-field{flex:1 1 100%}.mx-panel{flex-direction:column;height:auto}.mx-side{width:100%;max-height:300px;border-right:none;border-bottom:1px solid var(--mx-line)}.mx-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}