:root{--deep:#0d0b09;--soot:#16130f;--raised:#211c15;--rule:#3b352b;--linen:#ede6d6;--ash:#b5ad9c;--firelight:#f4c98a;--glow:#f4a0504d;--display:"Grenze Gotisch", Georgia, serif;--story:Spectral, Georgia, serif;--ui:"Alegreya Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ard{--dye:#b23a33;--on:#fbf0e4;--mark:url(/marks/ard.png)}.zhand{--dye:#c96a2b;--on:#1e0e04;--mark:url(/marks/zhand.png)}.tarki{--dye:#6f9db5;--on:#0c151b;--mark:url(/marks/tarki.png)}.hartheim{--dye:#e9a21f;--on:#231503;--mark:url(/marks/hartheim.png)}.shinkari{--dye:#4a5eb4;--on:#f7f2e7;--mark:url(/marks/shinkari.png)}.ikara{--dye:#4f8c68;--on:#071209;--mark:url(/marks/ikara.png)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--deep);color:var(--linen);font:16px/1.5 var(--ui)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--firelight);outline-offset:2px}.hearth{background:radial-gradient(70% 45% at 50% 108%, var(--glow), transparent 72%), var(--deep);grid-template-rows:1fr auto;height:100%;display:grid}.hearth__view{flex-direction:column;align-items:center;min-height:0;padding:44px 20px 32px;animation:.24s ease-out tab-in;display:flex;overflow:auto}.hearth__view>*{flex:none;width:100%;max-width:680px}.hearth__view--wide{padding:0;overflow:hidden}.hearth__view--wide>*{flex:1;max-width:none;min-height:0}@keyframes tab-in{0%{opacity:0}}.dock{border-top:1px solid var(--rule);background:#0d0b09cc;justify-content:safe center;display:flex;overflow-x:auto}.dock__tab{color:var(--ash);background:0 0;border:0;border-top:3px solid #0000;flex-direction:column;flex:none;align-items:center;gap:4px;margin-top:-1px;padding:10px 22px;font-size:14px;font-weight:700;display:flex}.dock__tab svg{fill:none;stroke:currentColor;stroke-width:2.4px;width:26px;height:26px}.dock__tab:hover{color:var(--linen)}.dock__tab[aria-selected=true]{color:var(--firelight);border-top-color:var(--firelight)}.kicker{color:var(--firelight);text-align:center;margin:0 0 6px;font-size:14px;font-weight:700}.chapter-title{font:700 58px/1.03 var(--display);text-align:center;text-wrap:balance;margin:0 0 12px}.divider{align-self:center;align-items:center;gap:8px;margin:0 0 24px;display:flex;width:150px!important}.divider:before,.divider:after{content:"";background:var(--firelight);flex:1;height:1px}.divider i{border:1px solid var(--firelight);width:9px;height:9px;transform:rotate(45deg)}h2{font:700 26px/1.1 var(--display);align-items:center;gap:10px;margin:28px 0 10px;display:flex}section>h2:first-child{margin-top:24px}.say{font:400 23px/1.55 var(--story);margin:0 0 14px}.stack{gap:8px;display:grid}.slot{aspect-ratio:1;background:var(--soot);border:1px solid var(--rule);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.art{object-fit:contain;mix-blend-mode:lighten;width:100%;height:100%;display:block}.slot em{font:700 14px var(--ui);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;position:absolute;bottom:2px;right:4px}.slot--sm{flex:none;width:48px}.slot--xs{background:0 0;border:0;flex:none;width:32px}.roll{background:var(--raised);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin:18px 0;padding:10px 14px;display:flex}.roll b{font-size:18px}.roll span:not(.slot){color:var(--ash)}.choice{text-align:left;width:100%;color:var(--linen);border:1px solid var(--rule);background:0 0;align-items:center;gap:12px;padding:13px 16px;font-weight:700;display:flex}.choice:hover{border-color:var(--firelight)}.choice small{color:var(--ash);margin-left:auto;font-size:14px;font-weight:400}.choice--primary{background:var(--firelight);border-color:var(--firelight);color:var(--soot)}.choice--primary small{color:var(--soot)}.row{background:var(--raised);align-items:center;gap:12px;padding:10px 14px;display:flex}.row__text{flex:1;min-width:0;display:grid}.row small{color:var(--ash);font-size:14px}.row__act{color:var(--firelight);border:1px solid var(--rule);font-variant-numeric:tabular-nums;background:0 0;flex:none;padding:7px 12px;font-weight:700}.row__act:hover{border-color:var(--firelight)}.row__tag{color:var(--ash);font-size:14px}.btn{color:var(--soot);background:var(--firelight);white-space:nowrap;border:0;padding:12px 18px;font-weight:700}.elsewhere{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:18px;display:flex}.elsewhere p{color:var(--ash);flex:260px;margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}figure{margin:0}figcaption{text-align:center;margin-top:4px;font-size:14px;line-height:1.25}.is-empty .art{opacity:.28;filter:grayscale(.7)}.is-empty figcaption{color:var(--ash)}.frame{--cut:polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);isolation:isolate;background:var(--firelight);clip-path:var(--cut);flex:none;padding:22px 30px;position:relative}.frame:before{content:"";z-index:-1;background:linear-gradient(var(--deep) 50%, #2a1b0f);clip-path:var(--cut);position:absolute;inset:1px}.sheet{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.stats{flex:280px;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{font-variant-numeric:tabular-nums;grid-template-columns:48px 1fr;align-items:center;column-gap:8px;display:grid}.stat .slot{grid-row:1/3}.stat b{align-self:end;font-size:18px;line-height:1.1}.stat small{color:var(--ash);align-self:start;font-size:13px;line-height:1.1}.banner{aspect-ratio:3/5;background:var(--dye);width:150px;color:var(--on);clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%);justify-content:center;align-items:flex-start;padding-top:14%;display:flex;position:relative}.banner i{aspect-ratio:1;width:74%;-webkit-mask:var(--mark) center/contain no-repeat;-webkit-mask:var(--mark) center/contain no-repeat;mask:var(--mark) center/contain no-repeat;background:currentColor}.banner--lit:after{content:"";background:linear-gradient(#0a06034d,#0000 42%,#ffb0603d);animation:7s ease-in-out infinite flicker;position:absolute;inset:0}@keyframes flicker{40%{opacity:.86}65%{opacity:.95}}.map{background:var(--deep);flex-direction:column;display:flex;position:relative;overflow:hidden}.map__svg{flex:1;width:100%;min-height:0;display:block}.map__img{filter:saturate(.75)brightness(.62)sepia(.14)}.region{cursor:pointer;fill:var(--dye);fill-opacity:.07;stroke:#ede6d6;stroke-opacity:.4;stroke-width:1.5px;outline:none;transition:fill-opacity .15s,stroke-opacity .15s}.region.is-hover{fill-opacity:.34;stroke-opacity:.9}.region.is-picked{fill-opacity:.5;stroke:var(--firelight);stroke-opacity:1;stroke-width:2.5px}.city{cursor:pointer;outline:none}.city rect{fill:var(--deep);stroke:var(--linen);stroke-width:2.5px}.city:hover rect,.city:focus-visible rect,.city.is-picked rect{fill:var(--firelight)}.city text{font:700 30px var(--ui);fill:var(--linen);text-anchor:middle;paint-order:stroke;stroke:#0d0b09;stroke-width:6px}.you{pointer-events:none}.you rect{fill:none;stroke:var(--firelight);stroke-width:4px;animation:2.4s ease-in-out infinite flicker}.map__views{z-index:1;border:1px solid var(--rule);background:#0d0b09d9;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.map__views button{color:var(--ash);background:0 0;border:0;padding:8px 12px;font-size:14px;font-weight:700}.map__views button[aria-pressed=true]{color:var(--soot);background:var(--firelight)}.map__bar{background:var(--deep);border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.map__bar div{min-width:0;display:grid}.map__bar b{font:700 24px/1.1 var(--display)}.map__bar small{color:var(--ash);font-size:14px}.map__here{color:var(--firelight);white-space:nowrap;font-weight:700}.gearcell{text-align:center;color:var(--linen);background:0 0;border:0;align-content:start;gap:4px;padding:0;display:grid}.gearcell:hover .slot{border-color:var(--firelight)}.gearcell__name{font-size:14px;line-height:1.25}.gearcell small{color:var(--ash);font-size:12px;line-height:1.25}.gearcell.is-worn .slot{border:2px solid var(--firelight)}.gearcell.is-locked{cursor:not-allowed}.gearcell.is-locked .art{opacity:.4}.gearcell.is-locked:hover .slot{border-color:var(--rule)}.rolemods{flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:14px 0 0;font-size:14px;font-weight:700;display:flex}.rolemods .up{color:var(--firelight)}.rolemods .down{color:#f3a39c}.hearth--full{grid-template-rows:1fr}.roster>*{max-width:900px}.slots{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.slotcard{color:var(--linen);background:var(--raised);border:1px solid var(--rule);border-top:4px solid var(--dye,var(--rule));text-align:center;justify-items:center;gap:2px;padding:0 0 16px;display:grid}.slotcard:hover{border-color:var(--firelight)}.slotcard:disabled{cursor:not-allowed;border-color:var(--rule)}.slotcard img{aspect-ratio:1;object-fit:contain;object-position:bottom;background:var(--deep);width:100%;margin-bottom:10px}.slotcard b{font:700 28px/1.1 var(--display)}.slotcard small{color:var(--ash);font-size:14px}.slotcard__act{color:var(--firelight);margin-top:10px;font-weight:700}.slotcard--empty img{opacity:.5;padding:28%}.civgrid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;display:grid}.civcard{text-align:left;color:var(--linen);background:var(--raised);border:1px solid var(--rule);align-items:center;gap:14px;padding:12px 14px;display:flex}.civcard:hover{border-color:var(--firelight)}.civcard .banner{flex:none;width:64px}.civcard b{font:700 26px/1.1 var(--display);display:block}.civcard small{color:var(--ash);margin-top:4px;font-size:14px;display:block}.civsheet{object-fit:contain;max-height:22vh;margin-bottom:16px;display:block}.sexpick{justify-content:center;align-self:center;margin-bottom:12px;display:flex;width:auto!important}.sexpick button{color:var(--ash);border:1px solid var(--rule);background:0 0;padding:9px 22px;font-weight:700}.sexpick button[aria-pressed=true]{color:var(--soot);background:var(--firelight);border-color:var(--firelight)}.profgrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.profcard{text-align:center;color:var(--linen);background:var(--raised);border:1px solid var(--rule);justify-items:center;gap:2px;padding:0 12px 14px;display:grid}.profcard:hover{border-color:var(--firelight)}.profcard img{aspect-ratio:1;object-fit:contain;width:100%;margin-bottom:6px}.profcard b{font:700 28px/1.1 var(--display)}.profcard small{color:var(--ash);font-size:15px}.effects{flex-wrap:wrap;justify-content:center;gap:2px 10px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.effects .up{color:var(--firelight)}.effects .down{color:#f3a39c}.center{text-align:center}.scenecard{aspect-ratio:16/9;background-position:50%;background-size:cover;justify-content:center;align-items:flex-end;margin-bottom:8px;display:flex}.scenecard img{height:100%;display:block}.classgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.classcard{text-align:center;color:var(--linen);background:var(--raised);border:1px solid var(--rule);justify-items:center;gap:2px;padding:0 12px 14px;display:grid}.classcard:hover{border-color:var(--firelight)}.classcard img{object-fit:contain;width:100%;max-height:300px}.classcard b{font:700 28px/1.1 var(--display)}.classcard small{color:var(--ash);font-size:15px}.mintform{gap:8px;display:grid;max-width:620px!important}.mintform__scene{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:8px}.mintform label{font-weight:700}.mintform input{font:400 18px var(--ui);color:var(--linen);background:var(--raised);border:1px solid var(--rule);padding:12px 14px}.mintform input:focus{border-color:var(--firelight);outline:none}.mintform__sum{grid-template-columns:auto 1fr;gap:2px 16px;margin:8px 0;display:grid}.mintform__sum dt{color:var(--ash)}.mintform__sum dd{margin:0;font-weight:700}.note{color:var(--ash);margin:4px 0 0;font-size:14px}.error{color:#f3a39c;margin:0;font-size:15px}.linkbtn{color:var(--ash);background:0 0;border:0;align-self:center;margin-top:20px;padding:8px;font-weight:700;text-decoration:underline;width:auto!important}.linkbtn:hover{color:var(--linen)}.frame--art{aspect-ratio:4/3;background-position:50%;background-size:cover;justify-content:center;align-items:flex-end;width:420px;max-width:100%;padding:0;display:flex}.frame--art:before{display:none}.frame--art img{height:100%;display:block}.lighttoggle{color:var(--linen);border:1px solid var(--rule);background:#0d0b09cc;padding:5px 12px;font-size:14px;font-weight:700;position:absolute;top:12px;right:16px}.lighttoggle:hover{border-color:var(--firelight)}.intro{z-index:10;background:var(--deep);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;animation:.7s ease-in 3.6s forwards intro-out;display:flex;position:fixed;inset:0;overflow:hidden}.intro__glow{background:radial-gradient(70% 60% at 50% 110%,#f4a05066,#0000 72%);animation:1.2s ease-out both fade-in;position:absolute;inset:0}.intro__symbol{width:72px;animation:.7s cubic-bezier(.2,.7,.2,1) .3s both drop;position:relative}.intro__word{text-align:center;font:700 clamp(58px, 10vw, 96px)/.95 var(--display);margin:0;animation:.7s ease-out .7s both rise;position:relative}.intro__word small{font-size:.4em;font-weight:500;line-height:1.15;display:block}.intro__hall{grid-template-columns:repeat(6,minmax(0,96px));gap:clamp(5px,1.4vw,14px);width:min(100%,660px);display:grid;position:relative}.intro__hall .banner{transform-origin:top;width:100%;animation:.55s cubic-bezier(.2,.7,.2,1) both unfurl}.intro__tag{font:italic 400 21px var(--story);margin:0;animation:.6s ease-out 2.2s both rise;position:relative}@keyframes fade-in{0%{opacity:0}}@keyframes drop{0%{opacity:0;transform:translateY(-48px)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes unfurl{0%{opacity:0;transform:scaleY(0)}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@media (width<=760px){.chapter-title{font-size:36px}.say{font-size:19px}.dock{justify-content:flex-start}.dock__tab{padding:8px 14px}.stats{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.banner--lit:after,.you rect,.hearth__view{animation:none}.intro{animation:.3s linear 1.2s forwards intro-out}.intro__glow,.intro__symbol,.intro__word,.intro__hall .banner,.intro__tag{animation:none}}