.binder-overlay{position:fixed;inset:0;z-index:118;display:grid;place-items:center;padding:clamp(8px,2.5vw,30px);background:rgba(22,46,37,.46);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);animation:binder-fade .22s ease-out both}.binder-sheet{display:grid;align-content:start;gap:clamp(12px,2.6vw,18px);width:min(100%,840px);max-height:100%;padding:clamp(16px,4vw,28px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #ffffffb8;border-radius:26px 10px 26px 10px;background:linear-gradient(126deg,#eef3e7,#f4eef1 56%,#e8f1f5);box-shadow:inset 0 1px 0 #fffdf4,0 26px 60px #0c1f1845;animation:binder-rise .26s cubic-bezier(.2,.8,.2,1) both}.binder-sheet:focus{outline:none}.binder-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.binder-title{display:grid;gap:5px;min-width:0}.binder-title .eyebrow{color:#5e795b}.binder-title h2{font-size:clamp(23px,6vw,34px);line-height:1.08;letter-spacing:-.02em}.binder-meta{color:#5d716a;font-size:12px;line-height:1.5}.binder-saved{color:#6b7c74;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.binder-close{min-height:40px;padding:0 16px;border:1px solid #b6c8b8;border-radius:16px 5px 16px 5px;background:#fffdf6a8;color:#40594f;font-size:11px;transition:background .16s ease}.binder-close:hover{background:#fffdf6;color:var(--ink)}.binder-best{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border:1px solid #d3ddcc;border-radius:16px 5px 16px 5px;background:#fffdf67a}.binder-best img{width:30px;height:42px;border-radius:3px;-o-object-fit:cover;object-fit:cover;box-shadow:0 1px 4px #2c4a3a2e}.binder-best>span{display:grid;gap:1px;min-width:0}.binder-best small{color:#6b7c74;font-size:8px;font-weight:600;letter-spacing:.13em}.binder-best strong{color:var(--ink);font-size:13px;font-weight:500}.binder-best span span{color:#6b7c74;font-size:10px}.binder-tabs{display:flex;gap:4px;padding:3px;border:1px solid #c4d3c2;border-radius:40px;background:#fffdf67a;overflow-x:auto;scrollbar-width:none}.binder-tab{flex:1 0 auto;min-height:40px;padding:0 8px;white-space:nowrap;border:0;border-radius:30px;background:transparent;color:#5b6f65;font-size:11px;transition:background .18s ease,color .18s ease}.binder-tab:hover{background:#cfe0c74d;color:var(--ink)}.binder-tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.binder-panel{display:grid;gap:12px}.binder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none}.binder-cell{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:63/88;padding:0;overflow:hidden;border:0;border-radius:6px;background:#e5ebdd;box-shadow:0 2px 5px #2c4a3a1c,0 8px 16px #2c4a3a12;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}button.binder-cell:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 4px 9px #2c4a3a24,0 12px 22px #2c4a3a1a}.binder-cell img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.binder-cell.tier-classic{box-shadow:0 0 0 2px #dcbd77,0 6px 14px #2c4a3a1c}.binder-cell.tier-sir{box-shadow:0 0 16px #cdb4e88a,0 6px 14px #2c4a3a1c}.binder-cell.tier-fur{box-shadow:0 0 20px #8fdcd08a,0 0 9px #e3b6f07a,0 6px 14px #2c4a3a1c}.binder-cell.is-waiting{border:1px dashed #b3c4b3;background:#ffffff5c;box-shadow:none;color:#86958b;font-size:11px;font-variant-numeric:tabular-nums}.binder-cell.is-met{box-shadow:0 0 0 1px #d9c073,0 0 8px #e3c47c52,0 4px 10px #2c4a3a18}.binder-count{position:absolute;right:3px;bottom:3px;padding:1px 5px;border-radius:7px;background:#153c2fe0;color:#f5f4ea;font-size:9px;font-variant-numeric:tabular-nums}.binder-kept{position:absolute;top:3px;right:4px;color:#f4d98b;font-size:11px;line-height:1;text-shadow:0 1px 3px #163a2ea8}.binder-spread{padding:clamp(9px,2.6vw,16px);border-radius:14px 6px 14px 6px;background:linear-gradient(148deg,#6d4c36,#8a6446 44%,#5f4230),#6d4c36;box-shadow:inset 0 1px 0 #d8b48c5c,inset 0 -2px 6px #2417104f,0 10px 24px #2c4a3a2e}.binder-pockets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.8vw,10px);padding:clamp(6px,2vw,10px);margin:0;list-style:none;border:1px dashed #d9c2a659;border-radius:10px 4px 10px 4px;background:#2f2a2426}.binder-pocket{position:relative;display:grid;gap:5px;align-content:start}.binder-pocket:after{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;background:linear-gradient(122deg,#ffffff00 38%,#ffffff33 50%,#ffffff00 62%)}.binder-pocket .binder-cell{box-shadow:inset 0 0 0 1px #ffffff2e,0 2px 6px #1c130c59}.binder-pocket .binder-cell.is-empty{border:1px dashed #e3cdb07a;background:#ffffff14;box-shadow:none;color:#e6d5be9e;font-size:12px;font-variant-numeric:tabular-nums}.binder-moves{display:flex;justify-content:center;gap:4px}.binder-moves button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #ffffff3d;border-radius:50%;background:#16100ad1;color:#f7ecdc;font-size:13px;line-height:1}.binder-moves button:hover:not(:disabled){background:#0e0905}.binder-moves button:disabled{opacity:.35}.binder-cell .binder-symbol{position:absolute;top:4px;left:4px;width:18px;height:18px;padding:2px;-o-object-fit:contain;object-fit:contain;border-radius:50%;background:#fffdf6db;box-shadow:0 1px 3px #1c130c6b;pointer-events:none}.binder-setrow{display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:0;list-style:none}.binder-setchip{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 12px 0 9px;border:1px solid #c4d3c2;border-radius:30px;background:#fffdf67a;color:#4d635b;font-size:11px;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.binder-chip-pack{flex:0 0 auto;width:18px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:3px;background:#fffdf6;box-shadow:0 1px 3px #16362b52}.binder-chip-symbol{flex:0 0 auto;width:18px;height:18px;margin-inline-start:3px;-o-object-fit:contain;object-fit:contain}.binder-setchip.is-all{padding-inline-start:13px}.binder-setchip small{color:#7d8d84;font-size:9px;font-variant-numeric:tabular-nums}.binder-setchip:hover{background:#fffdf6;color:var(--ink)}.binder-setchip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 2px #fffdf6,0 3px 10px #16362b3d}.binder-setchip[aria-pressed=true] small{color:#cfdac9}.binder-setchip[aria-pressed=true] .binder-chip-pack{box-shadow:0 0 0 1px #ffffff5c,0 1px 4px #00000059}.binder-filter{position:relative;display:flex;align-items:center;gap:6px;min-width:0}.binder-filterrow{--fade-start:0px;--fade-end:0px;flex:1;flex-wrap:nowrap;min-width:0;padding-block:3px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-padding-inline:18px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),#0000);mask-image:linear-gradient(90deg,#0000,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),#0000)}.binder-filterrow::-webkit-scrollbar{display:none}.binder-filterrow>li{flex:0 0 auto}.binder-filter[data-start=no] .binder-filterrow{--fade-start:26px}.binder-filter[data-end=no] .binder-filterrow{--fade-end:26px}.binder-filter-arrow{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;padding:0;border:1px solid #c4d3c2;border-radius:50%;background:#fffdf6e8;color:#4d635b;font-size:15px;line-height:1;box-shadow:0 1px 4px #2c4a3a24;transition:background .16s ease,color .16s ease}.binder-filter-arrow:hover:not(:disabled){background:#fff;color:var(--ink)}.binder-filter-arrow:disabled{opacity:.32}.binder-subtabs{display:flex;flex-wrap:wrap;gap:4px}.binder-subtab{min-height:32px;padding:0 12px;border:1px solid #c4d3c2;border-radius:30px;background:#fffdf67a;color:#5b6f65;font-size:10px}.binder-subtab[aria-pressed=true]{background:#cfe0c77a;color:var(--ink)}.binder-progress{display:grid;gap:5px;color:#6b7c74;font-size:10px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.binder-bar{height:3px;overflow:hidden;background:#cdd9c9}.binder-bar,.binder-bar>span{display:block;border-radius:3px}.binder-bar>span{height:100%;background:linear-gradient(90deg,#6b8f60,#b49a54);transition:width .42s cubic-bezier(.2,.8,.2,1)}.binder-track{grid-template-columns:repeat(5,minmax(0,1fr))}.binder-actions{display:flex;flex-wrap:wrap;gap:8px}.binder-kept-row{gap:8px}.binder-kept-row,.binder-nothing{display:grid;justify-items:center;text-align:center}.binder-nothing{gap:12px;padding:clamp(18px,5vw,34px) 16px;border:1px dashed #c3d2c0;border-radius:18px 7px 18px 7px;background:linear-gradient(168deg,#fffdf68f,#eef3e75c)}.binder-nothing img{width:clamp(76px,20vw,104px);height:auto;filter:drop-shadow(0 8px 18px #2c4a3a2e);transform:rotate(-4deg)}.binder-nothing p{max-width:34ch;color:#5d716a;font-size:12px;line-height:1.6;text-wrap:balance}.binder-go{min-height:40px;padding:0 16px;border:1px solid var(--ink);border-radius:16px 5px 16px 5px;background:var(--ink);color:var(--paper);font-size:11px;transition:opacity .16s ease}.binder-go:hover{opacity:.86}.binder-spread.is-inviting{max-width:440px;background:linear-gradient(148deg,#8a6a52,#a4815e 46%,#7b5b43),#8a6a52;box-shadow:inset 0 1px 0 #e3c4a04d,inset 0 -2px 6px #2417103d,0 8px 20px #2c4a3a24}.binder-spread.is-inviting .binder-pockets{border-style:solid;border-color:#e0c8ab3d;background:#2f2a2414}.binder-spread.is-inviting .binder-pocket:after{background:linear-gradient(122deg,#ffffff00 40%,#ffffff1f 50%,#ffffff00 60%)}.binder-spread.is-inviting .binder-cell.is-empty{border-color:#f0dcc44f;background:#ffffff0f;color:#f3e5cf6b;font-size:11px}.binder-invite{display:grid;gap:10px;justify-items:center;text-align:center}.binder-invite p{max-width:36ch;color:#5d716a;font-size:12px;line-height:1.6;text-wrap:balance}.binder-odds{width:100%;border-collapse:collapse;font-size:11px;color:#4d635b}.binder-odds caption{padding-bottom:8px;color:#6b7c74;font-size:10px;letter-spacing:.04em;text-align:left}.binder-odds td,.binder-odds th{padding:8px 8px 8px 0;text-align:left;border-bottom:1px solid #ccd8ca}.binder-odds thead th{color:#6b7c74;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.binder-odds tbody th{color:var(--ink);font-weight:600}.binder-odds td{font-variant-numeric:tabular-nums}.binder-empty{color:#6b7c74;font-size:11px;line-height:1.6}.binder-reset{justify-self:start;min-height:38px;padding:0 14px;border:1px solid #b6c8b8;border-radius:14px 5px 14px 5px;background:#ffffff8c;color:#4d635b;font-size:10px;transition:background .16s ease,color .16s ease}.binder-reset:hover{background:#fffdf6;color:var(--ink)}.binder-reset:disabled{opacity:.5;cursor:not-allowed}.binder-reset:disabled:hover{background:#ffffff8c;color:#4d635b}.binder-confirm{display:grid;gap:7px;justify-items:start;max-width:320px}.binder-confirm label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b7c74}.binder-confirm input{width:100%;min-height:42px;padding:10px 12px;font-size:15px;color:var(--ink);background:#fffdf6;border:1px solid #b6c8b8;border-radius:3px;outline-offset:3px}.binder-confirm input::-moz-placeholder{color:#a3b0a1}.binder-confirm input::placeholder{color:#a3b0a1}.binder-confirm input:focus{border-color:#6b8f60;background:#fff}.binder-confirm-error{font-size:11px;line-height:1.6;color:#8a3a33}.binder-confirm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.binder-plain{min-height:38px;padding:0;background:none;border:0;font-size:10px;color:#4d635b;text-decoration:underline;text-decoration-color:#a9bba8;text-underline-offset:4px}.binder-plain:hover{color:var(--ink)}@keyframes binder-fade{0%{opacity:0}}@keyframes binder-rise{0%{opacity:0;transform:translate3d(0,14px,0)}}@media (hover:hover) and (pointer:fine){.binder-moves{position:absolute;right:0;bottom:6px;left:0;opacity:0;transition:opacity .16s ease}.binder-pocket:focus-within .binder-moves,.binder-pocket:hover .binder-moves{opacity:1}}@media (min-width:560px){.binder-pockets{grid-template-columns:repeat(4,minmax(0,1fr))}.binder-spread{width:100%;max-width:640px;margin-inline:auto}.binder-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.binder-track{grid-template-columns:repeat(8,minmax(0,1fr))}.binder-best img{width:38px;height:53px}.binder-title h2{letter-spacing:-.025em}}@media (min-width:820px){.binder-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.binder-track{grid-template-columns:repeat(10,minmax(0,1fr))}.binder-tab{font-size:12px}}@media (max-width:560px){.binder-tab[data-charm]{--charm-size:16px;gap:5px;padding:0 5px}.binder-subtab[data-charm]{--charm-size:16px;gap:5px;padding:0 10px}}@media (max-width:380px){.binder-grid{gap:6px}.binder-track{grid-template-columns:repeat(4,minmax(0,1fr))}.binder-tab{font-size:10px;padding:0 5px}.binder-tab[data-charm]{--charm-size:15px;gap:4px;padding:0 3px}.binder-setchip{font-size:10px;padding:0 10px 0 8px}.binder-setchip.is-all{padding-inline-start:12px}.binder-chip-pack{width:16px;height:29px}.binder-moves button{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.binder-overlay,.binder-sheet{animation:none}.binder-bar>span,.binder-cell,.binder-close,.binder-filter-arrow,.binder-go,.binder-moves,.binder-reset,.binder-setchip,.binder-tab{transition:none}.binder-filterrow{scroll-behavior:auto}button.binder-cell:hover{transform:none}}body:has(#top[data-motion=paused]) :is(.binder-overlay,.binder-sheet){animation:none}body:has(#top[data-motion=paused]) :is(.binder-cell,.binder-tab,.binder-close,.binder-reset,.binder-setchip,.binder-filter-arrow,.binder-moves,.binder-go,.binder-bar>span){transition:none}body:has(#top[data-motion=paused]) .binder-filterrow{scroll-behavior:auto}body:has(#top[data-motion=paused]) button.binder-cell:hover{transform:none}