*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent}:root{--bg:#0b0a09;--panel:#0a0a0ff7;--panel2:#ffffff08;--border:#ffffff0f;--border2:#ffffff1a;--accent:#f97316;--accent-dim:#ea580c;--text:#d1d5db;--text-dim:#6b7280;--text-bright:#f3f4f6;--green:#22c55e;--indigo:#6366f1;--lr:#ec4899;--r:#f97316;--u:#60a5fa;--c:#6b7280;--nav-h:60px}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;font-size:15px;overflow:hidden}#root{background-color:#070605;background-image:linear-gradient(#f9731605 1px,#0000 1px),linear-gradient(90deg,#f9731605 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:40px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.app-root{flex-direction:column;width:100%;max-width:480px;height:100%;max-height:min(100dvh,960px);display:flex;position:relative;box-shadow:0 0 60px #0009}.view-container{flex:1;padding-bottom:8px;overflow:hidden auto}.view-container::-webkit-scrollbar{width:4px}.view-container::-webkit-scrollbar-track{background:var(--bg)}.view-container::-webkit-scrollbar-thumb{background:#f973164d;border-radius:2px}.main-scroll{flex:1;padding-bottom:8px;overflow:hidden auto}.main-scroll::-webkit-scrollbar{width:4px}.main-scroll::-webkit-scrollbar-track{background:var(--bg)}.main-scroll::-webkit-scrollbar-thumb{background:#f973164d;border-radius:2px}.bottom-nav{height:var(--nav-h);-webkit-backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a0ff7;flex-shrink:0;display:flex;position:relative;overflow:visible}.bottom-nav:before{content:"";background:linear-gradient(90deg,#f9731633 calc(50% - 36px),#0000 calc(50% - 36px) calc(50% + 36px),#f9731633 calc(50% + 36px));height:1px;position:absolute;top:0;left:0;right:0}.nav-btn{color:var(--text-dim);letter-spacing:.2em;cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:Bebas Neue,sans-serif;font-size:10px;transition:color .15s;display:flex}.nav-btn svg{width:18px;height:18px}.nav-btn.active{color:var(--accent);border-top-color:var(--accent)}.nav-btn:hover:not(.active){color:var(--text)}.nav-btn--pilot{flex:none;gap:0;width:68px;position:relative;transform:translateY(-16px);border-top:none!important}.pilot-hex-wrap{filter:drop-shadow(0 2px 10px #000000e6);width:50px;height:50px;transition:filter .15s;position:relative}.nav-btn--pilot.active .pilot-hex-wrap{filter:drop-shadow(0 0 14px #f97316cc)}.pilot-hex-border{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--text-dim);transition:background .15s;position:absolute;inset:0}.nav-btn--pilot.active .pilot-hex-border,.nav-btn--pilot:hover .pilot-hex-border{background:var(--accent)}.pilot-hex-inner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg2);justify-content:center;align-items:center;display:flex;position:absolute;inset:2.5px;overflow:hidden}.pilot-action-btn{width:100%;color:var(--text);letter-spacing:.3em;cursor:pointer;background:0 0;border:1px solid #f9731640;border-radius:2px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:13px 16px;font-family:Bebas Neue,sans-serif;font-size:13px;transition:background .15s,border-color .15s;display:flex}.pilot-action-btn:hover{background:#f973160f;border-color:#f9731680}.pilot-action-btn:active{background:#f973161a;border-color:#f9731699}.global-header{border-bottom:1px solid #f9731626;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.global-header-icon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,#f97316,#ea580c);flex-shrink:0;width:32px;height:32px}.global-title{letter-spacing:.3em;color:var(--accent);font-family:Bebas Neue,sans-serif;font-size:20px;line-height:1}.global-sub{color:var(--text-dim);letter-spacing:.05em;margin-top:3px;font-size:10px}.view-header{border-bottom:1px solid #f9731626;padding:16px 20px 10px}.view-title{letter-spacing:.2em;color:var(--text-bright);font-family:Bebas Neue,sans-serif;font-size:20px}.view-sub{color:var(--text-dim);margin-top:4px;font-size:12px}.mode-toggle{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.mode-btn{color:var(--text-dim);letter-spacing:.12em;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:0;padding:5px 9px;font-family:Bebas Neue,sans-serif;font-size:10px;transition:all .15s}.mode-btn:hover{color:var(--text);border-color:#ffffff26}.mode-btn.active{color:var(--accent);background:#f9731614;border-color:#f9731680}.stat-boxes{gap:8px;padding:12px 20px 0;display:grid}.stat-boxes.single{grid-template-columns:1fr 1fr}.stat-boxes.dual{grid-template-columns:1fr 1fr 1fr 1fr}.stat-box{border:1px solid #f973161f;border-left:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#ffffff08;border-radius:0;padding:10px 14px}.stat-box.green-box{border-left-color:var(--green)}.stat-box.indigo-box{border-left-color:var(--indigo)}.stat-box.gray-box{border-left-color:var(--text-dim)}.stat-box-value{color:var(--accent);letter-spacing:.02em;font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1}.stat-box-value .unit{font-size:14px}.stat-box-value.green{color:var(--green)}.stat-box-value.indigo{color:var(--indigo)}.stat-box-value.dim{color:var(--text-bright)}.stat-box-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;margin-top:3px;font-size:9px}.trade-shortcut{margin:10px 20px 0}.trade-shortcut-btn{width:100%;color:var(--accent);letter-spacing:.25em;cursor:pointer;text-align:left;background:#f973160f;border:1px solid #f973164d;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 16px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:background .15s;display:flex}.trade-shortcut-btn:hover{background:#f973161f}.overall-progress{border-bottom:1px solid #ffffff0f;padding:12px 20px}.progress-label{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.progress-label-left{letter-spacing:.25em;color:var(--text-dim);font-family:Bebas Neue,sans-serif;font-size:11px}.progress-label-right{color:var(--accent);letter-spacing:.1em;font-family:Bebas Neue,sans-serif;font-size:14px}.progress-label-right.green{color:var(--green)}.progress-bar-track{background:#ffffff0f;border-radius:3px;height:5px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));border-radius:3px;height:100%;transition:width .4s}.progress-bar-fill.complete{background:linear-gradient(90deg, #16a34a, var(--green))}.progress-gap{height:8px}.section-header{letter-spacing:.4em;color:var(--text-dim);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:12px 20px 7px;font-family:Bebas Neue,sans-serif;font-size:11px;display:flex}.section-header:after{content:"";background:#ffffff0f;flex:1;height:1px}.set-row{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 20px;transition:background .15s;display:flex}.set-row:hover{background:#ffffff08}.set-row:hover .set-chevron{color:var(--accent)}.set-badge{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);text-align:center;letter-spacing:.1em;border:1px solid;border-radius:0;flex-shrink:0;min-width:50px;padding:4px 8px;font-family:Bebas Neue,sans-serif;font-size:13px}.set-badge.booster{color:var(--accent);background:#f9731614;border-color:#f9731640}.set-badge.starter{color:var(--u);background:#60a5fa14;border-color:#60a5fa33}.set-info{flex:1;min-width:0}.set-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:13px;font-weight:600;overflow:hidden}.set-mini-bar{background:#ffffff0f;border-radius:2px;height:3px;overflow:hidden}.set-mini-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.set-mini-fill.complete{background:var(--green)}.set-needed{letter-spacing:.1em;color:var(--text-dim);margin-top:3px;font-family:Bebas Neue,sans-serif;font-size:10px}.set-needed.done{color:var(--green)}.set-count-wrap{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.set-count{letter-spacing:.05em;color:var(--text-dim);text-align:right;font-family:Bebas Neue,sans-serif;font-size:13px}.set-count.complete{color:var(--green)}.set-chevron{color:#ffffff59;flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:18px;transition:color .15s}.set-view-header{z-index:50;-webkit-backdrop-filter:blur(20px);background:#0a0a0ff7;border-bottom:1px solid #f9731626;position:sticky;top:0}.set-view-top{align-items:center;gap:10px;padding:12px 20px;display:flex}.back-btn{color:var(--accent);letter-spacing:.2em;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%);cursor:pointer;background:0 0;border:1px solid #f9731640;border-radius:0;flex-shrink:0;padding:6px 12px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:background .15s}.back-btn:hover{background:#f973161a}.set-view-title{letter-spacing:.15em;min-width:0;color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Bebas Neue,sans-serif;font-size:13px;overflow:hidden}.set-view-pct{letter-spacing:.05em;flex-shrink:0;font-family:Bebas Neue,sans-serif}.set-view-progress{flex-direction:column;gap:4px;padding:0 20px 10px;display:flex}.card-count-row{letter-spacing:.2em;color:var(--text-dim);align-items:center;gap:6px;padding:4px 20px 8px;font-family:Bebas Neue,sans-serif;font-size:11px;display:flex}.card-count-num{color:var(--accent)}.card-count-num.filtered{color:var(--u)}.search-row{padding:6px 20px}.filter-section{padding:4px 0}.filter-section .search-row{padding:6px 20px}.search-input{width:100%;color:var(--text-bright);background:#ffffff0d;border:1px solid #f9731633;border-radius:4px;outline:none;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--accent)}.filter-row{flex-wrap:wrap;gap:5px;padding:4px 20px;display:flex}.filter-btn{color:var(--text-dim);letter-spacing:.15em;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%);cursor:pointer;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:0;padding:6px 12px;font-family:Bebas Neue,sans-serif;font-size:11px;transition:all .15s}.filter-btn:hover{color:var(--text);border-color:#ffffff26}.filter-btn.mode-all.active{color:var(--text-bright);background:#ffffff14;border-color:#ffffff4d}.filter-btn.mode-need.active{color:var(--accent);border-color:var(--accent);background:#f973161a}.filter-btn.mode-done.active{color:var(--green);border-color:var(--green);background:#22c55e14}.filter-btn.type-btn.active{color:var(--text-bright);background:#ffffff14;border-color:#ffffff40}.filter-btn.rarity-lr.active{color:var(--lr);border-color:var(--lr);background:#ec489914}.filter-btn.rarity-r.active{color:var(--r);border-color:var(--r);background:#f9731614}.filter-btn.rarity-u.active{color:var(--u);border-color:var(--u);background:#60a5fa14}.filter-btn.rarity-c.active{color:var(--c);border-color:var(--c);background:#6b72801f}.filter-btn.color-btn{align-items:center;gap:4px;display:flex}.filter-btn.color-btn.active{color:var(--text-bright);background:#ffffff14;border-color:#ffffff40}.color-pip{border-radius:50%;flex-shrink:0;width:7px;height:7px}.card-list{padding:4px 0}.card-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0a;border-left:3px solid #0000;align-items:center;gap:8px;min-height:56px;padding:7px 20px;transition:background .12s;display:flex}.card-row.complete{background:#22c55e0d;border-left-color:#22c55e66}.card-row.complete:hover{background:#22c55e14}.card-row.partial{background:#f973160a;border-left-color:#f973164d}.card-row.partial:hover{background:#f9731612}.card-row:not(.complete):not(.partial):hover{background:#ffffff08}.card-row.selected{background:#f9731614!important;border-left-color:#f9731699!important}.card-color-bar{opacity:.9;border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}.card-main{flex:1;min-width:0}.card-top-row{align-items:center;gap:8px;display:flex}.card-num{letter-spacing:.05em;color:var(--text-dim);flex-shrink:0;min-width:68px;font-family:Bebas Neue,sans-serif;font-size:11px}.card-name{min-width:0;color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.card-type{letter-spacing:.1em;color:var(--text-dim);text-align:right;flex-shrink:0;min-width:56px;font-family:Bebas Neue,sans-serif;font-size:10px}.card-rarity{letter-spacing:.05em;text-align:center;flex-shrink:0;min-width:32px;font-family:Bebas Neue,sans-serif;font-size:11px}.card-rarity.lr{color:var(--lr);text-shadow:0 0 8px #ec48998c}.card-rarity.r{color:var(--r);text-shadow:0 0 8px #f9731680}.card-rarity.u{color:var(--u)}.card-rarity.c{color:var(--c)}.card-fodder-tag{letter-spacing:.15em;color:var(--green);opacity:.85;margin-top:2px;font-family:Bebas Neue,sans-serif;font-size:9px}.card-thumb-wrap{flex-shrink:0;justify-content:center;align-items:center;width:38px;display:flex}.card-thumb{object-fit:cover;cursor:zoom-in;opacity:.75;border:1px solid #ffffff14;border-radius:3px;width:38px;height:53px;transition:opacity .15s,transform .15s;display:block}.card-thumb:hover{opacity:1;transform:scale(1.06)}.card-thumb-err{background:#ffffff08;border:1px solid #ffffff0f;border-radius:3px;width:38px;height:53px}.lightbox-overlay{z-index:500;-webkit-backdrop-filter:blur(12px);background:#000000e0;justify-content:center;align-items:center;padding:24px 64px;animation:.15s lb-in;display:flex;position:fixed;inset:0}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox-inner{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;animation:.15s lb-scale;display:flex;position:relative}@keyframes lb-scale{0%{transform:scale(.93)}to{transform:scale(1)}}.lightbox-img{border-radius:10px;width:100%;display:block;box-shadow:0 12px 60px #000000e6,0 0 0 1px #f9731640}.lightbox-info{text-align:center;width:100%}.lightbox-name{letter-spacing:.15em;color:var(--text-bright);margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:20px;line-height:1.1}.lightbox-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lightbox-meta-item{letter-spacing:.15em;color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;padding:3px 8px;font-family:Bebas Neue,sans-serif;font-size:11px}.lightbox-rules{color:var(--text-dim);text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;width:100%;max-height:120px;padding:10px 12px;font-size:11px;line-height:1.6;overflow-y:auto}.lightbox-rules::-webkit-scrollbar{width:3px}.lightbox-rules::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.lightbox-close{width:34px;height:34px;color:var(--text-dim);cursor:pointer;z-index:1;background:#0f0f14f2;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .15s;display:flex;position:absolute;top:-14px;right:-14px}.lightbox-close:hover{color:var(--text-bright);background:#f973161a;border-color:#f9731680}.lightbox-nav{width:44px;height:44px;color:var(--text-dim);cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;background:#0f0f14eb;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:all .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:var(--text-bright);background:#f973161a;border-color:#f9731680}.lightbox-nav:disabled{opacity:.2;cursor:default;pointer-events:none}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-counter{letter-spacing:.2em;color:var(--text-dim);text-align:center;font-family:Bebas Neue,sans-serif;font-size:11px}.counter{flex-shrink:0;align-items:center;gap:2px;display:flex}.counter-btn{width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background .1s,border-color .1s;display:flex}.counter-btn:hover{border-color:var(--accent);background:#ffffff14}.counter-btn:active{background:var(--accent);color:#0a0a0f;border-color:var(--accent)}.counter-btn:disabled{opacity:.2;cursor:default}.counter-btn:disabled:hover{background:#ffffff0a;border-color:#ffffff1a}.counter-input{letter-spacing:.05em;text-align:center;width:34px;color:var(--text-bright);-moz-appearance:textfield;background:#ffffff08;border:1px solid #ffffff1a;border-radius:3px;outline:none;padding:3px 0;font-family:Bebas Neue,sans-serif;font-size:15px;transition:border-color .15s}.counter-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.counter-input:focus{border-color:var(--accent);color:var(--accent)}.counter-input.maxed{color:var(--green);border-color:#22c55e66}.counter-input.partial-maxed{color:var(--accent);border-color:#f9731666}.counter-input.over{color:#ef4444}.bulk-bar{bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom,0px));z-index:200;-webkit-backdrop-filter:blur(20px);background:#0a0a0ff5;border:1px solid #f9731680;border-radius:40px;align-items:center;gap:6px;padding:6px 10px 6px 14px;display:flex;position:fixed;right:16px;box-shadow:0 4px 24px #0009}.bulk-label{letter-spacing:.15em;color:var(--accent);white-space:nowrap;flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:11px}.bulk-count-input{letter-spacing:.05em;text-align:center;width:36px;color:var(--accent);-moz-appearance:textfield;background:#ffffff0f;border:1px solid #f9731666;border-radius:6px;outline:none;padding:3px 0;font-family:Bebas Neue,sans-serif;font-size:15px}.bulk-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bulk-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bulk-apply-btn{color:#fff;letter-spacing:.15em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:20px;flex-shrink:0;padding:6px 12px;font-family:Bebas Neue,sans-serif;font-size:11px;transition:opacity .15s}.bulk-apply-btn:hover{opacity:.85}.bulk-clear-btn{color:var(--text-dim);letter-spacing:.1em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:20px;flex-shrink:0;padding:5px 10px;font-family:Bebas Neue,sans-serif;font-size:11px;transition:all .15s}.bulk-clear-btn:hover{color:var(--text);border-color:#ffffff4d}.deck-add-row{padding:10px 20px 4px}.deck-add-btn{width:100%;color:var(--accent);letter-spacing:.25em;cursor:pointer;background:linear-gradient(135deg,#e8a21a1f,#e8a21a0f);border:1px solid #e8a21a73;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:11px;font-family:Bebas Neue,sans-serif;font-size:13px;transition:all .15s;display:flex}.deck-add-btn:hover{border-color:var(--accent);background:linear-gradient(135deg,#e8a21a38,#e8a21a1f);box-shadow:0 0 12px #e8a21a33}.deck-add-btn:active{transform:scale(.98)}.deck-add-btn .deck-icon{font-size:15px}.deck-flash{animation:.4s deckFlash}@keyframes deckFlash{0%{box-shadow:0 0 #e8a21a00}40%{box-shadow:0 0 20px #e8a21a80}to{box-shadow:0 0 #e8a21a00}}.reset-row{padding:16px 20px}.reset-btn{color:#ef444480;letter-spacing:.25em;cursor:pointer;background:0 0;border:1px solid #ef444440;border-radius:4px;width:100%;padding:11px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:all .15s}.reset-btn:hover{color:#ef4444;background:#ef44440f;border-color:#ef4444}.reset-btn.confirm{color:#fff;background:#ef4444;border-color:#ef4444}.trade-card-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:10px 20px;display:flex}.trade-extras{letter-spacing:.05em;color:var(--green);text-align:center;background:#22c55e1a;border:1px solid #22c55e40;border-radius:4px;flex-shrink:0;min-width:32px;padding:3px 8px;font-family:Bebas Neue,sans-serif;font-size:14px}.trade-set-label{letter-spacing:.1em;color:var(--text-dim);flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:11px}.copy-btn{width:100%;color:var(--accent);letter-spacing:.25em;cursor:pointer;background:#f9731614;border:1px solid #f9731659;border-radius:4px;margin:12px 0;padding:12px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:all .15s}.copy-btn:hover{background:#f9731626}.copy-btn.copied{border-color:var(--green);color:var(--green);background:#22c55e26}.copy-wrap{padding:0 20px}.export-set-toggles{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:6px;padding:10px 20px;display:flex}.export-set-btn{color:var(--text-dim);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:20px;padding:4px 12px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:all .15s}.export-set-btn.active{border-color:var(--accent);color:var(--accent);background:#f973161a}.export-set-btn:hover:not(.active){color:var(--text);border-color:#fff3}.export-group-header{letter-spacing:.25em;color:var(--text-dim);z-index:10;-webkit-backdrop-filter:blur(12px);background:#0a0a0ff7;border-bottom:1px solid #ffffff0f;padding:10px 20px 5px;font-family:Bebas Neue,sans-serif;font-size:11px;position:sticky;top:0}.export-card-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:8px 20px;display:flex}.need-badge{letter-spacing:.05em;color:var(--accent);text-align:center;background:#f973161a;border:1px solid #f9731640;border-radius:4px;flex-shrink:0;min-width:32px;padding:3px 8px;font-family:Bebas Neue,sans-serif;font-size:14px}.empty-state{text-align:center;letter-spacing:.3em;color:var(--text-dim);padding:40px 16px;font-family:Bebas Neue,sans-serif;font-size:14px}.empty-state-icon{opacity:.3;margin-bottom:12px;font-size:32px}.combat-subnav{z-index:50;-webkit-backdrop-filter:blur(20px);background:#0a0a0ff7;border-bottom:1px solid #f9731626;display:flex;position:sticky;top:0}.combat-subnav-btn{color:var(--text-dim);letter-spacing:.2em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #ffffff0f;flex:1;padding:13px 4px 11px;font-family:Bebas Neue,sans-serif;font-size:11px;transition:all .15s}.combat-subnav-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.combat-subnav-btn:hover:not(.active){color:var(--text)}.combat-section{padding:16px 20px}.combat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;margin-bottom:6px;font-size:10px;display:block}.combat-input{color:var(--text-bright);background:#ffffff0d;border:1px solid #f9731640;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px}.combat-input:focus{border-color:var(--accent)}.combat-textarea{color:var(--text-bright);resize:vertical;background:#ffffff0d;border:1px solid #f9731640;border-radius:4px;outline:none;width:100%;min-height:60px;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px}.combat-select{color:var(--text-bright);background:#ffffff0d;border:1px solid #f9731640;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px}.combat-select option{background:#0a0a0f}.combat-card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#ffffff08;border:1px solid #f973162e;border-radius:0;margin-bottom:12px;padding:14px}.combat-card.opp{background:#6366f10a;border-color:#6366f138}.combat-card-label{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.combat-remembered{color:var(--accent);letter-spacing:.2em;opacity:.6;font-size:9px}.result-btn{color:var(--text-dim);letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:9px 0;font-family:Bebas Neue,sans-serif;font-size:17px;transition:all .15s}.result-btn.w.active{border-color:var(--accent);color:var(--accent);background:#f9731626}.result-btn.l.active{border-color:var(--indigo);color:var(--indigo);background:#6366f126}.result-btn.d.active{border-color:var(--text-dim);color:var(--text);background:#6b728026}.first-btn{color:var(--text-dim);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:9px 0;font-family:Bebas Neue,sans-serif;font-size:13px;transition:all .15s}.first-btn.active{border-color:var(--accent);color:var(--accent);background:#f9731626}.game-result-btn{color:var(--text-dim);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:3px;flex:1;padding:8px 0;font-family:Bebas Neue,sans-serif;font-size:10px;transition:all .15s}.game-result-btn.w.active{border-color:var(--accent);color:var(--accent);background:#f9731626}.game-result-btn.l.active{border-color:var(--indigo);color:var(--indigo);background:#6366f126}.submit-btn{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);color:#fff;letter-spacing:.4em;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:0;width:100%;margin-top:8px;padding:14px;font-family:Bebas Neue,sans-serif;font-size:18px;transition:opacity .15s}.submit-btn:hover{opacity:.88}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-circle{cursor:pointer;letter-spacing:.05em;width:44px;height:44px;color:var(--text-dim);background:#ffffff0a;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:15px;transition:all .2s;display:flex}.designation-chips{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.designation-chip{color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:5px 11px;font-size:11px;transition:all .15s}.designation-chip.active{border-color:var(--accent);color:var(--accent);background:#f973161f}.designation-chip.custom-btn{color:var(--text-dim);border-color:#ffffff14}.designation-chip.custom-btn.open{border-color:var(--accent);color:var(--accent)}.matchup-bar{margin-bottom:10px}.matchup-bar-top{justify-content:space-between;margin-bottom:4px;display:flex}.matchup-bar-label{color:var(--text);letter-spacing:.05em;font-family:Bebas Neue,sans-serif;font-size:12px}.matchup-bar-stat{font-size:12px;font-weight:700}.matchup-bar-track{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.matchup-bar-fill{border-radius:2px;height:100%;transition:width .6s}.match-card{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background:#ffffff05;border:1px solid #ffffff0f;border-radius:0;margin-bottom:8px;padding:12px 14px}.match-card.win{border-left:3px solid var(--accent)}.match-card.loss{border-left:3px solid var(--indigo)}.match-card.draw{border-left:3px solid var(--text-dim)}.coin{cursor:pointer;border:2px solid #f9731666;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:28px;transition:all .3s;display:flex}.hud-label{letter-spacing:.4em;color:var(--accent);align-items:center;gap:10px;margin-bottom:12px;font-family:Bebas Neue,sans-serif;font-size:13px;display:flex}.hud-label:after{content:"";background:linear-gradient(90deg,#f9731659,#0000);flex:1;height:1px}.handle-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:12px 20px;display:flex}.handle-input{color:var(--text-bright);letter-spacing:.1em;background:#ffffff0d;border:1px solid #f9731633;border-radius:4px;outline:none;flex:1;padding:8px 12px;font-family:Bebas Neue,sans-serif;font-size:14px;transition:border-color .15s}.handle-input:focus{border-color:var(--accent)}.handle-input::placeholder{color:var(--text-dim);letter-spacing:.05em;font-family:DM Sans,sans-serif;font-size:11px}.share-binder-btn{color:#fff;letter-spacing:.2em;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:0;flex-shrink:0;padding:9px 14px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:opacity .15s}.share-binder-btn:hover{opacity:.85}.share-binder-btn:disabled{opacity:.35;cursor:default}.share-overlay{-webkit-backdrop-filter:blur(12px);z-index:300;background:#000000e0;justify-content:center;align-items:center;padding:24px;animation:.15s lb-in;display:flex;position:fixed;inset:0}.share-modal{background:#0a0a12fa;border:1px solid #f973164d;border-radius:12px;width:100%;max-width:340px;padding:24px}.share-title{letter-spacing:.3em;color:var(--accent);margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:16px}.share-sub{color:var(--text-dim);margin-bottom:20px;font-size:11px;line-height:1.6}.qr-wrap{background:#0a0a0f;border:1px solid #f9731626;border-radius:8px;justify-content:center;align-items:center;min-height:244px;margin-bottom:16px;padding:12px;display:flex}.share-url-box{color:var(--text-dim);word-break:break-all;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;max-height:56px;margin-bottom:12px;padding:8px 10px;font-size:10px;line-height:1.5;overflow:hidden}.share-actions{gap:8px;display:flex}.share-copy-btn{color:var(--accent);letter-spacing:.2em;cursor:pointer;background:#f973161a;border:1px solid #f9731666;border-radius:4px;flex:1;padding:10px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:all .15s}.share-copy-btn.copied{border-color:var(--green);color:var(--green);background:#22c55e1a}.share-copy-btn:hover:not(.copied){background:#f973162e}.share-close-btn{color:var(--text-dim);letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:10px 16px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:all .15s}.share-close-btn:hover{color:var(--text);border-color:#ffffff40}.binder-outer{background:var(--bg);flex-direction:column;min-height:100vh;display:flex;overflow-y:auto}.binder-header{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff7;border-bottom:1px solid #f9731626;align-items:center;gap:12px;padding:12px 16px 10px;display:flex;position:sticky;top:0}.binder-handle{letter-spacing:.2em;color:var(--text-bright);font-family:Bebas Neue,sans-serif;font-size:20px;line-height:1}.binder-sub{color:var(--text-dim);letter-spacing:.05em;margin-top:3px;font-size:10px}.binder-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:1020px;margin:0 auto;padding:12px 12px 80px;display:grid}.binder-card{aspect-ratio:5/7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.binder-card:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #0009,0 0 0 1.5px #f9731680}.binder-card.wanted{border-color:#f97316cc;box-shadow:0 0 0 2px #f9731699,0 4px 16px #f9731640}.binder-card img{object-fit:cover;width:100%;height:100%;display:block}.binder-card-err{opacity:.15;width:100%;height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-size:24px;display:flex}.binder-card-badge{z-index:2;align-items:center;gap:3px;display:flex;position:absolute;top:4px;right:4px}.binder-card-badge .card-rarity{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:3px;padding:1px 4px;font-size:8px}.binder-card-badge .extras-pill{color:#4ade80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:3px;padding:1px 4px;font-family:Bebas Neue,sans-serif;font-size:9px}.binder-card-badge .want-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 5px #f97316e6}.binder-filter-bar{z-index:49;background:#0a0a0ff7;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:6px;padding:8px 12px;display:flex;position:sticky;top:57px}.binder-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.binder-count{color:var(--text-dim);padding:2px 0;font-size:11px}.binder-wants-bar{-webkit-backdrop-filter:blur(20px);white-space:nowrap;z-index:200;background:#0a0a0ff5;border:1px solid #f9731680;border-radius:40px;align-items:center;gap:8px;padding:7px 10px 7px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #000000b3}.binder-wants-label{letter-spacing:.15em;color:var(--accent);font-family:Bebas Neue,sans-serif;font-size:11px}.binder-wants-copy{color:#fff;letter-spacing:.15em;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:20px;padding:6px 14px;font-family:Bebas Neue,sans-serif;font-size:11px;transition:opacity .15s}.binder-wants-copy:hover{opacity:.85}.binder-wants-copy.copied{background:linear-gradient(135deg,#22c55e,#16a34a)}.binder-wants-clear{color:var(--text-dim);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:20px;padding:5px 10px;font-family:Bebas Neue,sans-serif;font-size:11px;transition:all .15s}.binder-wants-clear:hover{color:var(--text);border-color:#ffffff4d}.binder-card-overlay{-webkit-backdrop-filter:blur(16px);z-index:400;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.15s lb-in;display:flex;position:fixed;inset:0}.binder-card-inner{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:300px;display:flex;position:relative}.binder-card-img{border-radius:10px;width:100%;display:block;box-shadow:0 12px 60px #000000e6,0 0 0 1px #f9731633}.binder-card-info{text-align:center;width:100%}.binder-card-name{letter-spacing:.15em;color:var(--text-bright);margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:18px;line-height:1.1}.binder-card-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.binder-card-chip{letter-spacing:.12em;color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;padding:3px 8px;font-family:Bebas Neue,sans-serif;font-size:11px}.binder-avail{color:var(--green);letter-spacing:.1em;font-family:Bebas Neue,sans-serif;font-size:32px;line-height:1}.binder-avail-label{color:var(--text-dim);letter-spacing:.2em;margin-top:2px;margin-bottom:12px;font-size:10px}.want-btn{color:#fff;letter-spacing:.3em;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:6px;width:100%;padding:13px;font-family:Bebas Neue,sans-serif;font-size:15px;transition:all .15s}.want-btn:hover{opacity:.88}.want-btn.wanted{background:linear-gradient(135deg,#22c55e,#16a34a)}.binder-card-close{width:32px;height:32px;color:var(--text-dim);cursor:pointer;z-index:1;background:#0f0f14f2;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:absolute;top:-12px;right:-12px}.binder-card-close:hover{color:var(--text-bright);border-color:#f9731680}.tier-badge{letter-spacing:0;cursor:default;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-family:Bebas Neue,sans-serif;font-size:11px;display:inline-flex}.tier-badge.S{color:#facc15;background:#facc1526;border:1px solid #facc1566}.tier-badge.A{color:#f97316;background:#f973161f;border:1px solid #f9731659}.tier-badge.B{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b840}.decks-list{padding:8px 0}.deck-row{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 20px;transition:background .15s;display:flex}.deck-row:hover{background:#ffffff08}.deck-color-dots{flex-shrink:0;gap:5px;display:flex}.deck-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.deck-info{flex:1;min-width:0}.deck-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.deck-meta{color:var(--text-dim);letter-spacing:.05em;font-size:11px}.deck-pct{letter-spacing:.05em;flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:18px}.deck-pct.complete{color:var(--green)}.deck-chevron{color:#ffffff26;flex-shrink:0;font-size:18px}.new-deck-btn{width:calc(100% - 40px);color:var(--accent);letter-spacing:.25em;cursor:pointer;background:#f973160f;border:1px dashed #f973164d;border-radius:4px;margin:12px 20px;padding:12px;font-family:Bebas Neue,sans-serif;font-size:13px;transition:all .15s}.new-deck-btn:hover{background:#f973161f;border-style:solid}.db-header{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff7;border-bottom:1px solid #f9731626;align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;top:0}.db-name-input{color:var(--text-bright);letter-spacing:.1em;background:#ffffff0d;border:1px solid #f9731640;border-radius:4px;outline:none;flex:1;min-width:0;padding:7px 12px;font-family:Bebas Neue,sans-serif;font-size:16px}.db-name-input:focus{border-color:var(--accent)}.db-name-input::placeholder{color:var(--text-dim);font-size:12px}.db-save-btn{color:#fff;letter-spacing:.2em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:4px;flex-shrink:0;padding:9px 16px;font-family:Bebas Neue,sans-serif;font-size:12px;transition:opacity .15s}.db-save-btn:hover{opacity:.85}.db-delete-btn{color:#ef444499;letter-spacing:.15em;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:4px;flex-shrink:0;padding:8px 12px;font-family:Bebas Neue,sans-serif;font-size:11px;transition:all .15s}.db-delete-btn:hover{color:#ef4444;border-color:#ef4444}.db-section{border-bottom:1px solid #ffffff0f;padding:12px 20px}.db-section-title{letter-spacing:.3em;color:var(--text-dim);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:11px}.db-progress{align-items:center;gap:10px;margin-bottom:6px;display:flex}.db-pct{letter-spacing:.05em;color:var(--accent);flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1}.db-pct.complete{color:var(--green)}.db-counts{color:var(--text-dim);font-size:11px}.db-search-row{padding:6px 20px 4px}.db-card-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:7px 20px;display:flex}.db-card-row.shortfall{background:#ef444408;border-left:3px solid #ef4444b3}.db-card-row.fulfilled{border-left:3px solid #22c55e66}.db-alloc{white-space:nowrap;flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:12px}.db-alloc.ok{color:var(--green)}.db-alloc.partial{color:var(--accent)}.db-alloc.missing{color:#ef4444}.db-remove-btn{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.db-remove-btn:hover{color:#ef4444;border-color:#ef4444}.db-add-result{cursor:default;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:6px 20px;transition:background .12s;display:flex;position:relative}.db-add-result:hover{background:#f973160f}.db-add-icon{width:20px;height:20px;color:var(--accent);background:#f9731626;border:1px solid #f9731666;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.db-qty-picker{z-index:50;background:#0a0a0ffa;border:1px solid #f9731666;border-radius:6px;flex-direction:row;gap:4px;padding:4px;display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%);box-shadow:0 4px 16px #0009}.db-add-result:hover .db-qty-picker{display:flex}.db-qty-btn{width:28px;height:28px;color:var(--accent);cursor:pointer;background:#f973161a;border:1px solid #f973164d;border-radius:4px;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:14px;transition:all .1s;display:flex}.db-qty-btn:hover{border-color:var(--accent);color:#fff;background:#f973164d}.db-shortfall-note{color:#ef4444;letter-spacing:.05em;margin-top:2px;font-size:10px}.db-copy-btn{width:calc(100% - 40px);margin:12px 20px}.deck-allocation-note{color:var(--text-dim);border-bottom:1px solid #ffffff0a;padding:6px 20px;font-size:10px;font-style:italic}.db-import-toggle{gap:6px;padding:6px 20px 0;display:flex}.db-mode-btn{color:var(--text-dim);letter-spacing:.2em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:7px;font-family:Bebas Neue,sans-serif;font-size:11px;transition:all .15s}.db-mode-btn.active{color:var(--accent);background:#f973161a;border-color:#f9731666}.db-paste-area{width:calc(100% - 40px);min-height:120px;color:var(--text);resize:vertical;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;outline:none;margin:6px 20px 0;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6}.db-paste-area:focus{border-color:#f9731666}.db-paste-area::placeholder{color:var(--text-dim);font-size:12px}.db-import-btn{color:#fff;letter-spacing:.25em;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:4px;width:calc(100% - 40px);margin:6px 20px 0;padding:10px;font-family:Bebas Neue,sans-serif;font-size:13px;transition:opacity .15s}.db-import-btn:hover{opacity:.85}.db-import-btn:disabled{opacity:.35;cursor:default}.db-import-results{border:1px solid #ffffff14;border-radius:4px;margin:8px 20px 0;overflow:hidden}.db-import-hit{background:#22c55e0d;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:6px 10px;display:flex}.db-import-miss{color:var(--text-dim);background:#ef44440d;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.db-import-miss-icon{color:#ef4444;flex-shrink:0;font-size:13px}.db-import-ok-icon{color:var(--green);flex-shrink:0;font-size:13px}.drawer-overlay{z-index:400;-webkit-backdrop-filter:blur(4px);background:#0009;animation:.15s lb-in;position:fixed;inset:0}.drawer-panel{z-index:401;background:#0c0c14fc;border-top:1px solid #f973164d;border-radius:16px 16px 0 0;flex-direction:column;max-height:85vh;animation:.22s cubic-bezier(.32,.72,0,1) drawer-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes drawer-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle-bar{background:#ffffff26;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.drawer-scroll{flex:1;padding:12px 20px 40px;overflow-y:auto}.drawer-scroll::-webkit-scrollbar{width:3px}.drawer-scroll::-webkit-scrollbar-thumb{background:#f973164d;border-radius:2px}.drawer-top{gap:16px;margin-bottom:16px;display:flex}.drawer-img-wrap{flex-shrink:0;width:90px}.drawer-img{border:1px solid #ffffff1a;border-radius:6px;width:90px;display:block}.drawer-img-err{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;width:90px;height:126px}.drawer-info{flex:1;min-width:0}.drawer-name{letter-spacing:.15em;color:var(--text-bright);margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:20px;line-height:1.1}.drawer-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.drawer-chip{letter-spacing:.1em;color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;padding:3px 8px;font-family:Bebas Neue,sans-serif;font-size:11px}.drawer-stats{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.drawer-stat{background:#ffffff08;border:1px solid #ffffff12;border-radius:4px;padding:6px 10px}.drawer-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;font-size:9px}.drawer-stat-value{color:var(--text-bright);letter-spacing:.05em;margin-top:1px;font-family:Bebas Neue,sans-serif;font-size:15px}.drawer-rules-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;margin-bottom:5px;font-size:9px}.drawer-rules{color:var(--text);word-break:break-word;background:#ffffff05;border:1px solid #ffffff12;border-radius:4px;padding:10px 12px;font-size:13px;line-height:1.75}.drawer-comp-note{color:#facc15cc;background:#facc150f;border:1px solid #facc1533;border-radius:4px;margin-top:10px;padding:8px 12px;font-size:11px;line-height:1.5}.drawer-link{letter-spacing:.2em;color:var(--accent);opacity:.6;text-align:right;margin-top:12px;font-family:Bebas Neue,sans-serif;font-size:11px;text-decoration:none;display:block}.drawer-link:hover{opacity:1}.drawer-close{width:30px;height:30px;color:var(--text-dim);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:absolute;top:14px;right:16px}.drawer-close:hover{color:var(--text-bright);background:#f973161a;border-color:#f9731680}@media (width<=399px){.filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.designation-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.designation-chips::-webkit-scrollbar{display:none}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.binder-card img{transition:opacity .2s}.binder-card-loading{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%) 0 0/400px 100%;animation:1.5s linear infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}