.tkb{--b-bg:#141015;--b-panel:#1d171d;--b-ink:#f4ead9;--b-mute:#bfae9a;--b-line:#3b2f35;--b-gold:#d1ad6b;--b-wine:#7a3a4a;--b-page:#221b21;--b-pocket:#2b2229;--b-sleeve:#342a31;background:var(--b-bg);color:var(--b-ink);padding:28px 16px 48px;font-family:inherit}html.tank-candidate-cream .tkb{--b-bg:#eee4d4;--b-panel:#f7efe4;--b-ink:#30252a;--b-mute:#6a5650;--b-line:#cbb69d;--b-gold:#8a6231;--b-wine:#60333f;--b-page:#f9f3ea;--b-pocket:#efe4d5;--b-sleeve:#e4d6c3}.tkb *{box-sizing:border-box}.tkb a{color:var(--b-gold)}.tkb-hero,.tkb-shelf-wrap,.tkb-viewer{max-width:1180px;margin:0 auto}.tkb-hero{display:grid;grid-template-columns:1fr;gap:20px;align-items:center;margin-bottom:26px}.tkb-kicker{font-size:12px;letter-spacing:.08em;text-transform:none;color:var(--b-gold);font-weight:700;margin-bottom:8px}.tkb h1{font-size:clamp(34px,7vw,58px);line-height:1.02;margin:0 0 12px;color:var(--b-ink)}.tkb-hero p{margin:0 0 10px;max-width:62ch;line-height:1.6;color:var(--b-mute)}.tkb-hero p.tkb-asof{color:var(--b-ink);font-weight:700;font-size:14px}.tkb-note{font-size:13px}.tkb-hero-photo{display:none;margin:0}.tkb-hero-photo img{width:100%;height:auto;max-height:340px;object-fit:cover;border-radius:14px;border:1px solid var(--b-line)}@media(min-width:900px){.tkb{padding:44px 28px 70px}.tkb-hero{grid-template-columns:1.5fr 1fr;gap:40px}.tkb-hero-photo{display:block}}.tkb-h2{font-size:24px;margin:0 0 14px;color:var(--b-ink)}.tkb-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:30px}@media(min-width:640px){.tkb-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}.tkb-binder{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;background:var(--b-panel);border:1px solid var(--b-line);text-decoration:none;color:var(--b-ink)!important;min-height:44px;transition:border-color .15s,transform .15s}.tkb-binder:hover,.tkb-binder:focus-visible{border-color:var(--b-gold);transform:translateY(-1px)}.tkb-binder.is-active{border-color:var(--b-gold);box-shadow:0 0 0 1px var(--b-gold) inset}.tkb-binder.is-hunt{background:linear-gradient(135deg,var(--b-panel),color-mix(in srgb,var(--b-wine) 35%,var(--b-panel)))}.tkb-binder-cover{flex:0 0 52px;width:52px;border-radius:6px;background:var(--b-wine);padding:3px}.tkb-binder-cover .tkb-card{border-radius:4px}.tkb-binder-cover .tkb-card-ph{display:none}.tkb-binder-text{display:flex;flex-direction:column;gap:3px;min-width:0}.tkb-binder-text strong{font-size:14px;line-height:1.25}.tkb-binder-text span{font-size:12px;color:var(--b-mute)}.tkb-viewer{background:var(--b-panel);border:1px solid var(--b-line);border-radius:16px;padding:16px 10px 14px;scroll-margin-top:80px;outline:none}@media(min-width:900px){.tkb-viewer{padding:24px 24px 18px}}.tkb-viewer-head{padding:0 6px 12px}.tkb-viewer-head p{margin:0;color:var(--b-mute);font-size:14px;line-height:1.5}.tkb-viewer-head .tkb-h2{margin-bottom:6px}.tkb-spread{display:grid;gap:14px;grid-template-columns:1fr;touch-action:pan-y}.tkb-spread.per-2{grid-template-columns:1fr 1fr;gap:0}.tkb-page{list-style:none;margin:0;padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--b-page);border-radius:10px;border:1px solid var(--b-line)}.per-2 .tkb-page:first-child{border-radius:10px 0 0 10px;border-right:2px solid var(--b-line);box-shadow:inset -12px 0 18px -14px #0000008c}.per-2 .tkb-page:last-child{border-radius:0 10px 10px 0;border-left:0;box-shadow:inset 12px 0 18px -14px #0000008c}@media(min-width:900px){.tkb-page{padding:16px;gap:12px}}.tkb-page.is-endpaper{background:repeating-linear-gradient(45deg,var(--b-page),var(--b-page) 10px,var(--b-pocket) 10px,var(--b-pocket) 20px)}.tkb-pocket{display:flex;flex-direction:column;gap:5px;min-width:0;background:var(--b-pocket);border-radius:7px;padding:5px;border:1px solid color-mix(in srgb,var(--b-line) 70%,transparent)}.tkb-pocket.is-empty{min-height:120px;opacity:.5}.tkb-card{position:relative;aspect-ratio:63/88;border-radius:5px;overflow:hidden;background:var(--b-sleeve)}.tkb-card img{width:100%;height:100%;object-fit:cover;display:block}.tkb-card-ph{display:none}.tkb-card.is-blank{background:linear-gradient(160deg,var(--b-sleeve),color-mix(in srgb,var(--b-wine) 30%,var(--b-sleeve)));border:1px dashed var(--b-line)}.tkb-card.is-blank .tkb-card-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px;gap:4px}.tkb-card-ph strong{font-size:11px;line-height:1.2;color:var(--b-ink)}.tkb-card-ph span{font-size:10px;color:var(--b-mute)}.tkb-cap{display:flex;flex-direction:column;gap:1px;min-width:0}.tkb-cap strong{font-size:11px;line-height:1.2;color:var(--b-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tkb-cap span{font-size:10px;line-height:1.25;color:var(--b-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:900px){.tkb-cap strong{font-size:12px}.tkb-cap span{font-size:11px}}.tkb-era{font-style:normal;font-size:10px;color:var(--b-gold)}.tkb-grade{position:absolute;left:4px;bottom:4px;font-size:9px;background:#000000b3;color:#fff;padding:2px 5px;border-radius:4px}.is-wanted .tkb-card img{opacity:.42;filter:grayscale(.55)}.is-wanted.is-grail .tkb-card img{opacity:.7;filter:grayscale(.15)}.is-grail{border-color:var(--b-gold)}.tkb-wanted{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;letter-spacing:.04em;background:var(--b-wine);color:#fff7ea;padding:3px 7px;border-radius:999px;white-space:nowrap}.is-grail .tkb-wanted{background:var(--b-gold);color:#1a1216}.tkb-talk{display:block;text-align:center;font-size:10px;font-weight:700;line-height:1.2;padding:6px 3px;border-radius:6px;border:1px solid var(--b-gold);color:var(--b-gold)!important;text-decoration:none;min-height:30px}.tkb-talk:hover,.tkb-talk:focus-visible{background:var(--b-gold);color:#1a1216!important}@media(min-width:900px){.tkb-talk{font-size:11px}}.tkb-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:0 4px}.tkb-btn{min-height:44px;min-width:92px;padding:0 16px;border-radius:999px;border:1px solid var(--b-gold);background:transparent;color:var(--b-ink);font:inherit;font-weight:700;cursor:pointer}.tkb-btn:disabled{opacity:.35;cursor:default}.tkb-btn:not(:disabled):hover{background:var(--b-gold);color:#1a1216}.tkb-pageinfo{font-size:13px;color:var(--b-mute);text-align:center}.tkb-swipe-hint{text-align:center;font-size:12px;color:var(--b-mute);margin:10px 0 0}.tank-mostwanted{background:#141015;color:#f4ead9;padding:34px 16px}html.tank-candidate-cream .tank-mostwanted{background:#eee4d4;color:#30252a}.tank-mostwanted-inner{max-width:1180px;margin:0 auto}.tank-mostwanted-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.tank-mostwanted h2{margin:0;font-size:26px;color:inherit}.tank-mostwanted-head a{color:#d1ad6b;font-weight:700}html.tank-candidate-cream .tank-mostwanted-head a{color:#8a6231}.tank-mostwanted-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}@media(min-width:760px){.tank-mostwanted-row{grid-template-columns:repeat(6,minmax(0,1fr))}}.tank-mostwanted-row a{display:block;text-decoration:none;color:inherit}.tank-mostwanted-row .mw-card{aspect-ratio:63/88;border-radius:6px;overflow:hidden;background:#342a31;position:relative}.tank-mostwanted-row img{width:100%;height:100%;object-fit:cover;opacity:.6;filter:grayscale(.25)}.tank-mostwanted-row .mw-tag{position:absolute;top:6px;left:6px;background:#d1ad6b;color:#1a1216;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px}.tank-mostwanted-row strong{display:block;font-size:12px;margin-top:6px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tank-mostwanted-row span{display:block;font-size:11px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tkb-spread.per-2{max-width:900px;margin:0 auto}.tkb-binder-cover .tkb-card.is-blank .tkb-card-ph{display:none}.tkb-page{align-items:start}.tkb-cap{height:28px;overflow:hidden}.tkb-pocket.is-empty{min-height:0}.tkb-pocket.is-empty:before{content:"";display:block;aspect-ratio:63/88}.tkb-pocket.is-empty:after{content:"";display:block;height:28px}.tkb-card .tkb-talk{position:absolute;left:6px;right:6px;bottom:6px;min-height:0;padding:6px 4px;background:color-mix(in srgb,var(--b-bg) 88%,transparent);opacity:0;transition:opacity .15s ease;z-index:2}.tkb-pocket:hover .tkb-talk,.tkb-pocket:focus-within .tkb-talk{opacity:1}.tkb-card .tkb-talk:hover,.tkb-card .tkb-talk:focus-visible{background:var(--b-gold);color:#1a1216!important}@media(hover:none){.tkb-card .tkb-talk{opacity:1}}@media(min-width:900px){.tkb-cap{height:31px}.tkb-pocket.is-empty:after{height:31px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tank-binders.css.map */
