@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Outfit:wght@400;500;600;700&display=swap";:root{--ink:#1e1815;--paper:#f7f3eb;--cream:#ece3d3;--orange:#ed6c39;--line:#d9cdbc;--muted:#766e65;--dark:#211a16}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);margin:0;font-family:Outfit,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8;background:#f7f3ebe0;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,5vw,82px);display:flex;position:sticky;top:0}.brand{letter-spacing:-1.5px;color:var(--ink);align-items:center;gap:9px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.brand>span>span{color:var(--orange)}.brand-mark{background:var(--orange);color:#fff;border-radius:50% 50% 45%;place-items:center;width:29px;height:29px;font-family:Fraunces,serif;font-size:19px;display:grid;transform:rotate(-10deg)}.top-actions{align-items:center;gap:18px;display:flex}.save-state{color:#59765f;font:12px DM Mono,monospace}.save-state:first-letter{color:#5b965d}.button{border:0;border-radius:4px;padding:11px 15px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.outline{border:1px solid var(--ink);color:var(--ink);background:0 0}.button.dark{background:var(--dark);color:#fff;padding:12px 17px}.button.dark span{color:var(--orange);margin-left:7px;font-size:19px}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 15%,#f8d9a7 0,#0000 24%),linear-gradient(110deg,#f5ead8 0%,#faeee0 60%,#e7d5ba 100%);justify-content:space-between;align-items:end;min-height:310px;padding:65px clamp(20px,10vw,170px) 58px;display:flex;position:relative;overflow:hidden}.hero:after{content:"POP";color:#ffffff45;letter-spacing:-25px;font:700 260px/1 Fraunces,serif;position:absolute;bottom:-93px;right:-30px}.eyebrow{letter-spacing:1.15px;color:#8d5945;margin:0 0 13px;font:500 10px DM Mono,monospace}.hero h1{letter-spacing:-4px;margin:0;font:700 clamp(39px,5.2vw,74px)/.91 Fraunces,serif}.hero h1 em{color:var(--orange);font-weight:600}.lede{color:#675b52;max-width:390px;margin:19px 0 0;font-size:16px;line-height:1.5}.hero-stat{z-index:1;background:var(--dark);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:155px;height:155px;display:flex;transform:rotate(8deg);box-shadow:8px 11px #d9aa61}.hero-stat strong{font:700 46px/.9 Fraunces,serif}.hero-stat span{color:#e4d7c8;margin-top:5px;font:11px DM Mono,monospace}.hero-stat i{color:var(--orange);font-size:19px;position:absolute;top:15px;right:20px}.workbench{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:46px;width:100%;max-width:none;margin:0;padding:38px clamp(20px,4vw,58px) 64px;display:grid}.filter-panel{border-right:1px solid var(--line);padding-right:34px}.panel-label{align-items:center;gap:10px;margin-bottom:27px;display:flex}.panel-label span{color:#754832;background:#e9d4bb;padding:4px;font:11px DM Mono,monospace}.panel-label h2{margin:0;font:700 23px Fraunces,serif}.filter-panel label{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin:20px 0;font:500 10px DM Mono,monospace;display:block}.filter-panel select{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;outline:none;margin-top:8px;padding:9px 0;font:500 14px Outfit,sans-serif;display:block}.search{border:1px solid var(--line);border-radius:4px;align-items:center;gap:7px;padding:0 10px;color:var(--muted)!important;margin-bottom:28px!important;display:flex!important}.search span{font-size:20px;line-height:1}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;padding:11px 0}.text-button{text-underline-offset:4px;color:#85503c;background:0 0;border:0;margin-top:10px;padding:0;font:500 11px DM Mono,monospace;text-decoration:underline}.text-button span{margin-left:7px;font-size:17px;text-decoration:none}.import-note{border-left:3px solid var(--orange);color:#695d52;background:#efe7da;margin-top:35px;padding:15px;font-size:11px;line-height:1.45}.import-note b{color:var(--ink);text-transform:uppercase;letter-spacing:.8px;font:500 10px DM Mono,monospace;display:block}.import-note p{margin:7px 0}.import-note code{color:#9a5a3b;font:10px DM Mono,monospace}.shelf-header{justify-content:space-between;align-items:start;margin-bottom:21px;display:flex}.shelf-header h2{letter-spacing:-1.6px;margin:0;font:700 33px/1 Fraunces,serif}.status{color:var(--muted);max-width:510px;margin:8px 0 0;font-size:12px}.summary{text-align:right;color:var(--muted);grid-template-columns:auto auto;align-items:end;column-gap:7px;font:11px DM Mono,monospace;display:grid}.summary strong{color:var(--ink);font:700 20px Outfit,sans-serif}.lineup-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:22px;margin-bottom:25px;padding:11px 0;display:flex}.lineup-controls label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:7px;font:10px DM Mono,monospace;display:flex}.lineup-controls select{color:var(--ink);background:0 0;border:0;outline:none;font:500 13px Outfit,sans-serif}.grid-size{margin-left:auto}.grid-size input{accent-color:var(--orange);width:100px}.grid-size b{color:var(--ink);font-size:13px}.shelf-area{min-width:0}.shelf-scroll{max-width:100%;margin:0;padding:5px 0 13px;overflow:visible}.shelf{grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:clamp(2px,1vw,17px) clamp(2px,1vw,14px);width:100%;min-width:0;display:grid}.grid-caption{color:var(--muted);justify-content:space-between;gap:12px;margin:-8px 0 10px;font:10px DM Mono,monospace;display:flex}.shelf-pages{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin-top:20px;font:11px DM Mono,monospace;display:flex}.shelf-pages button:disabled{cursor:not-allowed;opacity:.35;transform:none}.pop-card{cursor:pointer;outline:none;min-width:0;transition:transform .2s}.pop-card:hover,.pop-card:focus-visible,.pop-card.selected{transform:translateY(-6px)}.pop-card.selected .pop-box,.pop-card:focus-visible .pop-box{outline:3px solid var(--orange);outline-offset:3px}.pop-box{aspect-ratio:.76;background:linear-gradient(145deg,var(--pop),color-mix(in srgb,var(--pop),#fff 62%));isolation:isolate;border:clamp(1px,.35vw,5px) solid #fff;width:100%;height:auto;position:relative;overflow:hidden;box-shadow:0 3px #d6c7b7,0 9px 18px #3c2a1d1f}.pop-box:before{content:"";z-index:-1;border:1px solid #ffffff8c;position:absolute;inset:clamp(1px,.5vw,7px)}.box-number{color:#fff;text-shadow:0 1px 1px #0003;padding:clamp(2px,.6vw,8px) clamp(2px,.75vw,10px);font:700 clamp(3px,1.7vw,23px) Fraunces,serif}.box-tags{z-index:1;flex-wrap:wrap;gap:3px;display:flex;position:absolute;top:clamp(18px,3.1vw,42px);left:clamp(2px,.7vw,9px);right:clamp(2px,.7vw,9px)}.box-tags span{color:#fff;letter-spacing:.25px;text-transform:uppercase;background:#1e1815b8;border:1px solid #ffffffb3;border-radius:999px;padding:2px 4px;font:600 clamp(3px,.65vw,8px)/1 Outfit,sans-serif}.pop-face{aspect-ratio:1;height:45%;color:var(--pop);background:#f9e0ba;border:clamp(1px,.3vw,4px) solid #221a162e;border-radius:49% 49% 44% 44%;place-items:center;font:700 clamp(4px,3vw,41px) Fraunces,serif;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 10px 0 #fff3}.box-title{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.6px;text-shadow:0 1px 2px #0006;width:100%;padding:0 4px;font-size:clamp(3px,1vw,12px);font-weight:700;position:absolute;bottom:23px}.box-fandom{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.3px;width:100%;font:8px DM Mono,monospace;position:absolute;bottom:7px}.card-meta{color:var(--muted);justify-content:space-between;gap:7px;margin-top:10px;font-size:10px;line-height:1.2;display:flex}.shelf[data-compact=true] .card-meta,.shelf[data-compact=true] .box-fandom{display:none}.card-meta b{color:var(--ink);font-size:12px}.empty{text-align:center;color:var(--muted);border:1px dashed #b9a793;grid-column:1/-1;padding:60px 15px}.empty b{color:var(--ink);font:700 22px Fraunces,serif;display:block}.empty p{font-size:13px}.empty button{margin-top:9px}.choice-filter{border:0;border-top:1px solid var(--line);margin:22px 0 0;padding:15px 0 0}.choice-filter legend{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;padding:0;font:500 10px DM Mono,monospace}.choice-filter legend span{color:#9a5a3b;margin-left:6px}.exclude-filter{border-top-color:#d7a18e}.exclude-filter legend{color:#9b5038}.exclude-filter legend span{color:#b33b24}.exclude-filter .choice-list input:checked+span{background:#803422;border-color:#803422}.choice-list{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.choice-list label{position:relative;margin:0!important}.choice-list input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice-list span{border:1px solid var(--line);color:#62584e;text-transform:none;letter-spacing:0;background:#fff;border-radius:999px;padding:5px 8px;font:11px Outfit,sans-serif;transition:all .16s;display:block}.choice-list input:checked+span{background:var(--dark);border-color:var(--dark);color:#fff}.choice-list input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}footer{background:var(--dark);color:#e8dccd;letter-spacing:.6px;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,82px);font:10px DM Mono,monospace;display:flex}footer>span:first-child{color:var(--orange);font-weight:700}footer p{color:#a99c8e;margin:0}@media (width<=820px){.hero{min-height:275px;padding:48px 30px}.workbench{grid-template-columns:1fr;gap:30px;padding:30px 20px}.filter-panel{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);column-gap:18px;padding:0 0 25px;display:grid}.panel-label,.search,.import-note,.text-button{grid-column:1/-1}.filter-panel label{margin:8px 0}.import-note{margin-top:15px}.lineup-controls{flex-wrap:wrap;gap:12px}.grid-size{margin-left:0}}@media (width<=560px){.topbar{align-items:flex-start;height:auto;min-height:63px;padding:9px 16px;position:static}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.top-actions .button{padding:7px 8px;font-size:10px}.naruto-import{border-color:var(--orange)!important;color:#9a4324!important}.save-state{display:none}.button{padding:9px 10px;font-size:12px}.hero{min-height:250px;padding:43px 20px 36px}.hero h1{letter-spacing:-2.8px}.hero-stat{width:94px;height:94px;box-shadow:4px 5px #d9aa61}.hero-stat strong{font-size:30px}.hero-stat span{font-size:8px}.hero-stat i{font-size:13px;top:7px;right:12px}.lede{max-width:255px;font-size:14px}.filter-panel{display:block}.filter-panel label{margin:16px 0}.shelf-header{display:block}.summary{text-align:left;width:max-content;margin-top:16px}.lineup-controls{align-items:flex-end}.lineup-controls label{flex-direction:column;align-items:flex-start;gap:2px}.grid-size{flex:1}.grid-size input{width:100%}.button.dark{margin-left:auto}.card-meta{font-size:9px;display:block}.card-meta b{margin-top:3px;display:block}footer{line-height:1.7;display:block}footer p{margin:3px 0}}