.fr-page{max-width:1120px;padding-block:max(clamp(16px,3.5vw,40px),env(safe-area-inset-top,0px)) calc(56px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));gap:clamp(26px,5vw,52px);margin:0 auto;display:grid}.fr-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fr-nav .pill{text-decoration:none}.fr-nav-end{padding-top:6px}.fr-bottom{justify-content:center;margin:0;display:flex}.fr-bottom .pill{text-align:center;justify-content:center;max-width:100%;text-decoration:none}.fr-head h1,.fr-story h1{font-family:var(--font-display),sans-serif;text-wrap:balance;margin:0;font-size:clamp(2.6rem,1.4rem + 6vw,5rem);font-weight:800;line-height:.98}.fr-head h1 span{color:var(--accent-text,#c42e1a)}.fr-head .brand{margin:0 0 6px}.fr-h2{font-family:var(--font-display),sans-serif;text-wrap:balance;margin:0 0 6px;font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem);font-weight:800;line-height:1.05}.fr-lead{color:var(--ink-soft);text-wrap:pretty;max-width:48ch;margin:0 0 18px;font-size:clamp(1.1rem,1rem + .5vw,1.3rem)}.fr-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(16px,3vw,28px);margin:0;padding:0;list-style:none;display:grid}.fr-card{background:var(--paper);box-shadow:0 22px 40px -26px rgb(var(--shadow) / .55),0 2px 0 rgb(var(--shadow) / .06);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.fr-info{flex:1;align-content:start;justify-items:start;gap:8px;padding:6px 20px 22px;display:grid}.fr-info h2{font-family:var(--font-display),sans-serif;margin:0;font-size:1.9rem;font-weight:800;line-height:1}.fr-species{color:var(--ink-soft);text-transform:capitalize;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:flex}.fr-tag{font-family:var(--font-display),sans-serif;text-transform:none;background:var(--sun);color:#1f2a44;border-radius:999px;padding:1px 12px 0;font-size:.9rem;font-weight:800}.fr-blurb{color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:1.05rem}.fr-in{color:var(--ink-soft);margin:0;font-size:1rem}.fr-in span:first-child{color:var(--ink);font-weight:700}.fr-in a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration-thickness:3px}.fr-in a:focus-visible,.fr-booklist a:focus-visible,.cb-msg a:focus-visible,.du-note a:focus-visible{outline:4px solid var(--ink);outline-offset:3px;border-radius:6px}.fr-soon{opacity:.7}.fr-more{margin-top:6px;text-decoration:none}.fr-fig{background:color-mix(in srgb,var(--fc,#ffd43b) 24%,var(--paper));position:relative}.fr-stage{aspect-ratio:4/3.1;cursor:pointer;touch-action:manipulation;width:100%;padding:78px clamp(12px,3vw,22px) clamp(12px,3vw,22px);display:block;position:relative;overflow:hidden}.fr-stage:focus-visible{outline:4px solid var(--ink);outline-offset:-6px;border-radius:20px}.fr-art{transform-origin:50% 88%;width:100%;height:100%}.fr-svg,.fr-svg svg,.fr-ghost{width:100%;height:100%;display:block}.fr-svg svg{overflow:visible}.fr-ghost{color:var(--ink)}.fr-bubble{z-index:2;background:var(--paper);max-width:min(100% - 24px,420px);color:var(--ink);box-shadow:0 10px 22px -12px rgb(var(--shadow) / .6),inset 0 0 0 3px var(--line);opacity:0;visibility:hidden;transform-origin:20% 100%;transition:opacity .16s ease-out,transform .22s var(--ease-out),visibility 0s linear .22s;pointer-events:none;border-radius:22px;padding:10px 16px 11px;font-size:1.05rem;font-weight:700;line-height:1.3;position:absolute;top:12px;left:12px;right:12px;transform:translateY(6px)scale(.96)}.fr-bubble.on{opacity:1;visibility:visible;transition-delay:0s;transform:none}.fr-bubble:after{content:"";background:var(--paper);width:18px;height:18px;box-shadow:3px 3px 0 -1px var(--line);border-radius:0 0 5px;position:absolute;bottom:-9px;left:34px;transform:rotate(45deg)}.fr-fig.large .fr-stage{aspect-ratio:4/3.6}@keyframes fr-hop{0%,to{transform:translateY(0)}30%{transform:translateY(-8%)}55%{transform:translateY(0)scale(1.04,.96)}75%{transform:translateY(-3%)}}@keyframes fr-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}45%{transform:rotate(5deg)}70%{transform:rotate(-3deg)}}@keyframes fr-boing{0%{transform:scale(1)}25%{transform:scale(1.1,.88)}50%{transform:scale(.94,1.1)translateY(-4%)}75%{transform:scale(1.03,.97)}to{transform:scale(1)}}@keyframes fr-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.9)}to{transform:rotate(360deg)scale(1)}}.fr-art.fr-hop{animation:fr-hop .62s var(--ease-out)}.fr-art.fr-wiggle{animation:.62s ease-in-out fr-wiggle}.fr-art.fr-boing{animation:fr-boing .56s var(--ease-out)}.fr-art.fr-spin{animation:fr-spin .72s var(--ease-out)}.fr-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,48px);display:grid}.fr-hero .fr-fig{border-radius:34px;overflow:visible}.fr-hero .fr-stage{border-radius:34px}.fr-hero .fr-fig{box-shadow:0 26px 50px -28px rgb(var(--shadow) / .6)}.fr-story{justify-items:start;gap:12px;display:grid}.fr-big{text-wrap:pretty;margin:0;font-size:clamp(1.2rem,1.05rem + .7vw,1.55rem);line-height:1.4}.fr-say{background:var(--chip);color:var(--ink);text-wrap:pretty;border-radius:22px;margin:0;padding:12px 18px;font-size:1.2rem;font-weight:700}.fr-hint{color:var(--ink-soft);margin:0;font-size:1rem}@media (max-width:760px){.fr-hero{grid-template-columns:1fr}}.fr-booklist{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.fr-book{background:var(--paper);color:var(--ink);min-height:80px;box-shadow:0 14px 28px -22px rgb(var(--shadow) / .6),inset 0 0 0 2px var(--line);transition:transform .16s var(--ease-out);border-radius:22px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:8px 14px 8px 8px;text-decoration:none;display:grid}.fr-book:active{transform:scale(.98)}.fr-book.soon{opacity:.65}.fr-cov{aspect-ratio:4/3;background:#bfe6f7;border-radius:16px;position:relative;overflow:hidden}.fr-cov svg{width:100%;height:100%;position:absolute;inset:0}.fr-bt{gap:2px;display:grid}.fr-bt b{font-family:var(--font-display),sans-serif;font-size:1.2rem;font-weight:800;line-height:1.1}.fr-bt span{color:var(--ink-soft);font-size:.95rem}.fr-soonline{margin:14px 0 0;font-size:1rem}.fr-soon-box{background:var(--paper);box-shadow:inset 0 0 0 3px var(--line);border-radius:28px;padding:22px}.fr-soon-box .fr-lead{margin:0}@media (hover:hover) and (pointer:fine){.fr-book:not(.soon):hover{transform:translateY(-3px)}}.cb{gap:0;display:grid}.cb-wrap{display:block}.cb-ptitle{display:none}.cb-canvas{box-shadow:0 22px 44px -28px rgb(var(--shadow) / .6),inset 0 0 0 3px var(--line);touch-action:manipulation;background:#fff;border-radius:30px;padding:clamp(8px,2vw,24px)}.cb-canvas:focus-visible{outline:4px solid var(--ink);outline-offset:4px}.cb-canvas:not([data-ready]) svg{visibility:hidden}.cb-canvas svg{width:100%;height:auto;max-height:74dvh;margin:0 auto;display:block;overflow:visible}.cb-canvas svg *{animation:none!important}.cb-canvas svg .krokie,.cb-canvas svg .tap,.cb-canvas svg .bell{cursor:default}.cb-canvas svg [data-orig]:not([data-keep]),.cb-canvas svg [data-ostroke]{cursor:pointer}.cb-canvas:focus svg .cb-cur{stroke:#e4007c!important;stroke-width:6px!important}.cb-tools{gap:16px;margin-top:20px;display:grid}.cb-palette{flex-wrap:wrap;gap:10px;display:flex}.cb-sw{color:#fff;width:52px;height:52px;transition:transform .14s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 3px #0000002e}.cb-sw svg{opacity:0;filter:drop-shadow(0 1px 1.5px #000000bf);width:26px;height:26px;transition:opacity .12s}.cb-sw[aria-pressed=true]{outline:4px solid var(--ink);outline-offset:3px;transform:scale(1.08)}.cb-sw[aria-pressed=true] svg{opacity:1}.cb-sw:active{transform:scale(.94)}.cb-sw:focus-visible{outline:4px solid var(--ink);outline-offset:3px}.cb-actions{flex-wrap:wrap;gap:10px;display:flex}.cb-msg{min-height:1.5em;color:var(--ink);margin:0;font-size:1.1rem;font-weight:700}.cb-msg a,.du-note a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:3px}.du-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(18px,4vw,44px);display:grid}.du-view{background:color-mix(in srgb,#5fcb5f 20%,var(--paper));box-shadow:0 22px 44px -28px rgb(var(--shadow) / .6);border-radius:34px;justify-items:center;gap:12px;padding:clamp(10px,2.5vw,22px);display:grid}@media (min-width:821px){.du-view{position:sticky;top:18px}}.du-krokie{cursor:pointer;touch-action:manipulation;width:100%}.du-krokie svg{width:100%;height:auto;display:block;overflow:visible}@media (max-width:820px){.du-grid{display:block}.du-view{z-index:3;gap:6px;margin-bottom:18px;padding:8px 12px;position:sticky;top:8px}.du-krokie{width:auto}.du-krokie svg{width:auto;height:clamp(130px,26dvh,240px);margin:0 auto}}.du-stars{background:var(--paper);color:var(--ink);border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 16px;font-size:1.1rem;font-weight:700;display:inline-flex}.du-stars span{color:#e8a400;font-size:1.3rem}.du-pick h3{font-family:var(--font-display),sans-serif;margin:0 0 10px;font-size:1.4rem;font-weight:800}.du-pick h3:not(:first-child){margin-top:22px}.du-opts{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:10px;display:grid}.du-opt{text-align:left;background:var(--paper);min-height:64px;color:var(--ink);box-shadow:inset 0 0 0 3px var(--line);transition:transform .14s var(--ease-out),box-shadow .14s;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px 6px 6px;display:grid}.du-opt:active{transform:scale(.97)}.du-opt[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--accent);background:var(--chip)}.du-opt:focus-visible,.du-sc:focus-visible{outline:4px solid var(--ink);outline-offset:3px}.du-ico{background:color-mix(in srgb,#5fcb5f 22%,var(--paper));width:50px;height:50px;color:var(--ink-soft);border-radius:14px;place-items:center;font-size:1.8rem;display:grid;overflow:hidden}.du-thumb,.du-thumb svg{width:100%;height:100%;display:block}.du-lock{width:26px;height:26px;color:var(--ink-soft)}.du-txt{gap:2px;min-width:0;display:grid}.du-name{overflow-wrap:anywhere;font-size:.95rem;font-weight:700;line-height:1.15}.du-need{color:var(--ink-soft);font-size:.85rem;line-height:1.15}.du-opt.locked{box-shadow:inset 0 0 0 3px var(--line);background:0 0;border-style:dashed}.du-opt.locked .du-ico{background:var(--no-bg)}.du-opt.locked .du-name{color:var(--ink-soft)}.du-scarfs{flex-wrap:wrap;gap:10px;display:flex}.du-sc{background:var(--sc);color:#fff;width:52px;height:52px;transition:transform .14s var(--ease-out);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 3px #0000002e}.du-sc:active{transform:scale(.94)}.du-sc .du-tick{opacity:0;filter:drop-shadow(0 1px 1.5px #000000bf);width:26px;height:26px}.du-sc[aria-pressed=true]{outline:4px solid var(--ink);outline-offset:3px;transform:scale(1.08)}.du-sc[aria-pressed=true] .du-tick{opacity:1}.du-sc.locked{background:var(--no-bg);box-shadow:inset 0 0 0 3px var(--line)}.du-sc.locked .du-lock{width:22px;height:22px}.du-msg{min-height:1.5em;margin:16px 0 0;font-size:1.15rem;font-weight:700}.du-note{color:var(--ink-soft);text-wrap:pretty;margin:8px 0 0;font-size:1rem}@media (min-width:1024px){.fr-page{max-width:1280px}.fr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fr-detail{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;column-gap:clamp(28px,3.5vw,56px)}.fr-detail>*{grid-column:1/-1}.fr-detail>.fr-hero{grid-area:2/1;grid-template-columns:minmax(0,1fr);gap:22px}.fr-detail>.fr-books{grid-area:3/1}.fr-detail>.cb,.fr-detail>.fr-soon-box{grid-area:2/2/span 2}.fr-detail .cb-canvas svg{max-height:min(82dvh,900px)}.fr-detail .fr-booklist{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}}@media (min-width:1440px){.fr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.fr-art[class*=fr-],.fr-svg svg *{animation:none!important}.fr-bubble,.fr-book,.cb-sw,.du-opt,.du-sc{transition:none}}@media print{html,body{color:#000!important;background:#fff!important}.fr-page{max-width:none;margin:0;padding:0;display:block}.fr-page>:not(.cb),.cb>:not(.cb-print){display:none!important}.cb-print{display:block}.cb-ptitle{font-family:var(--font-display),sans-serif;color:#000;margin:0 0 8mm;font-size:22pt;font-weight:800;display:block}.cb-canvas{box-shadow:none;background:0 0;border-radius:0;padding:0}.cb-canvas svg{max-height:230mm}.cb-canvas svg [data-orig]{fill:#fff!important;stroke:#111!important;stroke-width:3px!important}.cb-canvas svg [data-keep]{fill:#111!important}.cb-canvas svg [data-ostroke]{stroke:#fff!important}.cb-canvas svg .cb-cur{stroke:#111!important}}
