.binder-app{padding-bottom:5px}.binder-app .page-top{padding-bottom:25px}.binder-app .page-top>.primary svg{width:16px;height:16px}.binder-kind-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:23px}.binder-kind-tabs>button{display:flex;align-items:center;gap:8px;font-size:12px;color:#8d957e;padding:7px 1px;position:relative}.binder-kind-tabs>button.active{color:#3c6034;font-weight:600}.binder-kind-tabs>button.active:after{position:absolute;content:'';bottom:-13px;left:0;right:0;height:2px;background:#6f8b54}.binder-kind-tabs svg{width:17px;height:17px}.binder-kind-tabs>button>span{padding:2px 7px;background:#e8eddd;border-radius:20px;font-size:9px;font-weight:400}.binder-covers{display:flex;gap:10px;overflow:auto;padding:0 1px 12px;margin:0 0 16px;scrollbar-width:thin}.binder-cover{background:var(--binder-bg);border:1px solid #d2d9c5;border-radius:8px;display:flex;align-items:center;gap:11px;text-align:left;min-width:215px;padding:14px 16px;color:var(--binder-ink);transition:border-color .2s}.binder-cover.active{border-color:var(--binder-accent);box-shadow:inset 0 0 0 1px var(--binder-accent)}.binder-cover-icon{display:flex;border:1px solid var(--binder-accent);background:var(--binder-paper);border-radius:6px;padding:9px}.binder-cover-icon svg{width:21px;height:21px;stroke-width:1.2}.binder-cover b{display:block;font-family:var(--serif);font-size:16px;font-weight:400;max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-cover small{display:block;font-size:9px;margin-top:5px;opacity:.65}.binder-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:30px;align-items:start}.binder-stage{position:relative;background:var(--binder-bg);border:1px solid color-mix(in srgb,var(--binder-accent) 65%,white);border-radius:11px;padding:29px 31px 22px;box-shadow:inset 9px 0 12px #304b2910,0 5px 15px #2c422d05}.binder-stage:before{content:'';position:absolute;top:0;bottom:0;left:14px;border-left:1px solid #ffffff52;pointer-events:none}.binder-stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:15px}.binder-stage-top .mini-label{font-size:8px;color:var(--binder-ink);opacity:.6;letter-spacing:1.6px}.binder-stage-top h2{font-size:26px;font-family:var(--serif);font-weight:400;line-height:1.3;color:var(--binder-ink);margin-top:7px;overflow-wrap:anywhere}.binder-stage-count{font-size:10px;color:var(--binder-ink);opacity:.6;white-space:nowrap}.binder-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 15px}.binder-slot{padding:0;min-width:0;position:relative;aspect-ratio:63/88;border:1px solid #7c92602e;border-radius:9px;background:var(--binder-paper);box-shadow:inset 0 0 0 4px #ffffff30,1px 2px 4px #2c422c0e;text-align:left;transition:transform .2s,box-shadow .2s}.binder-slot:hover{transform:translateY(-3px);box-shadow:0 6px 10px #253e2b14}.binder-slot .trading-card{height:100%;width:100%;aspect-ratio:auto;box-shadow:0 2px 5px #1c361b14}.binder-slot-number{position:absolute;bottom:6px;right:6px;color:var(--binder-ink);opacity:.3;font-size:7px;z-index:8;pointer-events:none}.binder-slot.has-card .binder-slot-number{display:none}.binder-empty-slot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--binder-accent)}.binder-empty-slot>svg{height:22px;width:22px;stroke-width:1.1}.binder-empty-slot>b{font-family:var(--serif);font-weight:400;font-size:20px;opacity:.4;display:none}.binder-empty-slot>small{font-size:9px;margin-top:7px;opacity:.7}.binder-stage-bottom{display:flex;justify-content:space-between;color:var(--binder-ink);opacity:.55;font-size:9px;margin-top:22px}.binder-settings{padding:23px 21px;border:1px solid var(--line);border-radius:9px;background:#fbfaf3}.binder-settings-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.binder-settings-title h2{font-family:var(--serif);font-weight:400;font-size:20px}.binder-settings-title>span{color:#849973}.binder-settings-title svg{width:20px;height:20px;stroke-width:1.25}.binder-field{display:block;font-size:10px;color:#7e8b70;margin-top:16px}.binder-field input,.binder-field select{display:block;width:100%;background:#f8f8f0;border:1px solid #d6deca;border-radius:5px;color:#42623b;padding:10px 9px;font-size:11px;margin-top:7px;min-height:38px}.binder-field select{padding-right:6px}.binder-save-details{font-size:10px;min-height:36px;padding:7px 12px;margin-top:14px;width:100%}.binder-save-details svg{width:13px;height:13px}.binder-theme-previews{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.binder-theme-dot{height:34px;display:grid;place-items:center;border:1px solid var(--binder-accent);background:var(--binder-bg);color:var(--binder-ink);border-radius:5px;position:relative;opacity:.6}.binder-theme-dot.active{opacity:1;box-shadow:inset 0 0 0 2px var(--binder-paper),0 0 0 1px var(--binder-accent)}.binder-theme-dot.locked{opacity:.45}.binder-theme-dot svg{height:13px;width:13px;stroke-width:1.3}.binder-reward-note,.binder-export-note,.binder-count-note{font-size:9px;line-height:1.8;color:#929b81;margin-top:10px}.binder-settings-divider{border-top:1px solid var(--line);margin:20px 0}.binder-export{width:100%;font-size:10px;min-height:37px;padding:8px 11px}.binder-export svg{height:14px;width:14px}.binder-settings>.text-link{font-size:10px;margin-top:12px}.binder-settings>.binder-delete{color:#9c8b72;margin-top:8px}.binder-count-note{padding-top:15px;border-top:1px solid var(--line);margin-top:18px}.binder-live-message{font-size:9px;color:#68864e;margin-top:10px;line-height:1.7}.binder-stage.is-board{padding:38px 31px 29px;min-height:430px;background-image:radial-gradient(ellipse at 50% 30%,#fff6,transparent 70%)}.is-board .binder-stage-top{margin-bottom:30px}.display-slots{gap:18px;align-items:center;padding:10px 4px 20px}.display-slots .binder-slot{box-shadow:0 8px 16px #203c231d;border:1px solid var(--binder-accent)}.display-slots .binder-slot:nth-child(1){transform:rotate(-3deg)}.display-slots .binder-slot:nth-child(3){transform:rotate(3deg)}.display-slots .binder-slot:hover{transform:translateY(-6px)}.binder-move-message{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--binder-paper);border:1px solid var(--binder-accent);border-radius:5px;font-size:9px;line-height:1.6;color:var(--binder-ink);margin-bottom:18px;gap:10px}.binder-move-message>button{text-decoration:underline;text-underline-offset:2px;font-size:9px}.binder-slot.is-moving{outline:2px dashed var(--binder-ink);outline-offset:4px;opacity:.6}.binder-picker-backdrop{position:fixed;inset:0;z-index:42;background:#152c23b8;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:22px}.binder-picker{width:860px;max-width:100%;max-height:88dvh;overflow:auto;border-radius:13px;background:var(--paper);padding:26px 29px 30px;box-shadow:0 20px 80px #0003;border:1px solid #d4ddc6;overscroll-behavior:contain}.binder-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.binder-picker-heading .mini-label{font-size:8px;letter-spacing:1.2px}.binder-picker-heading h2{font-family:var(--serif);font-weight:400;font-size:28px;margin-top:7px}.binder-icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d6dfc7;border-radius:50%;color:#71885c;flex-shrink:0}.binder-icon-button svg{width:14px;height:14px}.binder-picker-help{font-size:10px;color:#909a7f;line-height:1.7;margin:13px 0 17px}.binder-card-search{display:flex;align-items:center;gap:8px;border:1px solid #d3ddc5;background:#fbfbf4;border-radius:6px;padding:0 10px;color:#859770;margin-bottom:20px}.binder-card-search>svg{height:15px;width:15px;flex-shrink:0}.binder-card-search input{border:0;background:none;color:#527448;font-size:11px;padding:11px 0;width:100%;outline:none}.binder-card-search:focus-within{outline:2px solid #92a57c;outline-offset:3px}.binder-card-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 15px}.binder-pick-card{padding:0;text-align:left;position:relative;min-width:0;transition:transform .2s}.binder-pick-card:hover{transform:translateY(-3px)}.binder-pick-card .trading-card{width:100%}.binder-pick-card>span{display:block;font-size:8px;color:#8d987a;margin-top:7px;text-align:center}.binder-pick-card>i{position:absolute;top:7px;right:7px;z-index:9;background:#f2f4e6;border:1px solid #93a573;border-radius:50%;padding:4px;color:#5e7d44}.binder-pick-card>i svg{height:11px;width:11px}.binder-pick-card.is-placed{outline:1px solid #8ba571;outline-offset:5px;border-radius:8px}.binder-selected-actions{background:#e9eedf;border:1px solid #d0ddbf;border-radius:6px;display:flex;align-items:center;gap:14px;padding:12px 14px;margin:-4px 0 20px;font-size:9px;color:#667f52}.binder-selected-actions>span{margin-right:auto}.binder-selected-actions>button{display:flex;align-items:center;gap:4px;font-size:9px;padding:0;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.binder-selected-actions svg{width:12px;height:12px}.binder-picker-empty{grid-column:1/-1;text-align:center;font-size:12px;color:#8c987b;padding:45px 10px}
@media(max-width:1000px){.binder-layout{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.binder-stage{padding:24px 24px 20px}.binder-slots{gap:15px 12px}.binder-settings{padding:20px 17px}.binder-stage-top h2{font-size:24px}.binder-stage.is-board{padding:30px 24px 24px;min-height:370px}}
@media(max-width:780px){.binder-layout{grid-template-columns:minmax(0,1fr) 210px;gap:17px}.binder-stage{padding:22px 20px 18px}.binder-stage-top h2{font-size:21px}.binder-stage-top .mini-label{font-size:6px}.binder-stage-top{margin-bottom:17px}.binder-slots{gap:13px 9px}.binder-empty-slot>small{font-size:7px}.binder-empty-slot>svg{width:18px;height:18px}.binder-settings{padding:20px 15px}.binder-settings-title h2{font-size:18px}.binder-settings-title{margin-bottom:18px}.binder-stage.is-board{padding:29px 20px;min-height:330px}.display-slots{gap:10px}.binder-card-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.binder-app .page-top{flex-direction:row;align-items:flex-end;gap:12px;padding-bottom:24px}.binder-app .page-top h1{font-size:30px;line-height:1.15;margin-top:12px}.binder-app .page-top p{font-size:10px;max-width:205px}.binder-app .page-top>.primary{font-size:10px;min-height:39px;padding:0 12px;gap:7px;white-space:nowrap;margin-bottom:3px}.binder-app .page-top>.primary svg{height:13px;width:13px}.binder-kind-tabs{gap:23px;padding-bottom:10px;margin-bottom:19px}.binder-kind-tabs>button{font-size:11px;gap:6px}.binder-kind-tabs>button.active:after{bottom:-11px}.binder-kind-tabs svg{height:15px;width:15px}.binder-kind-tabs>button>span{font-size:8px;padding:2px 6px}.binder-covers{gap:9px;margin-bottom:15px;padding-bottom:9px}.binder-cover{min-width:190px;gap:9px;padding:12px 13px}.binder-cover-icon{padding:8px}.binder-cover-icon svg{height:19px;width:19px}.binder-cover b{font-size:15px;max-width:190px}.binder-cover small{font-size:8px}.binder-layout{grid-template-columns:1fr;gap:20px}.binder-stage{padding:23px 20px 18px}.binder-stage:before{left:9px}.binder-stage-top{margin-bottom:18px}.binder-stage-top h2{font-size:23px}.binder-stage-top .mini-label{font-size:6px;letter-spacing:1.3px}.binder-stage-count{font-size:9px}.binder-slots{gap:14px 10px}.binder-slot{border-radius:7px}.binder-slot .trading-card{border-radius:7px}.binder-empty-slot>small{font-size:7px}.binder-empty-slot>svg{width:17px;height:17px}.binder-stage-bottom{font-size:8px;margin-top:18px}.binder-settings{padding:22px}.binder-settings-title{margin-bottom:10px}.binder-settings-title h2{font-size:21px}.binder-field{font-size:10px;margin-top:16px}.binder-field input,.binder-field select{font-size:11px;min-height:40px}.binder-theme-previews{grid-template-columns:repeat(7,1fr);gap:7px}.binder-theme-dot{height:33px}.binder-theme-dot svg{height:12px;width:12px}.binder-reward-note,.binder-export-note,.binder-count-note{font-size:9px}.binder-save-details,.binder-export{font-size:11px;min-height:40px}.binder-settings>.text-link{font-size:10px}.binder-count-note{margin-top:17px;padding-top:14px}.binder-stage.is-board{padding:25px 20px 21px;min-height:300px}.is-board .binder-stage-top{margin-bottom:22px}.display-slots{padding:5px 0 16px;gap:10px}.binder-move-message{font-size:8px;padding:9px 10px;margin-bottom:15px}.binder-move-message>button{font-size:8px}.binder-picker-backdrop{padding:12px}.binder-picker{max-height:calc(100dvh - 95px);padding:21px 19px 24px;margin-bottom:53px;border-radius:11px}.binder-picker-heading h2{font-size:25px}.binder-picker-heading .mini-label{font-size:7px}.binder-picker-help{font-size:9px;margin:12px 0 15px}.binder-card-search{margin-bottom:17px}.binder-card-search input{font-size:10px}.binder-card-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.binder-pick-card>span{font-size:7px;line-height:1.5;margin-top:6px}.binder-pick-card>i{top:5px;right:5px;padding:3px}.binder-pick-card>i svg{height:9px;width:9px}.binder-selected-actions{font-size:8px;padding:10px;gap:12px;flex-wrap:wrap;margin:0 0 19px}.binder-selected-actions>span{width:100%;margin-bottom:1px}.binder-selected-actions>button{font-size:8px}.binder-selected-actions svg{width:11px;height:11px}.binder-picker-empty{font-size:11px;padding:35px 7px}.binder-live-message{font-size:9px}}
@media(max-width:360px){.binder-app .page-top{flex-wrap:wrap;align-items:center}.binder-app .page-top h1{font-size:29px}.binder-app .page-top p{max-width:none}.binder-app .page-top>.primary{margin-top:4px}.binder-stage{padding:21px 15px 17px}.binder-slots{gap:12px 8px}.binder-stage-top h2{font-size:22px}.binder-stage-top .mini-label{font-size:5px}.binder-settings{padding:20px}.binder-theme-previews{gap:5px}.binder-picker{padding:20px 15px}.binder-card-picker-grid{gap:18px 9px}.binder-kind-tabs{gap:17px}.binder-kind-tabs>button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.binder-slot,.binder-cover,.binder-pick-card{transition:none}}

/* Filter owned cards across sets without revealing uncollected artwork. */
.binder-picker-set-tabs{display:flex;gap:7px;margin:0 0 20px;flex-wrap:wrap}.binder-picker-set-tabs>button{min-height:42px;padding:8px 13px;border:1px solid #d3ddc6;border-radius:6px;font-size:11px;color:#738365;background:#f2f3e7}.binder-picker-set-tabs>button[aria-pressed="true"]{border-color:#99ad7c;background:#e4ecd5;color:#38592d}