.cat-shelf{margin:var(--s4) var(--pad) 0;container-type:inline-size}.cat-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 -3px 28px;position:relative;z-index:2}.cat-tabs a{padding:9px 18px 12px;border:3px solid #1b2a3a;border-bottom:0;border-radius:14px 14px 0 0;background:linear-gradient(#ffd84d,#f4b400);color:#3b2500;font:18px/1 var(--display);text-decoration:none;white-space:nowrap}.cat-tabs a[aria-current=true]{background:linear-gradient(#fffdf4,#fff7e0);color:var(--title)}.cat-tabs a:focus-visible{outline:3px solid var(--ocp-blue-hi);outline-offset:2px}.cat-book{position:relative;max-width:1180px;margin:0 auto}.js .cat-set:not(.is-on){display:none}html:not(.js) .cat-set+.cat-set{margin-top:28px}.cat-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:34cqw;filter:drop-shadow(0 18px 22px rgba(4,40,80,.35))}.cat-set.is-orig .cat-spread{grid-template-columns:1fr;min-height:0}.cat-set:not(.is-orig) .cat-spread{min-height:max(34cqw,var(--cat-h, 0px))}.cat-page{position:relative;min-width:0;margin:0}.cat-orig{cursor:pointer}.cat-orig img,.cat-cover-page img{display:block;width:100%;height:auto}.cat-cover-page{display:grid;place-items:center}.cat-cover-page img{max-height:100%;object-fit:contain}.cat-mark{position:absolute;display:none;border:3px solid #ffd84d;border-radius:12px;box-shadow:0 0 0 3px #1414148c,0 0 18px #ffd84dcc;pointer-events:none;transition:all .15s ease}.cat-mark.is-on{display:block}.cat-paper{display:flex;flex-direction:column;padding:4.2% 4.6% 3.4%;background:#fffdf6;border:3px solid #141414;color:#1d2b38}.cat-spread>.cat-page:first-child:not(:only-child){border-radius:16px 4px 4px 16px;border-right-width:1.5px}.cat-spread>.cat-page:last-child:not(:only-child){border-radius:4px 16px 16px 4px;border-left-width:1.5px}.cat-spread>.cat-paper:first-child:not(:only-child){background:linear-gradient(to left,#00000024,#0000 7%),#fffdf6}.cat-spread>.cat-paper:last-child:not(:only-child){background:linear-gradient(to right,#00000024,#0000 7%),#fffdf6}.cat-blank{background:#fffdf6}.cat-head{margin:0 0 14px;padding-bottom:10px;border-bottom:3px solid #0a6fbd}.cat-head h2{margin:0!important;color:var(--title);font:clamp(20px,2.4cqw,32px)/1.05 var(--display)}.cat-kicker{margin:0 0 2px!important;color:#b35a00;font:clamp(13px,1.15cqw,16px)/1.1 var(--display)}.cat-sub{margin:4px 0 0!important;color:#0a5b9c;font-size:clamp(13px,1.05cqw,15px);line-height:1.3}.cat-plain-cover{display:grid;place-items:center;background:linear-gradient(#e9f6ff,#bfe2fa)}.cat-plate{padding:18px 26px 20px;text-align:center;background:#fffdf6f2;border:4px solid #141414;border-radius:18px;box-shadow:0 10px #0000002e}.cat-plate h2{margin:0!important;color:var(--title);font:clamp(24px,3cqw,44px)/1 var(--display)}.cat-grid{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px}.cat-grid.is-wide{grid-template-columns:1fr}.cat-grid.is-strip{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:auto}.cat-item{position:relative;margin:0!important;display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 12px;align-items:start;padding:10px 12px 10px 10px;background:#fff;border:2px solid #c9dcec;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.cat-item.is-lit{border-color:#e0a800;box-shadow:0 0 0 4px #ffd84d}.cat-pic{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#e9f6ff,#bfe2fa);border:2px solid #7fb4dc;border-radius:12px}.cat-pic img{width:92%;height:auto}.cat-text{min-width:0}.cat-text h3{margin:0 0 2px;color:var(--title);font:18px/1.1 var(--display);overflow-wrap:break-word}.cat-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:0 0 3px!important;font-size:14px}.cat-kind{color:#4a5a6a}.cat-price{display:inline-flex;align-items:center;gap:3px;color:#6b4300;font:15px/1 var(--display)}.cat-price.is-free{color:#1d7a1d}.cat-coin{width:1em;height:1.33em;flex:none}.cat-coin-i{display:inline-block;width:15px;height:20px;flex:none;background:var(--cat-coin) calc(-1529px * 15 / 33) calc(-1451px * 20 / 44) / calc(2031px * 15 / 33) calc(2048px * 20 / 44) no-repeat}.cat-names{columns:2;font-size:14px}.cat-how,.cat-when,.cat-dig,.cat-hidden{margin:0 0 2px!important;font-size:13.5px;line-height:1.3;overflow-wrap:break-word}.cat-how b,.cat-when{color:#0a5b9c}.cat-dig{color:#7a4a00}.cat-hidden{color:#8a2be2;font-weight:700}.cat-soon{color:#6a7a8a}.cat-item.is-once{border:3px solid #e0a800;background:linear-gradient(#fffbea,#fff);padding-top:38px}.cat-once{position:absolute;inset:0 0 auto;margin:0!important;padding:4px 10px;background:linear-gradient(#e2231a,#a8170f);color:#fff;font:14px/1.2 var(--display);letter-spacing:.02em;text-align:center}.cat-under{margin:18px 0 0;padding:16px;background:#fffdf6;border:3px solid #141414;border-radius:16px}.cat-under-head{margin:0 0 10px!important;color:var(--title);font:20px/1.1 var(--display)}.cat-help{font-size:clamp(14px,1.15cqw,16px)}.cat-help dl{margin:10px 0}.cat-help dl>div{display:grid;grid-template-columns:34% 1fr;gap:4%;padding:10px 0;border-top:2px solid #e3eef7}.cat-help dt{font:16px/1.2 var(--display);color:var(--title);display:flex;align-items:center;gap:6px}.cat-help dd{margin:0}.cat-tag.is-once{color:#c01b12}.cat-note{color:#4a5a6a}.cat-toc{list-style:none;margin:0!important;padding:0!important;display:grid;gap:10px}.cat-toc li{margin:0!important}.cat-toc a{display:block;padding:12px 16px;background:linear-gradient(#e9f6ff,#cfe9fb);border:2px solid #7fb4dc;border-radius:14px;color:var(--title);text-decoration:none}.cat-toc a span{display:block;font:clamp(18px,1.8cqw,24px)/1.1 var(--display)}.cat-toc a small{display:block;color:#3d4f60;font-size:14px}.cat-toc a:hover{border-color:#0a6fbd}.cat-shelf{position:relative}.cat-controls{position:relative;display:flex;justify-content:center;align-items:center;margin:10px 0 0;min-height:24px}.cat-turn{position:absolute;bottom:calc(100% + 12px);z-index:5;width:max(36px,4.6%);aspect-ratio:47 / 138;height:auto;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.cat-turn svg{display:block;width:100%;height:100%;transition:transform .15s ease,opacity .15s ease}.cat-turn-prev{left:0}.cat-turn-next{right:0}.cat-turn:hover svg,.cat-turn:focus-visible svg{transform:translateY(-3px)}.cat-turn:active svg{transform:scale(.96)}.cat-set.is-orig .cat-turn svg{opacity:0}.cat-set.is-orig .cat-turn:hover svg,.cat-set.is-orig .cat-turn:focus-visible svg{opacity:.55}.cat-turn[disabled]{visibility:hidden}.cat-turn:focus-visible{outline:3px solid var(--ocp-blue-hi);outline-offset:2px;border-radius:10px}.cat-count{margin:0!important;text-align:center;color:#3d4f60;font:16px/1 var(--display)}html:not(.js) .cat-controls{display:none}.cat-leaf,.cat-under-left{position:absolute;z-index:4;pointer-events:none}.cat-leaf{transform-style:preserve-3d;will-change:transform}.cat-leaf>*,.cat-under-left>*{position:absolute;inset:0}.cat-leaf>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.cat-book{perspective:2600px}@keyframes cat-in-next{0%{transform:translate3d(48px,0,0)}}@keyframes cat-in-prev{0%{transform:translate3d(-48px,0,0)}}.cat-set.is-in-next .cat-spread{animation:cat-in-next .28s cubic-bezier(.22,.61,.36,1)}.cat-set.is-in-prev .cat-spread{animation:cat-in-prev .28s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion: reduce){.cat-set.is-in-next .cat-spread,.cat-set.is-in-prev .cat-spread{animation:none}}@media (max-width: 860px){.cat-shelf{margin:var(--s3) var(--gutter) 0;overflow-x:clip}.cat-tabs{margin:0 0 12px}.cat-tabs a,.cat-tabs a[aria-current=true]{flex:1 1 auto;padding:9px 12px;border-bottom:3px solid #1b2a3a;border-radius:14px;font-size:16px;text-align:center}.cat-spread{grid-template-columns:1fr;min-height:0;gap:14px;filter:drop-shadow(0 10px 12px rgba(4,40,80,.3))}.cat-spread>.cat-page:first-child:not(:only-child),.cat-spread>.cat-page:last-child:not(:only-child){border-radius:14px;border-width:3px}.cat-blank{display:none}.cat-cover-page img{max-width:80%;margin:0 auto}.cat-paper{padding:16px 14px 18px}.cat-grid,.cat-grid.is-wide{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px}.cat-under{padding:12px}.cat-controls{justify-content:space-between;margin-top:12px}.cat-turn,.cat-set.is-orig .cat-turn{position:static;width:34px}.cat-set.is-orig .cat-turn svg{opacity:1}.cat-turn[disabled]{visibility:hidden}.cat-help dl>div{grid-template-columns:1fr}}