@layer base{@font-face{font-family:Shelf Pixel;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pixel-shelf-dotgothic16-400-36940f4e.woff2)format("woff2")}}@layer components{.bc{--bc-row:9.5rem;--bc-board:.75rem;--bc-gap:.25rem;--bc-rule:3px;--bc-w0:1.875rem;--bc-w1:2.25rem;--bc-w2:2.625rem;--bc-w3:3rem;--bc-h0:72%;--bc-h1:80%;--bc-h2:88%;--bc-h3:95%;--bc-cover-w:11rem;--bc-pull:-.875rem;color:var(--bc-ink);gap:1.25rem;display:grid}.bc--kiosk{--bc-ink:var(--door-ink);--bc-paper:var(--door-paper);--bc-font:var(--font-door);--bc-back:var(--door-cloud);--bc-wood:var(--door-ink);--bc-accent:var(--door-moss);--bc-accent-ink:var(--door-paper);--bc-g-money:var(--door-sun);--bc-g-business:var(--door-sky-deep);--bc-g-property:var(--door-tomato);--bc-g-building:var(--door-plum);--bc-g-outdoors:var(--door-grass-deep);--bc-g-world:var(--door-moss);--bc-g-skills:var(--door-sky);--bc-g-manga:var(--door-hanko);--bc-row:12rem;--bc-board:1rem;--bc-rule:4px;--bc-w0:4rem;--bc-w1:4.5rem;--bc-w2:5rem;--bc-w3:5.5rem;--bc-cover-w:15rem;--bc-pull:-1.25rem;--bc-text:var(--text-door-body);--bc-text-big:var(--text-door-label);--bc-t-spine:var(--text-door-body);--bc-t-spine-small:1.25rem;--bc-t-author:var(--text-door-body);--bc-t-plate:1.375rem;--bc-t-plate-by:1.125rem;--bc-lift:6px 6px 0 var(--door-ink);--bc-lift-sm:4px 4px 0 var(--door-ink);--bc-pull-time:.2s;--bc-slide-time:.24s;font-size:var(--text-door-body)}.bc--site{--bc-ink:var(--rb-ink);--bc-paper:var(--rb-paper-raised);--bc-font:var(--rb-font-ui);--bc-back:var(--rb-paper-sunken);--bc-wood:var(--rb-kraft-ink);--bc-accent:var(--rb-accent);--bc-accent-ink:var(--rb-accent-ink);--bc-g-money:var(--rb-kraft);--bc-g-business:var(--rb-ink-soft);--bc-g-property:var(--rb-rose);--bc-g-building:var(--rb-kraft-ink);--bc-g-outdoors:var(--rb-accent);--bc-g-world:var(--rb-accent-hover);--bc-g-skills:var(--primitive-night-400);--bc-g-manga:var(--rb-hanko);--bc-text:var(--rb-text-base);--bc-text-big:var(--rb-text-xl);--bc-t-spine:var(--rb-text-sm);--bc-t-spine-small:var(--rb-text-sm);--bc-t-author:var(--rb-text-xs);--bc-t-plate:var(--rb-text-sm);--bc-t-plate-by:var(--rb-text-xs);--bc-lift:var(--rb-shadow-pixel);--bc-lift-sm:var(--rb-shadow-pixel-sm);--bc-pull-time:var(--rb-duration-fast);--bc-slide-time:var(--rb-duration);font-size:var(--rb-text-base)}:where(html.dark) .bc--site{--bc-ink:var(--rb-dark-ink);--bc-paper:var(--rb-dark-paper-raised);--bc-back:var(--rb-dark-paper);--bc-wood:var(--rb-kraft)}.bc [data-genre=money]{--bc-hue:var(--bc-g-money);--bc-on:var(--bc-ink)}.bc [data-genre=business]{--bc-hue:var(--bc-g-business);--bc-on:var(--bc-paper)}.bc [data-genre=property]{--bc-hue:var(--bc-g-property);--bc-on:var(--bc-paper)}.bc [data-genre=building]{--bc-hue:var(--bc-g-building);--bc-on:var(--bc-paper)}.bc [data-genre=outdoors]{--bc-hue:var(--bc-g-outdoors);--bc-on:var(--bc-paper)}.bc [data-genre=world]{--bc-hue:var(--bc-g-world);--bc-on:var(--bc-paper)}.bc [data-genre=skills]{--bc-hue:var(--bc-g-skills);--bc-on:var(--bc-paper)}.bc [data-genre=manga]{--bc-hue:var(--bc-g-manga);--bc-on:var(--bc-paper)}.bc [data-genre=blank]{--bc-hue:var(--bc-paper);--bc-on:var(--bc-ink)}.bc-case{border:var(--bc-rule) solid var(--bc-ink);background:var(--bc-paper);box-shadow:var(--bc-lift);gap:.75rem;padding:.75rem .75rem 0;display:grid}.bc-copying{font-weight:700;font-size:var(--bc-text);margin:0;line-height:1.4}.bc-shelf{align-items:flex-end;column-gap:var(--bc-gap);background:repeating-linear-gradient(to bottom, var(--bc-back) 0 calc(var(--bc-row) - var(--bc-board)), var(--bc-wood) calc(var(--bc-row) - var(--bc-board)) var(--bc-row));flex-wrap:wrap;row-gap:0;margin:0;padding:0 .5rem;list-style:none;display:flex}.bc-slot{height:var(--bc-row);padding-bottom:var(--bc-board);box-sizing:border-box;align-items:flex-end;display:flex}.bc-spine{height:var(--bc-h1);width:var(--bc-w1);border:var(--bc-rule) solid var(--bc-ink);background:var(--bc-hue);color:var(--bc-on);cursor:pointer;font:inherit;border-bottom-width:0;flex-direction:column;justify-content:space-between;align-items:center;gap:.25rem;padding:.375rem .125rem;display:flex;position:relative}.bc-spine[data-w="0"]{width:var(--bc-w0)}.bc-spine[data-w="2"]{width:var(--bc-w2)}.bc-spine[data-w="3"]{width:var(--bc-w3)}.bc-spine[data-h="0"]{height:var(--bc-h0)}.bc-spine[data-h="2"]{height:var(--bc-h2)}.bc-spine[data-h="3"]{height:var(--bc-h3)}.bc-spine__band{opacity:.85;border-block:2px solid;flex:none;width:100%;height:.375rem}.bc-spine[data-band="1"] .bc-spine__band:not(.bc-spine__band--low),.bc-spine[data-band="0"] .bc-spine__band--low{height:.75rem}.bc-spine__title{writing-mode:vertical-rl;min-height:0;font-weight:700;line-height:1.1;font-size:var(--bc-t-spine);overflow-wrap:anywhere;flex:1}.bc-spine[data-real]{font-size:var(--bc-t-spine-small);width:auto;min-width:var(--bc-w1);justify-content:flex-start}.bc-spine[data-real][data-w="0"]{min-width:var(--bc-w0)}.bc-spine[data-real][data-w="2"]{min-width:var(--bc-w2)}.bc-spine[data-real][data-w="3"]{min-width:var(--bc-w3)}.bc-spine[data-real] .bc-spine__title{flex:none;height:100%;font-size:1em}.bc-spine[data-real][data-band-at] .bc-spine__title{height:calc(100% - 1rem)}.bc-spine[data-band-at=foot]{justify-content:space-between}.bc-spine__band--own{background:var(--bc-band,currentColor);opacity:1;border-block-width:0;height:.75rem}.bc-spine[data-set]{background:0 0;border:0;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;min-width:0;padding:0}.bc-vol{writing-mode:vertical-rl;border:2px solid var(--bc-ink);background:var(--bc-hue);height:100%;color:var(--bc-on);border-bottom-width:0;border-left-width:0;justify-content:space-between;align-items:center;gap:.25rem;padding:.375rem .0625rem;display:flex}.bc-vol:first-child{border-left-width:2px}.bc-vol__title{font-weight:700;line-height:1}.bc-vol__no{text-combine-upright:all;font-variant-numeric:lining-nums tabular-nums;font-weight:700;line-height:1}.bc--kiosk .bc-vol{border-width:3px 3px 0 0}.bc--kiosk .bc-vol:first-child{border-left-width:3px}.bc--kiosk .bc-vol__title,.bc--kiosk .bc-vol__no{line-height:normal}.bc-spine[aria-pressed=true]{transform:translateY(var(--bc-pull));outline:var(--bc-rule) solid var(--bc-accent);outline-offset:var(--bc-rule)}.bc-spine:focus-visible{outline:var(--bc-rule) solid var(--bc-accent);outline-offset:2px}.bc-desk{min-height:3rem}.bc-hint{font-weight:700;font-size:var(--bc-text);flex-wrap:wrap;gap:.25rem 1rem;margin:0;display:flex}.bc-keys{opacity:.8;font-weight:400}.bc-pulled{grid-template-columns:var(--bc-cover-w) minmax(0, 1fr);align-items:start;gap:1.25rem;display:grid}.bc-pulled__cover{width:var(--bc-cover-w);gap:.5rem;display:grid}.bc-cover{width:var(--bc-cover-w);aspect-ratio:3/4;box-shadow:var(--bc-lift);position:relative}.bc-cover__art{width:100%;height:100%;image-rendering:pixelated;display:block}.bc-credit{font-size:var(--bc-t-author);overflow-wrap:anywhere;margin:0;line-height:1.35}.bc-thumb{aspect-ratio:3/4;inline-size:2.75rem;box-shadow:var(--bc-lift-sm);display:block}.bc-thumb .bc-cover__art{width:100%;height:100%;image-rendering:pixelated;display:block}.bc-cover__ground{fill:var(--bc-hue)}.bc-cover__ink{fill:var(--bc-ink)}.bc-cover__light{fill:var(--bc-paper)}.bc-cover[data-genre=blank] .bc-cover__ground{fill:var(--bc-back)}.bc-cover__plate{border:2px solid var(--bc-ink);background:var(--bc-paper);color:var(--bc-ink);gap:.125rem;padding:.25rem .375rem;display:grid;position:absolute;bottom:10%;left:13%;right:13%}.bc-cover__title{font-family:"Shelf Pixel", var(--bc-font);font-weight:400;font-size:var(--bc-t-plate);overflow-wrap:break-word;line-break:strict;line-height:1.2}.bc-cover__author{font-family:"Shelf Pixel", var(--bc-font);font-size:var(--bc-t-plate-by);overflow-wrap:anywhere;line-height:1.2}.bc-pulled__words{gap:1rem;min-width:0;display:grid}.bc-pulled__head{gap:.25rem;display:grid}.bc-pulled__title{font-size:var(--bc-text-big);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.25}.bc-pulled__by{font-size:var(--bc-text);margin:0}.bc-says{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;margin:0;display:grid}.bc-says__face{width:4rem;height:4rem;image-rendering:pixelated;border:var(--bc-rule) solid var(--bc-ink);background:var(--bc-paper)}.bc-says__words{border:var(--bc-rule) double var(--bc-accent);background:var(--bc-paper);font-size:var(--bc-text);gap:.25rem;padding:.5rem .75rem;line-height:1.5;display:grid}.bc-says__name{color:var(--bc-accent);font-size:.875em;font-weight:700}:where(html.dark) .bc--site .bc-says__name{color:var(--bc-ink)}.bc-putback{border:var(--bc-rule) solid var(--bc-ink);background:var(--bc-accent);min-height:2.75rem;color:var(--bc-accent-ink);font:inherit;box-shadow:var(--bc-lift-sm);cursor:pointer;justify-self:start;padding:.25rem 1.25rem;font-weight:700}.bc-putback:focus-visible{outline:var(--bc-rule) solid var(--bc-accent);outline-offset:3px}.bc--kiosk .bc-putback{min-width:12rem;min-height:5rem;font-size:var(--text-door-label)}@media (width<=599px){.bc--site .bc-pulled{grid-template-columns:minmax(0,1fr)}.bc--site{--bc-cover-w:10rem}}@keyframes bc-slide{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){:where(html[data-motion=on]) .bc--site .bc-spine,.bc--kiosk .bc-spine{transition:transform var(--bc-pull-time) steps(3, end)}:where(html[data-motion=on]) .bc--site .bc-pulled,.bc--kiosk .bc-pulled{animation:bc-slide var(--bc-slide-time) steps(4, end)}}.bk-page{background:var(--rb-paper);color:var(--rb-ink)}:where(html.dark) .bk-page{background:var(--rb-dark-paper);color:var(--rb-dark-ink)}html:not(:lang(ja)) .bk-page{--rb-font-text:var(--rb-font-ja-text)}.bk-hero{gap:var(--rb-space-6);padding:var(--rb-space-12) var(--rb-gutter,1rem) var(--rb-space-8);align-items:end;display:grid}.bk-hero__eyebrow{margin:0 0 var(--rb-space-3);font-size:var(--rb-text-sm);font-weight:var(--rb-weight-heavy);letter-spacing:var(--rb-tracking-display);color:var(--rb-accent)}:where(html.dark) .bk-hero__eyebrow{color:var(--rb-dark-ink)}.bk-hero__title{font-family:var(--rb-font-display-heavy);font-size:var(--rb-text-hero);line-height:var(--rb-leading-tight);letter-spacing:var(--rb-tracking-display);overflow-wrap:anywhere;margin:0}.bk-hero__lead{max-width:var(--rb-measure-jp,34em);margin:var(--rb-space-4) 0 0;font-size:var(--rb-text-xl);line-height:var(--rb-leading-snug)}.bk-hero__where{margin:var(--rb-space-2) 0 0;font-size:var(--rb-text-base);line-height:var(--rb-leading-snug)}.bk-hero__figure{justify-items:start;margin:0;display:grid}.bk-hero__art{--sn-k:2}.bk-manga{gap:var(--rb-space-6);padding:var(--rb-space-8) var(--rb-gutter,1rem) var(--rb-space-12);border-top:var(--rb-space-1) solid var(--rb-hanko);align-items:start;display:grid}.bk-manga__title{font-family:var(--rb-font-display-heavy);font-size:var(--rb-text-display);line-height:var(--rb-leading-tight);letter-spacing:var(--rb-tracking-display);margin:0}.bk-manga__lead{max-width:var(--rb-measure-jp,34em);margin:var(--rb-space-3) 0 0;font-size:var(--rb-text-lg);line-height:var(--rb-leading-snug)}.bk-manga__count{margin:var(--rb-space-2) 0 0;font-size:var(--rb-text-base);font-weight:var(--rb-weight-heavy);color:var(--rb-hanko);font-variant-numeric:lining-nums tabular-nums}:where(html.dark) .bk-manga__count{color:var(--rb-hanko-on-dark)}@media (width>=1200px){.bk-manga{column-gap:var(--rb-space-12);grid-template-columns:minmax(16rem,1fr) minmax(0,2fr)}}.bk-wall{padding:var(--rb-space-6) var(--rb-gutter,1rem) var(--rb-space-12);background:var(--rb-kraft-wash)}:where(html.dark) .bk-wall{background:color-mix(in oklab, var(--rb-kraft) 22%, var(--rb-dark-paper))}.bk-ridge{width:100%;height:var(--rb-space-6);margin-bottom:var(--rb-space-4);display:block}.bk-catalogue{padding:var(--rb-space-12) var(--rb-gutter,1rem)}.bk-catalogue__title{margin:0 0 var(--rb-space-4);font-family:var(--rb-font-display);font-size:var(--rb-text-display);line-height:var(--rb-leading-tight)}.bk-catalogue__shelves{gap:var(--rb-space-8) var(--rb-space-12);display:grid}.bk-catalogue__genre{margin:0 0 var(--rb-space-2);font-size:var(--rb-text-lg);font-weight:var(--rb-weight-heavy)}.bk-catalogue__count{color:var(--rb-ink-soft);font-variant-numeric:lining-nums tabular-nums;font-weight:400}:where(html.dark) .bk-catalogue__count{color:var(--rb-dark-ink)}.bk-catalogue__list{border-top:1px solid var(--rb-line-strong);margin:0;padding:0;list-style:none}.bk-catalogue__row{align-items:center;gap:var(--rb-space-3);padding:var(--rb-space-2) 0;border-bottom:1px solid var(--rb-line);grid-template-columns:2.75rem minmax(0,1fr);display:grid}.bk-catalogue__volumes{font-weight:var(--rb-weight-heavy);color:var(--rb-hanko);margin-inline-start:var(--rb-space-2)}:where(html.dark) .bk-catalogue__volumes{color:var(--rb-hanko-on-dark)}.bk-catalogue__words{gap:var(--rb-space-1);min-width:0;display:grid}.bk-catalogue__name{font-weight:var(--rb-weight-heavy);overflow-wrap:anywhere}.bk-catalogue__by{overflow-wrap:anywhere}.bk-catalogue__note{margin:var(--rb-space-8) 0 0;max-width:var(--rb-measure)}@media (width>=840px){.bk-hero{padding-inline:max(var(--rb-gutter,1rem), calc((100% - var(--rb-container,72rem)) / 2));grid-template-columns:minmax(0,1fr) auto}.bk-hero__figure{justify-items:end}.bk-hero__art{--sn-k:3}.bk-wall,.bk-catalogue{padding-inline:max(var(--rb-gutter,1rem), calc((100% - var(--rb-container,72rem)) / 2))}.bk-catalogue__shelves{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.bk-case.bc--site{--bc-row:11rem;--bc-w0:2.25rem;--bc-w1:2.625rem;--bc-w2:3rem;--bc-w3:3.5rem;--bc-cover-w:13rem}}}
