:root{--bg-main: #24262f;--bg-panel: #2a2c36;--text-main: #d1d5db;--text-muted: #8b909f;--border-color: #3e4150;--accent-gold: #c6a76c;--cost-green: #6bc851;--btn-red: #8b3442;--btn-blue: #235879}body{color:var(--sl-color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:40px;margin:0}.filter-container{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:1320px;margin:0 auto;padding:20px 30px;box-shadow:0 10px 30px #00000080}.label{color:var(--sl-color-text);font-size:14px;font-weight:700;min-width:60px;display:inline-block}.header-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.search-box{display:flex;align-items:center;background:var(--sl-color-bg-sidebar);border:1px solid var(--sl-color-gray-5);border-radius:4px;padding:5px 10px;width:200px}.search-box input{background:transparent;border:var(--sl-color-gray-2);color:var(--sl-color-text);outline:none;margin-left:5px;width:100%}.class-filter{display:flex;align-items:center;gap:10px}.class-icons{display:flex;gap:5px}.icon-placeholder{width:28px;height:28px;background:#333;border:1px solid #555;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888;cursor:pointer}.action-buttons{display:flex;gap:10px}.btn-reset-all{background:linear-gradient(to bottom,#a34151,var(--btn-red));border:1px solid #a85061;color:#fff;padding:8px 24px;border-radius:4px;cursor:pointer}.btn-search{background:linear-gradient(to bottom,#32759e,var(--btn-blue));border:1px solid #438ebf;color:#fff;padding:8px 30px;border-radius:4px;cursor:pointer}.btn-reset-small{background:#1a1c23;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;border-radius:12px;font-size:12px;cursor:pointer}.main-content{overflow:hidden;display:flex;gap:30px;opacity:1;max-height:600px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin-top .3s ease}.filter-container.is-collapsed .main-content{max-height:0px;opacity:0;margin-top:0;padding-top:0;padding-bottom:0;border-top-color:transparent}.left-panel{width:260px;display:flex;flex-direction:column;gap:20px}.panel-header{display:flex;justify-content:space-between;align-items:center}.card-pack-list{background-color:var(--sl-color-bg-sidebar);border:1px solid var(--sl-color-gray-5);border-radius:4px;height:200px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:12px}.card-pack-list::-webkit-scrollbar{width:4px}.card-pack-list::-webkit-scrollbar-track{background:#1a1c23}.card-pack-list::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:2px}.stat-row{display:flex;align-items:center;justify-content:space-between}.stat-row select{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:6px;border-radius:4px;width:80px;outline:none}.right-panel{flex:1;display:flex;flex-direction:column;gap:20px}.filter-row{display:flex;align-items:center;border-bottom:1px solid #2e313d;padding-bottom:15px}.filter-row:last-child{border-bottom:none}.filter-row>.btn-reset-small{margin-left:auto}select.wide-select{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:6px 12px;border-radius:4px;width:250px;outline:none}.cost-buttons{display:flex;gap:8px;margin-left:20px}.cost-btn{width:28px;height:28px;border-radius:50%;background:#14151a;border:2px solid var(--cost-green);color:var(--cost-green);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.cost-btn .plus{position:absolute;top:-2px;right:-6px;font-size:10px}.checkbox-group{display:flex;gap:40px;margin-left:20px}.custom-checkbox{display:flex;align-items:center;position:relative;padding-left:24px;cursor:pointer;font-size:13px;color:var(--sl-color-text);user-select:none}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:14px;width:14px;background-color:transparent;border:1px solid #5a5d6e;border-radius:2px}.custom-checkbox:hover input~.checkmark{border-color:var(--sl-color-text)}.custom-checkbox input:checked~.checkmark{background-color:transparent}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:4px;top:1px;width:3px;height:7px;border:solid var(--sl-color-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.split-row{align-items:flex-start}.half-col{display:flex;flex-direction:column}.half-col select{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:6px 12px;border-radius:4px;width:180px;margin-left:20px;outline:none}.sub-row{display:flex;align-items:center}.checkbox-column{margin-left:50px;border-left:1px solid #2e313d;padding-left:30px}.mt-10{margin-top:15px}.footer-expand{display:flex;justify-content:center;align-items:center;gap:6px;cursor:pointer;user-select:none}.footer-expand .arrow{display:inline-block;transition:transform .3s ease;transform:rotate(180deg)}.filter-container.is-collapsed .footer-expand .arrow{transform:rotate(0)}.footer-expand:hover{color:var(--sl-color-text)}.btn-reset-all,.btn-search,.btn-reset-small,.cost-btn,.icon-placeholder{transition:filter .2s ease,box-shadow .2s ease,transform .1s ease}.btn-reset-all:hover,.btn-search:hover,.btn-reset-small:hover,.cost-btn:hover,.icon-placeholder:hover{filter:brightness(1.25);cursor:pointer}.btn-reset-all:hover{box-shadow:0 0 12px #a3415180}.btn-search:hover{box-shadow:0 0 12px #32759e99}.btn-reset-all:active,.btn-search:active,.btn-reset-small:active,.cost-btn:active,.icon-placeholder:active{transform:scale(.96);filter:brightness(.9)}.class-icons{display:flex;gap:8px;align-items:center}.class-icon-btn{width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:4px;padding:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .2s ease,background-color .2s ease,border-color .2s ease}.class-icon-btn img{width:100%;height:100%;object-fit:contain;filter:brightness(.6) grayscale(20%)}.class-icon-btn:hover img{filter:brightness(1.2) grayscale(0%)}.class-icon-btn.active{background-color:#383b46;border-color:#5a5d6e}.class-icon-btn.active img{filter:brightness(1.3) grayscale(0%)}.class-icon-btn:active{transform:scale(.92)}.results-container{width:100%;min-width:1080px;max-width:1320px;margin:30px auto;background-color:#24262f;border:1px solid #3e4150;border-radius:6px;padding:20px 30px;box-sizing:border-box}.results-header{font-size:14px;color:#8b909f;margin-bottom:20px;border-bottom:1px solid #2e313d;padding-bottom:10px}.text-gold{color:#c6a76c;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 40px;min-height:1200px}.card-item{display:flex;flex-direction:column;align-items:center;group:card}.card-image-wrapper{width:100%;aspect-ratio:16 / 9;background-color:#1a1b22;border-radius:6px;overflow:hidden;position:relative;box-shadow:0 5px 15px #0006;border:1px solid #3e4150;cursor:pointer;transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s ease,border-color .25s ease}.card-image-wrapper img{width:100%;height:100%;object-fit:cover}.card-image-wrapper:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 25px #c6a76c4d;border-color:#c6a76c}.card-cost-badge{position:absolute;top:10px;left:10px;width:26px;height:26px;background:#6bc851;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 6px #0009;text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:2}.card-name{margin-top:12px;font-size:14px;color:#d1d5db;text-align:center;font-weight:500}.pagination-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:40px;border-top:1px solid #2e313d;padding-top:20px}.page-btn{background:#1a1c23;border:1px solid #3e4150;color:#8b909f;width:36px;height:36px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s}#prev-page{transform:rotate(-90deg)}#next-page{transform:rotate(90deg)}.page-btn:hover:not(:disabled){border-color:#c6a76c;color:#c6a76c;background-color:#2a2c36}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-numbers{display:flex;gap:8px}.num-btn{background:transparent;border:1px solid transparent;color:#8b909f;min-width:36px;height:36px;padding:0 6px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.num-btn:hover{color:#d1d5db}.num-btn.active{background:#383b46;border-color:#c6a76c;color:#c6a76c;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0b0ed9;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{position:relative;width:85%;max-width:1000px;display:flex;flex-direction:column;align-items:center;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-image-container{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #c6a76c26;border:2px solid #c6a76c}.modal-image-container img{width:100%;height:100%;object-fit:cover}.modal-card-title{margin-top:20px;font-size:22px;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:1px}.modal-close-btn{position:absolute;top:-50px;right:0;background:transparent;border:none;color:#8b909f;font-size:40px;cursor:pointer;line-height:1;transition:color .2s,transform .2s}.modal-close-btn:hover{color:#c6a76c;transform:rotate(90deg)}.filter-container,.results-container{background-color:var(--sl-color-bg-nav);border:1px solid var(--sl-color-hairline);box-sizing:border-box}.results-header,.pagination-container{border-color:var(--sl-color-hairline)}.results-header,.card-name{color:var(--sl-color-text)}.text-gold{color:var(--sl-color-accent-high)}.page-btn,.num-btn,.btn-reset-small{background:var(--sl-color-bg);border:1px solid var(--sl-color-hairline);color:var(--sl-color-text)}.page-btn:hover:not(:disabled),.num-btn:hover{border-color:var(--sl-color-accent);color:var(--sl-color-accent-high)}.num-btn.active,.class-icon-btn.active,.cost-btn.active{background:var(--sl-color-bg-sidebar);border-color:var(--sl-color-accent-high);color:var(--sl-color-accent-high)}.card-image-wrapper:hover{transform:translateY(-8px) scale(1.03);border-color:var(--sl-color-accent);box-shadow:0 12px 25px rgba(var(--sl-color-accent-rgb),.2)}.modal-image-container{border:2px solid var(--sl-color-accent);box-shadow:0 20px 50px #000c}.modal-close-btn:hover{color:var(--sl-color-accent)}.card-cost-badge{background:var(--sl-color-accent-high);color:var(--sl-color-text-invert)}