:root{--ink:#171813;--paper:#eee8d7;--red:#a2342c;--muted:#777160;--line:#1718132e}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button{color:inherit}body:before{content:"";pointer-events:none;opacity:.27;z-index:20;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#2a23160b 3px 4px),radial-gradient(circle at 20% 10%,#fffc,#0000 32%);position:fixed;inset:0}.loading-screen{letter-spacing:.2em;background:var(--paper);place-items:center;min-height:100vh;display:grid}.site-shell{min-height:100vh}.topbar{z-index:15;border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eee8d7f2;grid-template-columns:310px minmax(280px,620px) 1fr;align-items:center;gap:32px;min-height:82px;padding:14px 34px;display:grid;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-seal{background:var(--red);width:48px;height:48px;color:var(--paper);box-shadow:inset 0 0 0 3px var(--red),inset 0 0 0 4px #eee8d78c;border-radius:50%;place-items:center;font-size:25px;display:grid;transform:rotate(-4deg)}.brand b{letter-spacing:.1em;text-wrap:balance;max-width:260px;font-size:14px;line-height:1.12;display:block}.brand small{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.search{border-bottom:1px solid var(--ink);align-items:center;gap:10px;height:45px;display:flex}.search>span{font-size:26px;transform:rotate(-20deg)}.search input{background:0 0;border:0;outline:0;width:100%;font-size:15px}.search button{cursor:pointer;background:0 0;border:0;font-size:21px}.top-actions{justify-self:end;gap:9px;display:flex}.filter-button,.icon-button{border:1px solid var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background:0 0;height:42px;padding:0 15px;font-size:11px}.icon-button{width:42px;padding:0;font-size:17px}.filter-button:hover,.icon-button:hover{background:var(--ink);color:var(--paper)}.filter-button em{background:var(--red);color:#fff;border-radius:50%;margin-left:4px;padding:2px 6px;font-style:normal}.filter-drawer{z-index:12;border-bottom:1px solid var(--ink);background:#e4dcc7;padding:22px 34px 26px 326px;position:sticky;top:82px;box-shadow:0 12px 28px #261f131f}.filter-heading{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.filter-heading span{font-size:18px;font-weight:700;display:block}.filter-heading small{color:var(--muted);margin-top:3px;display:block}.filter-heading button{cursor:pointer;background:0 0;border:0;text-decoration:underline}.facet-grid{grid-template-columns:repeat(4,1fr);gap:18px 24px;display:grid}.facet b{color:var(--red);text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px;font-size:10px;display:block}.facet>div{flex-wrap:wrap;gap:5px;max-height:68px;display:flex;overflow:auto}.facet button,.tag-cloud button{cursor:pointer;background:#ffffff2e;border:1px solid #17181347;border-radius:20px;padding:5px 9px;font-size:11px}.facet button.active,.tag-cloud button.active{color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink),0 2px 0 #17181329;font-weight:700}.facet button[data-tone=red],.tag-cloud button[data-tone=red]{background:#f3aaa5;border-color:#d98c88}.facet button[data-tone=blue],.tag-cloud button[data-tone=blue]{background:#acd5f2;border-color:#8cbddf}.facet button[data-tone=violet],.tag-cloud button[data-tone=violet]{background:#c8b4f3;border-color:#ac96db}.facet button[data-tone=purple],.tag-cloud button[data-tone=purple]{background:#baa8ee;border-color:#9c8ad3}.facet button[data-tone=green],.tag-cloud button[data-tone=green]{background:#a9dfbd;border-color:#87c79e}.facet button[data-tone=amber],.tag-cloud button[data-tone=amber]{background:#edc988;border-color:#d6ab61}.facet button[data-tone=ochre],.tag-cloud button[data-tone=ochre]{background:#eac77f;border-color:#cfaa5d}.facet button[data-tone=sand],.tag-cloud button[data-tone=sand]{background:#ead9b5;border-color:#cfbd99}.facet button[data-tone=pink],.tag-cloud button[data-tone=pink]{background:#e7adbf;border-color:#ca8da1}.facet button[data-tone=magenta],.tag-cloud button[data-tone=magenta]{background:#df9dc4;border-color:#c17ba4}.facet button[data-tone=slate],.tag-cloud button[data-tone=slate]{background:#b8c7da;border-color:#98aabd}.facet button[data-tone=neutral],.tag-cloud button[data-tone=neutral]{background:#e1d7c0;border-color:#c5b99f}.workspace{grid-template-columns:270px minmax(0,1fr);display:grid}.catalog{border-right:1px solid var(--ink);background:#e6deca;height:calc(100vh - 82px);position:sticky;top:82px;overflow:hidden}.catalog-heading{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.16em;justify-content:space-between;align-items:center;height:58px;padding:0 22px;font-size:10px;display:flex}.catalog-heading b{color:var(--red);font-size:13px}.catalog nav{height:calc(100% - 58px);padding:8px 0 80px;overflow-y:auto}.catalog nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #17181314;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;width:100%;min-height:47px;padding:8px 28px 8px 18px;display:grid;position:relative}.catalog nav button:hover{background:#ffffff3d}.catalog nav button.active{background:var(--ink);color:var(--paper)}.catalog nav button.active:after{content:"";border:9px solid #0000;border-right-color:var(--paper);position:absolute;top:13px;right:-1px}.catalog nav button span{color:var(--muted);font-size:9px}.catalog nav button.active span{color:#bfb8a7}.catalog nav button b{font-size:13px;line-height:1.15}.catalog nav button em{color:var(--red);text-transform:uppercase;font-size:8px;font-style:normal}.yokai-page{width:100%;max-width:1540px;margin:0 auto;padding:32px clamp(26px,4vw,72px) 90px}.crumbs{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin-bottom:27px;font-size:9px}.crumbs i{color:var(--red);margin:0 10px;font-style:normal}.hero-grid{grid-template-columns:minmax(330px,.9fr) minmax(370px,1.15fr);align-items:center;gap:clamp(38px,6vw,90px);display:grid}.portrait{border:1px solid var(--ink);background:#d7cfbc;place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:12px 12px #c6bca3}.portrait.hostile{border-bottom:7px solid #8e2d27}.portrait.neutral{border-bottom:7px solid #a47c28}.portrait.peaceful{border-bottom:7px solid #456f77}.portrait img{object-fit:contain;z-index:2;filter:saturate(.78)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.portrait-index{z-index:3;letter-spacing:.16em;font-size:10px;position:absolute;top:17px;left:19px}.portrait-caption{z-index:3;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.2em;font-size:8px;position:absolute;bottom:15px;right:17px}.portrait-placeholder{z-index:1;place-items:center;display:grid;position:relative}.portrait-placeholder .brush-ring{border:18px solid #1718131c;border-radius:49% 51% 47% 53%;width:260px;height:260px;position:absolute;transform:rotate(-18deg)}.portrait-placeholder b{opacity:.75;font-size:128px;font-weight:400}.portrait-placeholder small{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:8px}.kicker{color:var(--red);text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700}.kicker span{border:1px solid var(--red);margin-right:9px;padding:4px 6px}.identity h1{letter-spacing:-.055em;text-wrap:balance;margin:24px 0 22px;font-size:clamp(46px,6vw,94px);font-weight:400;line-height:.92}.group-label{background:var(--red);color:#fff;letter-spacing:.14em;margin:-8px 0 22px;padding:5px 8px;font-size:9px;display:inline-block}.lede{max-width:760px;font-size:clamp(16px,1.6vw,20px);line-height:1.7}.metadata{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:.65fr 1fr 1.4fr;margin:32px 0 23px;display:grid}.metadata div{border-right:1px solid var(--line);min-height:76px;padding:15px 15px 12px 0}.metadata div+div{padding-left:16px}.metadata div:last-child{border-right:0}.metadata small,.entity-card small{color:var(--muted);letter-spacing:.17em;margin-bottom:8px;font-size:8px;display:block}.metadata strong{text-transform:capitalize;font-size:13px}.tag-cloud{flex-wrap:wrap;gap:6px;display:flex}.tag-cloud button:before{content:"●";color:#8c8270;margin-right:5px;font-size:7px}.tag-cloud button[data-category=aggression]:before{color:#a23b34}.tag-cloud button[data-category=habitat]:before{color:#3c7180}.tag-cloud button[data-category=abilities]:before{color:#647b3e}.landing-page{min-height:100vh;overflow:hidden}.landing-nav{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:28px;min-height:82px;padding:14px clamp(20px,4vw,64px);display:flex}.landing-nav nav{align-items:center;gap:28px;display:flex}.landing-nav nav a{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;font-size:11px;text-decoration:none}.landing-nav nav a:hover{color:var(--red)}.landing-nav nav button{border:1px solid var(--ink);background:var(--ink);height:42px;color:var(--paper);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;padding:0 17px;font-size:11px}.landing-hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);min-height:calc(100vh - 82px);display:grid}.hero-copy{align-self:center;padding:clamp(55px,8vw,118px) clamp(28px,7vw,120px)}.eyebrow,.section-intro>span,.partners-heading>span,.partner-card>div>span{color:var(--red);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:700}.hero-copy h1{letter-spacing:-.06em;text-wrap:balance;max-width:860px;margin:23px 0 28px;font-size:clamp(58px,7.2vw,116px);font-weight:400;line-height:.86}.hero-copy>p{color:#39392f;max-width:710px;font-size:clamp(16px,1.5vw,20px);line-height:1.7}.hero-actions{align-items:center;gap:24px;margin-top:36px;display:flex}.hero-actions button{border:1px solid var(--red);background:var(--red);color:#fff;cursor:pointer;min-height:50px;padding:0 20px}.hero-actions button span{margin-left:24px}.hero-actions a{color:var(--ink);text-underline-offset:5px;font-size:12px}.hero-copy dl{border-top:1px solid var(--ink);gap:0;max-width:680px;margin:62px 0 0;padding:0;display:flex}.hero-copy dl div{min-width:150px;padding:18px 26px 0 0}.hero-copy dl div+div{border-left:1px solid var(--line);padding-left:26px}.hero-copy dt{font-size:34px}.hero-copy dd{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:2px 0 0;font-size:9px}.hero-art{border-left:1px solid var(--ink);min-height:690px;color:var(--paper);background:#242521;place-items:center;display:grid;position:relative;overflow:hidden}.hero-art:before{content:"";aspect-ratio:1;border:1px solid #eee8d738;border-radius:50%;width:80%;position:absolute}.hero-art:after{content:"";border:1px solid #eee8d721;position:absolute;inset:7%;transform:rotate(6deg)}.hero-art img{z-index:2;object-fit:contain;filter:saturate(.75)contrast(1.08);width:92%;height:92%;position:absolute;inset:5% 4% 0}.hero-art>i{z-index:1;color:#eee8d709;font-size:310px;font-style:normal;position:absolute;bottom:-9%;left:8%}.hero-art-index{z-index:3;letter-spacing:.17em;font-size:9px;position:absolute;top:35px;left:34px}.hero-art small{z-index:3;text-align:right;letter-spacing:.15em;text-transform:uppercase;max-width:120px;font-size:8px;line-height:1.5;position:absolute;bottom:28px;right:28px}.about-section{padding:clamp(70px,10vw,145px) clamp(24px,7vw,118px)}.section-intro{grid-template-columns:.55fr 1.25fr 1fr;align-items:start;gap:38px;display:grid}.section-intro h2,.partners-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(40px,5vw,76px);font-weight:400;line-height:.95}.section-intro p,.partners-heading p{color:#454438;margin:0;font-size:15px;line-height:1.7}.feature-grid{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:78px;display:grid}.feature-grid article{background:#ffffff1f;min-height:255px;padding:32px;position:relative}.feature-grid article+article{border-left:1px solid var(--ink)}.feature-grid article>b{color:var(--red);font-size:27px;font-weight:400}.feature-grid h3{margin:48px 0 12px;font-size:24px;font-weight:400}.feature-grid p{max-width:360px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.wide-cta{border:0;border-bottom:1px solid var(--ink);background:var(--red);color:#fff;cursor:pointer;text-align:left;grid-template-columns:1fr auto auto;align-items:center;gap:30px;width:100%;min-height:82px;padding:0 30px;display:grid}.wide-cta span{font-size:24px}.wide-cta i{letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-style:normal}.wide-cta b{font-size:26px}.partners-section{color:var(--paper);background:#252621;padding:clamp(70px,9vw,130px) clamp(24px,7vw,118px)}.partners-heading{grid-template-columns:.55fr 1.25fr 1fr;gap:38px;margin-bottom:64px;display:grid}.partners-heading p{color:#c2bbab}.partner-grid{border-top:1px solid #eee8d759;border-bottom:1px solid #eee8d759;grid-template-columns:repeat(3,1fr);display:grid}.partner-card{grid-template-rows:175px 1fr;min-height:440px;padding:27px;display:grid}.partner-card+article{border-left:1px solid #eee8d759}.partner-card>img{object-fit:contain;object-position:left center;width:100%;height:155px}.seven-dice-card>img{width:150px}.ofizdat-card>img{width:155px}.partner-card h3{margin:10px 0 12px;font-size:30px;font-weight:400}.partner-card p{color:#c2bbab;max-width:390px;font-size:13px;line-height:1.65}.partner-links{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.partner-links.vertical{flex-direction:column;align-items:flex-start}.partner-links a{color:var(--paper);letter-spacing:.08em;text-transform:uppercase;border:1px solid #eee8d76b;padding:9px 11px;font-size:10px;text-decoration:none}.partner-links a:hover{color:#252621;background:var(--paper)}.book-seal{border:1px solid var(--red);color:#e98279;border-radius:50%;place-items:center;width:126px;height:126px;font-size:23px;display:grid;transform:rotate(-7deg)}.landing-footer{min-height:180px;color:var(--paper);background:#252621;border-top:1px solid #eee8d740;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding:30px clamp(24px,7vw,118px);display:grid}.landing-footer>span{color:#e98279;font-size:48px}.landing-footer p{color:#c2bbab;font-size:11px}.landing-footer button{color:var(--paper);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.encounter,.similar-section{border-top:1px solid var(--ink);margin-top:72px;padding-top:20px}.section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-title span{color:var(--red);letter-spacing:.17em;text-transform:uppercase;font-size:9px}.section-title h2{margin:5px 0 0;font-size:28px;font-weight:400}.section-title>button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:9px 12px;font-size:11px}.section-title>button:hover{background:var(--ink);color:var(--paper)}.entity-list{gap:7px;display:grid}.entity-card{border:1px solid var(--line);background:#ffffff2e;grid-template-columns:100px .5fr 1.1fr 1fr;align-items:center;min-height:78px;display:grid}.entity-card>*{padding:14px 18px}.entity-number{color:var(--red);letter-spacing:.13em;font-size:9px}.entity-card>div{border-left:1px solid var(--line)}.entity-card>div>b{font-size:22px}.counter{grid-template-columns:1fr 27px auto 27px;align-items:center;gap:8px;display:grid}.counter small{margin:0}.counter button{border:1px solid var(--line);cursor:pointer;background:0 0;width:27px;height:27px}.counter button:hover{background:var(--ink);color:var(--paper)}.counter b{text-align:center;min-width:54px;font-size:22px}.counter b i{color:var(--muted);font-size:11px;font-style:normal}.health-counter small{max-width:75px;line-height:1.25}.difficulty{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.difficulty small{margin:0}.difficulty>b{min-width:35px;color:var(--ink);text-align:center;grid-area:1/2/3;font-size:27px}.difficulty>span{color:var(--muted);font-size:9px;line-height:1.3}.difficulty.lowered>b{color:var(--red)}.difficulty.lowered>span{color:#8e2d27}.difficulty.inactive{opacity:.58}.difficulty.inactive>b{color:var(--muted)}.lore-grid{background:var(--ink);border:1px solid var(--ink);grid-template-columns:1.5fr 1fr;gap:1px;margin-top:72px;display:grid}.lore-card{background:#e7dfcb;min-height:280px;padding:38px 42px;position:relative;overflow:hidden}.lore-card.weaknesses{color:var(--paper);background:#292925}.lore-card>small{color:var(--red);letter-spacing:.18em;font-size:8px}.lore-card h2{max-width:480px;margin:11px 0 22px;font-size:27px;font-weight:400}.lore-card p{max-width:740px;font-size:15px;line-height:1.75}.chapter-number{opacity:.06;font-size:146px;position:absolute;bottom:-31px;right:25px}.weaknesses .chapter-number{color:var(--paper);opacity:.07}.similar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.similar-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff2e;min-width:0;padding:0 0 16px;transition:transform .18s,background .18s}.similar-card:hover{background:#ffffff61;transform:translateY(-3px)}.miniature{border-bottom:1px solid var(--line);background:#d7cfbc;place-items:center;height:138px;display:grid;position:relative;overflow:hidden}.miniature span{opacity:.32;font-size:58px}.miniature img{object-fit:contain;width:100%;height:100%}.miniature i{background:var(--red);color:#fff;padding:4px 6px;font-size:9px;font-style:normal;position:absolute;top:8px;right:8px}.similar-card>b,.similar-card>p{margin:13px 14px 0;display:block}.similar-card>b{font-size:15px}.similar-card>p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.4;overflow:hidden}.empty{color:var(--muted);padding:20px;font-style:italic}@media (max-width:1040px){.topbar{grid-template-columns:260px 1fr auto;gap:18px;padding-inline:20px}.filter-drawer{padding-left:280px}.facet-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:225px minmax(0,1fr)}.hero-grid{grid-template-columns:1fr}.portrait{min-height:520px}.identity h1{margin-top:18px}.similar-grid{grid-template-columns:repeat(2,1fr)}.landing-hero{grid-template-columns:1fr .72fr}.hero-copy{padding-inline:45px}.hero-copy h1{font-size:70px}.hero-copy dl div{min-width:120px}.section-intro,.partners-heading{grid-template-columns:1fr 1.6fr}.section-intro p,.partners-heading p{grid-column:2}.partner-card{padding:22px}}@media (max-width:720px){.topbar{grid-template-columns:1fr auto;gap:11px;min-height:auto;padding:11px 14px}.brand small{display:none}.brand-seal{width:39px;height:39px}.search{grid-area:2/1/auto/-1}.filter-button{width:42px;padding:0;font-size:0}.filter-button:before{content:"☷";font-size:19px}.filter-button em{margin:-7px 0 0 -5px;font-size:9px;position:absolute}.filter-drawer{max-height:calc(100vh - 107px);padding:18px 14px;top:107px;overflow:auto}.facet-grid{grid-template-columns:1fr}.workspace{display:block}.catalog{border:0;border-bottom:1px solid var(--ink);width:100%;height:54px;position:relative;top:0}.catalog-heading{display:none}.catalog nav{gap:0;height:54px;padding:0;display:flex;overflow-x:auto}.catalog nav button{border-right:1px solid var(--line);border-bottom:0;grid-template-columns:auto 1fr auto;width:auto;min-width:max-content;padding:8px 15px}.catalog nav button.active:after{display:none}.yokai-page{padding:24px 15px 65px}.crumbs{margin-bottom:17px}.hero-grid{gap:34px}.portrait{min-height:440px;box-shadow:7px 7px #c6bca3}.identity h1{font-size:53px}.lede{font-size:16px}.metadata{grid-template-columns:.7fr 1fr 1.35fr}.metadata div{padding:12px 8px 10px 0}.metadata div+div{padding-left:9px}.metadata strong{font-size:11px}.encounter,.lore-grid,.similar-section{margin-top:48px}.entity-card{grid-template-columns:1fr 1fr}.entity-number{border-bottom:1px solid var(--line);grid-column:1/-1}.entity-card>div{border-top:1px solid var(--line)}.counter{grid-template-columns:1fr 25px auto 25px;padding-inline:9px!important}.lore-grid{grid-template-columns:1fr}.lore-card{min-height:auto;padding:28px 24px}.similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.miniature{height:105px}.landing-nav{min-height:68px;padding:10px 14px}.landing-nav nav a{display:none}.landing-nav nav{gap:0}.landing-nav nav button{padding:0 11px;font-size:9px}.landing-hero{flex-direction:column;min-height:auto;display:flex}.hero-copy{padding:58px 20px 48px}.hero-copy h1{font-size:57px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-copy dl{margin-top:45px}.hero-copy dl div{flex:1;min-width:0;padding-right:11px}.hero-copy dl div+div{padding-left:11px}.hero-copy dt{font-size:27px}.hero-art{border-left:0;border-top:1px solid var(--ink);min-height:560px}.section-intro,.partners-heading{display:block}.section-intro h2,.partners-heading h2{margin:17px 0 22px}.feature-grid{grid-template-columns:1fr;margin-top:50px}.feature-grid article{min-height:210px}.feature-grid article+article{border-left:0;border-top:1px solid var(--ink)}.feature-grid h3{margin-top:28px}.wide-cta{grid-template-columns:1fr auto;padding:16px 18px}.wide-cta span{font-size:17px}.wide-cta i{display:none}.partners-heading{margin-bottom:42px}.partner-grid{grid-template-columns:1fr}.partner-card{grid-template-rows:150px 1fr;min-height:auto;padding:28px 5px 38px}.partner-card+article{border-top:1px solid #eee8d759;border-left:0}.landing-footer{grid-template-columns:auto 1fr}.landing-footer button{text-align:left;grid-column:1/-1}}