:root{color-scheme:dark;--bg:#202a30;--bg-deep:#182127;--fg:#f1eeea;--paper:#ddd7ca;--paper-ink:#30383a;--brass:#b29a68;--accent:#d5bf91;--wine:#713f49;--mute:#b8bdba;--line:rgb(221 215 202 / 20%);--panel-max:1080px;--gutter:clamp(1.2rem,4vw,3rem);--topbar:4.65rem;--media-ratio:1 / 1;--serif:'Noto Serif KR',serif;--sans:'Pretendard','Malgun Gothic','맑은 고딕',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar) + 1.5rem)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1rem/1.75 var(--sans);overflow-x:clip}
button,a,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:default}
a{text-decoration-thickness:1px;text-underline-offset:.3em}button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--brass);color:var(--bg-deep)}
h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}dl,dd{margin:0}
button,h1,h2,h3,p,a,span,dd,dt{overflow-wrap:break-word;word-break:keep-all}[hidden]{display:none!important}
.wrap{width:min(calc(100% - var(--gutter) * 2),var(--panel-max));margin-inline:auto}
.section-space{padding-block:clamp(5rem,10vw,8.5rem)}
.skip-link{position:fixed;top:.5rem;left:1rem;z-index:100;padding:.6rem 1rem;background:var(--paper);color:var(--paper-ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
/* One navigation pattern for all widths. */
.top-toc{position:sticky;top:0;z-index:20;background:rgb(32 42 48 / 96%);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.top-toc-inner{min-height:var(--topbar);width:min(calc(100% - var(--gutter) * 2),var(--panel-max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}.wordmark img{display:block;height:3.2rem;width:auto;mix-blend-mode:lighten}
.top-toc-track{display:flex;gap:2.4rem;align-self:stretch}.top-toc-track a{display:grid;place-items:center;position:relative;text-decoration:none;color:var(--mute);font-size:.8rem}
.top-toc-track a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brass);transform:scaleX(0);transition:transform .3s ease}
.top-toc-track a:hover,.top-toc-track a[aria-current='location']{color:var(--fg)}.top-toc-track a[aria-current='location']::after{transform:scaleX(1)}
.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--brass);transform:scaleX(var(--reading-progress,0));transform-origin:left;opacity:.45}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:3.5rem;padding:.9rem 1.4rem;text-decoration:none;font-size:.88rem;transition:background .2s,box-shadow .2s}
.button-brass{background:var(--brass);color:#202a30}.button-brass:hover:not(:disabled){background:#cbb382;box-shadow:0 4px 24px rgb(0 0 0 / 12%)}.button span{font-size:1.3rem}
.button:disabled{background:#4d5452;color:#c3c8c4;border:1px solid #65706a}
.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;text-decoration:none;padding:.5rem 0;border-bottom:1px solid var(--brass);font-size:.85rem}.text-link:hover{color:var(--accent)}.text-link span{font-size:1.3rem}
/* A grant rests in front of the shop window. */
.hero{position:relative;min-height:min(920px,calc(100svh - var(--topbar)));overflow:hidden}
.hero-scene{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.hero-inner{position:relative;z-index:1;min-height:min(920px,calc(100svh - var(--topbar)));padding-top:clamp(3.5rem,7vw,6.5rem);padding-bottom:7rem;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:2rem}
.hero-opening{font-size:.85rem;color:var(--accent);margin-bottom:1.75rem}.hero-logo{margin:0 0 .2rem}.hero-logo:focus,.hero-logo:focus-visible{outline:none}.hero-logo img{display:block;width:min(100%,22rem);height:auto;mix-blend-mode:lighten}
.hero-genre{font-size:.73rem;color:var(--mute);margin-top:1.6rem}.hero-lead{font-size:.94rem;line-height:1.95;margin-top:1.5rem;color:#d2d3cd;max-width:28rem;white-space:pre-line}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2.2rem}.hero-actions .button{margin-top:0}
.hero-stage{position:relative;width:100%}
.image-placeholder{position:relative;aspect-ratio:var(--media-ratio);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;overflow:hidden;border:1px solid rgb(178 154 104 / 22%);background:#28343b}
.image-placeholder::before{content:'';position:absolute;inset:.75rem;border:1px solid rgb(178 154 104 / 13%);pointer-events:none}
.placeholder-word{font-family:var(--serif);font-size:1.75rem;color:#a8b1ac;letter-spacing:.08em}.placeholder-label{font-size:.64rem;text-align:center;color:#a9b0ac;padding-inline:.6rem}
.image-placeholder.has-image{padding:0;gap:0;align-items:stretch;justify-content:stretch}
.image-placeholder.has-image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.image-placeholder.has-image .placeholder-label{position:absolute;bottom:.85rem;left:0;right:0;z-index:2}
.image-placeholder.has-image::before{z-index:2}
.grant-document{position:relative;width:100%;padding:3.6rem clamp(1.15rem,4vw,2.8rem) 2.7rem;background:var(--paper);color:var(--paper-ink);transform:rotate(-5deg);box-shadow:0 34px 70px rgb(9 18 22 / 34%)}
.grant-document::before{content:'';position:absolute;inset:.48rem;border:1px solid rgb(104 91 66 / 32%);pointer-events:none}
.grant-document .document-origin{text-align:center;font-size:.72rem;letter-spacing:.18em;color:#6d624c}
.grant-document h2{margin-top:.95rem;font-family:var(--serif);font-size:2.65rem;font-weight:500;line-height:1.25;text-align:center;letter-spacing:-.045em}
.grant-document h2::after{content:'';display:block;width:2.6rem;height:1px;margin:1.15rem auto 0;background:#8e7c50}
.grant-document .grant-decree{width:min(16em,100%);margin:2.85rem auto 0;font-family:var(--serif);font-size:1.22rem;line-height:2.05;text-align:center;word-break:keep-all}
.grant-document .grant-particulars{display:flex;flex-direction:column;align-items:stretch;margin-top:3.35rem;padding-top:1.45rem;border-top:1px solid rgb(142 124 80 / 70%)}
.grant-document .grant-record>div{display:grid;grid-template-columns:3.2rem auto;column-gap:.85rem;align-items:baseline;padding:.38rem 0}
.grant-document .grant-record dt,.grant-document .record-recipient>span:first-child{font-size:.72rem;color:#7a7162}
.grant-document .grant-record dd{font-family:var(--serif);font-size:1.02rem;line-height:1.45}
.grant-document .grant-note{margin:1.35rem 0 0;padding-top:1.05rem;border-top:1px solid rgb(142 124 80 / 70%);color:#6d6456;font-size:.78rem;line-height:1.75;text-align:left;word-break:keep-all}
.grant-document .record-recipient{display:flex;align-items:flex-end;justify-content:flex-end;gap:.8rem;width:100%;margin-top:1.85rem}
.grant-document .signature-slot{position:relative;width:min(280px,calc(100% - 6.2rem));aspect-ratio:107/22;flex:0 1 auto;min-width:0;border:1px solid rgb(104 91 66 / 55%)}
.grant-document .grant-signed{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left bottom}
.grant-document .recipient-rank{padding-bottom:.08rem;font-family:var(--serif);font-size:1.05rem;flex:0 0 auto}
.scroll-cue{position:absolute;bottom:2.8rem;left:0;display:flex;align-items:center;gap:1rem;font-size:.64rem;color:var(--mute);text-decoration:none}.scroll-cue-line{width:3rem;height:1px;background:var(--brass)}
.section-context{color:var(--accent);font-size:.74rem;margin-bottom:1.2rem}.section-heading{margin-bottom:3.5rem}.section-heading h2{font:500 clamp(2.1rem,4.2vw,3.65rem)/1.5 var(--serif);letter-spacing:-.045em}
.heading-with-aside{display:flex;justify-content:space-between;align-items:flex-end;gap:2.5rem}.heading-aside{color:#c0c5c0;font-size:.83rem;line-height:1.95;padding-bottom:.4rem}.heading-aside span{color:var(--mute);font-size:.68rem;display:inline-block;margin-top:1rem}
.world{background:var(--bg-deep)}.world-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
/* Photographs and their records travel together as reusable cards. */
.world-photo-stack{min-width:0;align-self:center;padding-block:.5rem}
.world-photo-deck{display:grid;position:relative;isolation:isolate;perspective:1100px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:.6rem}
.world-photo-deck.is-dragging{cursor:grabbing}.world-photo-deck.is-turning{cursor:default}
.world-photo-card{grid-area:1 / 1;position:relative;align-self:start;width:90%;margin:1.3rem auto 1.1rem;padding:clamp(.7rem,1.6vw,1rem);background:#eeeade;color:#3a4039;box-shadow:0 3px 5px rgb(0 0 0 / 13%),0 17px 26px rgb(3 12 17 / 24%);transform-origin:50% 65%;backface-visibility:hidden;pointer-events:none;transform:rotate(-2deg)}
.world-photo-card{scale:1;transition:scale 180ms ease}.world-photo-card.is-front{pointer-events:auto}.world-photo-card.is-front.is-hovered{scale:1.03}
.world-photo-deck.is-interacting .world-photo-card,.world-photo-deck.is-turning .world-photo-card{scale:1;transition:none}
.world-photo-deck.is-turning .world-photo-card,.world-photo-deck.is-dragging .world-photo-card.is-front{will-change:transform}
.world-photo-image{aspect-ratio:1 / 1;overflow:hidden;background:#ddd8cd}
.world-photo-image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.world-photo-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;min-height:5.4rem;margin-top:.75rem;padding-inline:.2rem}
.world-photo-record{min-width:0}.world-photo-record>strong{font:1.45rem/1.35 var(--serif)}.world-photo-record>p{margin-top:.3rem;font-size:.61rem;line-height:1.75;color:#6b6b5e}.world-photo-record>p>span{white-space:nowrap}.world-photo-species{margin-top:.15rem;font-size:.55rem;color:#7d7d6f}
.world-photo-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;min-width:4.1rem;min-height:3.2rem;padding:.35rem .3rem;border:3px double #97656a;transform:rotate(-7deg);color:#8a5159;font-family:var(--serif);line-height:1.55}
.world-photo-stamp>span{font-size:.66rem}.world-photo-stamp>strong{font-size:.72rem;font-weight:500}
.world-photo-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;min-height:2.6rem;margin-top:1.25rem;padding-inline:5%;color:#a8b2a9;font-size:.65rem}#world-photo-hint{grid-column:1;grid-row:1}.world-photo-counter{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;gap:.7rem;margin:0;font-variant-numeric:tabular-nums;color:#cecbb9}.world-photo-divider{color:#718078}
.world-photo-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.world-copy>p:not(.world-statement){font-size:.89rem;color:#c3c8c4;margin-top:1.45rem;line-height:1.95}.world-statement{font:1.55rem/1.8 var(--serif);color:var(--paper);letter-spacing:-.03em}
.world-memo{padding-left:1.25rem;border-left:2px solid var(--brass);margin-block:2.2rem}.memo-title{font-size:.73rem;color:var(--accent)}.world-memo p{font-size:.79rem;color:var(--mute);margin-top:.6rem;line-height:1.85}
/* Every group stays visible in the scrollable ledger. */
.people{background:#263138}.ledger-nav{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.ledger-nav a{display:flex;justify-content:space-between;align-items:center;gap:.6rem;min-height:4rem;padding:1rem 1.35rem;text-decoration:none;font-family:var(--serif);color:#d5d5cd;border-right:1px solid var(--line);transition:background .25s,color .25s}.ledger-nav a:first-child{border-left:1px solid var(--line)}.ledger-nav a:hover,.ledger-nav a.is-current{background:rgb(178 154 104 / 13%);color:var(--accent)}.ledger-nav span{font-size:.7rem;font-family:var(--sans);color:var(--mute)}
.ledger-note{font-size:.69rem;margin-top:1rem;color:#b4bcb8}.ledger-group{margin-top:4rem;scroll-margin-top:calc(var(--topbar) + 7rem)}
.portrait-toolbar{position:sticky;top:calc(var(--topbar) + 1px);z-index:12;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.3rem;padding:.9rem 1rem;background:#2c373d;border:1px solid #707263;box-shadow:0 8px 18px rgb(12 23 27 / 15%)}
.portrait-toolbar>p{font-family:var(--serif);font-size:.95rem;color:var(--paper)}.portrait-toolbar>p>span{display:block;margin-top:.2rem;font:.61rem/1.6 var(--sans);color:var(--mute)}
.portrait-state-options{position:relative;display:flex;gap:.4rem}.portrait-state-options button{min-height:44px;padding:.65rem 1rem;border:1px solid #878974;font-size:.75rem;line-height:1.5;color:#d2d5c8;transition:background .2s,color .2s,border-color .2s}.portrait-state-options button[aria-pressed='true']{background:var(--brass);border-color:var(--brass);color:#263037}
.ledger-plain-hint{position:absolute;z-index:2;top:calc(100% + .45rem);right:0;width:max-content;max-width:min(16rem,70vw);padding:.55rem .7rem;background:var(--paper);color:var(--paper-ink);font-size:.72rem;line-height:1.65;cursor:pointer;box-shadow:0 8px 20px rgb(15 22 17 / 22%);animation:ledger-plain-hint .2s ease both}.ledger-plain-hint::before{content:'';position:absolute;right:calc(var(--hint-tail, 1.5rem) - .45rem);bottom:100%;border:.45rem solid transparent;border-bottom-color:var(--paper)}@keyframes ledger-plain-hint{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line)}.group-heading h3{font:1.65rem var(--serif);color:var(--paper)}.group-heading p{color:#afb9b4;font-size:.68rem}
.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.2rem}.person{display:flex;min-width:0;flex-direction:column;width:100%;padding:0;overflow:visible;text-align:left;color:var(--fg)}
.person .image-placeholder{width:100%;background:#344047;border-color:#58615d;transition:border-color .25s,background .25s}.person .placeholder-word{color:#a4ada8;font-size:1.5rem}.person .placeholder-label{font-size:.57rem}
.person-index{position:absolute;left:1.1rem;top:1rem;color:#aab1a9;font:.57rem var(--sans);letter-spacing:.07em}.person-action{position:absolute;bottom:1.2rem;right:1.2rem;font-size:1.25rem;line-height:1;color:#c3c4b7;transition:transform .25s,color .2s}
.person.is-plain .person-index,.person.is-plain .person-action{color:#4a524c}.person.is-plain .image-placeholder{border-color:#6a736c}.person.is-plain .image-placeholder::before{border-color:rgb(58 64 60 / 50%)}
.person:hover .image-placeholder,.person:focus-visible .image-placeholder{border-color:var(--brass);background:#3b484e}.person:hover .person-action{transform:rotate(90deg)}
.person-heading{position:relative;display:block;width:100%;margin-top:.85rem;min-height:3.2rem;overflow:visible}.person-heading:has(.person-owner){min-height:4.6rem}.person-id{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.12rem;width:100%}.person-name{font:500 1.22rem var(--serif)}.person-species{font-size:.65rem;color:#bdc4bd}.person-price{position:absolute;top:0;right:0;z-index:2;display:grid;place-items:center;width:4.15rem;height:3.15rem;pointer-events:none;overflow:visible}.person-price:has(.person-owner){height:auto;width:max-content;max-width:100%;justify-items:end}.person-price-mark{display:grid;place-items:center;min-width:3.5rem;min-height:2.45rem;padding:.22rem .38rem;border:3px double #97656a;color:#c4898e;font:.58rem/1.25 var(--serif);letter-spacing:.05em;transform:rotate(-12deg)}.person-owner{margin-top:.2rem;text-align:right;font:.62rem/1.4 var(--sans);color:#b5bfba;white-space:nowrap}.person-line{font-size:.7rem;color:#b5bfba;line-height:1.75;margin-top:.5rem}.ledger-group.is-highlighted .group-heading{border-color:var(--brass)}

.portrait-frame{position:absolute;inset:0;display:flex;background:inherit;pointer-events:none}.portrait-frame img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.person .portrait-frame[data-portrait-state='changed']{background:#3e4942}.sheet-art .portrait-frame[data-portrait-state='changed']{background:#bcc2b2}
.person .image-placeholder::before,.sheet-art::before{z-index:2}.person-index,.person-action{z-index:3}.portrait-frame.is-entering{animation:portrait-enter 240ms ease both}.portrait-frame.is-leaving{animation:portrait-leave 240ms ease both}
@keyframes portrait-enter{from{opacity:0}to{opacity:1}}@keyframes portrait-leave{from{opacity:1}to{opacity:0}}
.npc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.npc-grid .person{display:grid;grid-template-columns:8rem minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:1.4rem;align-items:start;padding:1.2rem;border:1px solid var(--line)}.npc-grid .person .image-placeholder{grid-row:1 / 4}.npc-grid .person-heading{margin-top:.35rem}.npc-grid .placeholder-word{font-size:1.2rem}.npc-grid .placeholder-label{font-size:.5rem}.npc-grid .person-index{top:.65rem;left:.7rem}.npc-grid .person-action{bottom:.65rem;right:.65rem;font-size:1rem}.no-script{border:1px solid var(--line);padding:1rem;margin-top:1rem}
.life{background:#333834}.life-layout{display:grid;grid-template-columns:1fr .85fr;gap:5rem;align-items:center}.life-stage{position:relative;min-width:0}.life-scene{background:#454b42;border-color:#666959}.life-scene .placeholder-word,.life-scene .placeholder-label{color:#b9bdab}
.life-caption{position:relative;margin:-2.75rem 1.4rem 0;padding:1.4rem 1.6rem;display:flex;flex-direction:column;gap:.5rem;background:var(--paper);color:#363d36;box-shadow:0 10px 24px rgb(15 22 17 / 12%)}.life-caption span{font-size:.62rem;color:#626952}.life-caption strong{font:1.3rem var(--serif)}
.life-options{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem}.life-options button{padding:.7rem 1rem;min-height:44px;border:1px solid #727568;color:#d1d1c5;font-size:.75rem;transition:background .2s,color .2s}.life-options button[aria-pressed='true']{background:var(--paper);color:#363d36;border-color:var(--paper)}.life-description{color:#d0d2c7;font-size:.87rem;line-height:1.95}
.relationship-note{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgb(221 215 202 / 28%)}.relationship-note h3{font:1.25rem/1.7 var(--serif)}.relationship-note p{margin-top:1rem;font-size:.8rem;line-height:1.85;color:#c5cabd}
.life-dress-note{margin-top:2rem;padding:1.15rem 1.2rem;border:1px solid #727568;color:#d0d2c7;font-size:.84rem;line-height:1.9}
.growth{background:var(--bg-deep)}#growth{border-top:1px solid var(--line)}
.guild-experience{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(20rem,.96fr);gap:clamp(1.25rem,3vw,2.8rem);align-items:start}
.guild-stage{position:relative;min-width:0;padding-bottom:1.8rem}.guild-scene{aspect-ratio:var(--media-ratio);background:#2b3438}.guild-stage-note{position:absolute;z-index:3;right:1.2rem;bottom:0;width:min(19rem,82%);padding:1.1rem 1.25rem;background:var(--paper);color:#2f372f;box-shadow:0 14px 28px rgb(9 18 22 / 24%);transform:rotate(1.4deg)}.guild-stage-note p{font-size:.62rem;color:#676b59}.guild-stage-note strong{display:block;margin-top:.35rem;font:1.05rem/1.55 var(--serif)}
.guild-console{min-width:0;padding:1.15rem;border:1px solid #7b7d68;background:#202b30;box-shadow:0 16px 36px rgb(9 18 22 / 18%)}.guild-console-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.guild-console-head>p,.guild-status-label,.rights-kicker{font-size:.62rem;color:var(--accent);letter-spacing:.08em}
.guild-scene-kicker{font-size:.62rem;color:#676b59;letter-spacing:.08em}.guild-console-head>span{padding:.13rem .48rem;border:1px solid var(--brass);font:.65rem/1.55 var(--serif);color:var(--accent)}
#guild-grade-options{grid-template-columns:repeat(8,minmax(0,1fr));margin-top:1rem}.guild-grade-options button{min-height:2.8rem;font-family:var(--serif);font-size:.7rem}.guild-grade-options button[aria-pressed='true']{background:var(--brass);color:var(--bg-deep)}
.guild-status{margin-top:1.25rem}.guild-rank-job{font-size:.72rem;line-height:1.7;color:#c9cec6}
.guild-progress{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem;margin-top:1rem}.guild-progress span{height:3px;background:#4d5a58;transition:background .25s,transform .25s}.guild-progress .is-on{background:var(--brass);transform:scaleY(1.5)}
.guild-quest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:1.15rem}.guild-quest-button{min-width:0;padding:.75rem .7rem;border:1px solid #536159;color:#bac2ba;text-align:left;transition:background .2s,border-color .2s,transform .2s}.guild-quest-button span{display:block;font-size:.57rem;color:#9ca69e}.guild-quest-button strong{display:block;margin-top:.2rem;font:.78rem/1.45 var(--serif)}.guild-quest-button:hover,.guild-quest-button[aria-pressed='true']{border-color:var(--brass);background:rgb(178 154 104 / 10%);color:var(--accent)}.guild-quest-button:hover{transform:translateY(-2px)}
.guild-scene-card{position:relative;min-height:14.4rem;margin-top:1rem;padding:1.15rem 1.25rem;background:#d4ccbc;color:#323932;box-shadow:0 10px 24px rgb(0 0 0 / 18%)}.guild-scene-card.is-changing{animation:scene-card-change .34s ease both}.guild-scene-card h3{margin-top:.45rem;font:1.35rem/1.45 var(--serif)}.guild-scene-meta{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;margin-top:.85rem;padding-block:.7rem;border-block:1px solid #aba28f}.guild-scene-meta div{display:flex;justify-content:space-between;gap:.45rem;font-size:.65rem}.guild-scene-meta dt{color:#696b59}.guild-scene-meta dd{font-family:var(--serif)}.guild-quest-line{margin-top:.8rem;font-size:.75rem;line-height:1.75}.guild-quest-prompt{margin-top:.75rem;padding-left:.8rem;border-left:2px solid #8e7650;font:.88rem/1.65 var(--serif);color:#4c493c}@keyframes scene-card-change{from{opacity:.25;transform:translateY(8px) rotate(.6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.educate-lead{max-width:38rem;margin-bottom:1.5rem;font-size:.87rem;line-height:1.95;color:#d0d2c7}.educate-axes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.educate-axis{display:flex;min-width:0;min-height:15.4rem;flex-direction:column;padding:1.2rem;border:1px solid #536159;background:#1e292e;transition:border-color .25s,background .25s}
.educate-axis.is-social{border-color:#6d8f7c}.educate-axis.is-combat{border-color:#8a4a52}.educate-axis.is-loyalty{border-color:#b29a68}.educate-axis:has(button[aria-pressed='true']:hover){border-color:var(--brass)}.educate-axis-head h3{font:1.25rem/1.4 var(--serif);color:var(--paper)}.educate-axis-head p{margin-top:.35rem;font-size:.68rem;line-height:1.65;color:#b8c0b9}.educate-state-options{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin-top:1.2rem}.educate-ticks{display:flex;flex:1 1 auto;align-items:center;justify-content:space-evenly;min-width:0}.educate-tick{width:.22rem;height:.22rem;border-radius:50%;background:#6a756e;opacity:.7}.educate-state-options button{min-width:2.35rem;min-height:2rem;border-bottom:2px solid #536159;color:#aeb8af;font:.7rem var(--serif);transition:color .2s,border-color .2s,background .2s}.educate-state-options button[aria-pressed='true']{border-color:var(--brass);background:rgb(178 154 104 / 11%);color:var(--accent)}.educate-description{margin-top:1rem;font-size:.76rem;line-height:1.75;color:#d2d6cf}.educate-scene{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);font:.78rem/1.75 var(--serif);font-style:italic;color:#bfc8ba}.educate-axis.is-changing .educate-description,.educate-axis.is-changing .educate-scene{animation:education-copy-change .26s ease both}@keyframes education-copy-change{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.rights-bridge{position:relative;display:grid;place-items:center;margin-block:1.6rem .2rem;min-height:7.6rem;text-align:center}
.rights-bridge>p{position:absolute;left:50%;top:50%;z-index:1;margin:0;transform:translate(-50%,-50%);white-space:nowrap;font:.82rem/1.8 var(--serif);color:#d5d8ce}
.rights-bridge-arrow{position:absolute;inset:0;width:min(24rem,72%);height:100%;margin-inline:auto;background:linear-gradient(to bottom,rgb(178 154 104 / 0%),rgb(178 154 104 / 28%));clip-path:polygon(25% 0,75% 0,75% 56%,87.5% 56%,50% 100%,12.5% 56%,25% 56%)}
.rights-experience{margin-top:1.25rem;padding:1.2rem;border-top:1px solid #697169;background:#202b30}.rights-experience-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.rights-experience h3{margin-top:.2rem;font:1.25rem/1.4 var(--serif);color:var(--paper)}.rights-experience-head>p{max-width:26rem;font-size:.7rem;line-height:1.75;color:#bcc4bd;text-align:right}.rights-options{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.rights-options button{min-height:2.6rem;font:.72rem var(--serif)}.rights-options button[aria-pressed='true']{background:var(--brass);color:var(--bg-deep)}.rights-summary{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;align-items:center;margin-top:.9rem;font-size:.7rem;line-height:1.7;color:#bec6bd}.rights-summary-limit{font:1rem var(--serif);color:var(--accent)}.rights-summary-limit.is-unlimited{color:#c4898e}.rights-summary-area{font-size:.7rem;color:#aeb8ae}
.rights-faces{display:flex;flex-direction:column;width:100%;padding-top:.15rem;border-top:1px solid var(--line)}
.rights-row{display:flex;align-items:center;gap:.85rem;padding:.55rem 0;border-bottom:1px solid rgb(221 215 202 / 12%)}
.rights-row:last-child{border-bottom:0}
.rights-row-label{flex:0 0 4.8rem;margin:0;font:.95rem/1.5 var(--serif);color:var(--paper);transition:opacity .35s}
.rights-row.is-dim .rights-row-label{opacity:.45}
.rights-icons{display:flex;flex-wrap:wrap;gap:.35rem;min-width:0;flex:1}
.rights-icon{flex:0 0 auto;width:3.15rem;opacity:1;filter:none;transition:opacity .4s ease var(--undim-delay,0ms),filter .4s ease var(--undim-delay,0ms)}
.rights-icon.is-dim{opacity:.28;filter:grayscale(.65)}
.rights-icon-art{width:100%;aspect-ratio:1;gap:.15rem;border-color:#58615d}
.rights-icon-art::before{inset:.22rem}
.rights-icon-art .placeholder-word{font-size:.52rem;letter-spacing:.04em}
.rights-icon-art .placeholder-label{font-size:.4rem;padding-inline:.1rem}
.rights-icon-art.has-image .placeholder-word,.rights-icon-art.has-image .placeholder-label,.rights-icon-art.has-image::before{display:none}
.quest-letter{position:relative;margin:-3rem 1.3rem 0;background:#c9c2b1;color:var(--paper-ink);box-shadow:0 15px 35px rgb(0 0 0 / 15%)}.quest-letter summary{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:5.5rem;padding:1.5rem;cursor:pointer;list-style:none;font:1rem var(--serif)}.quest-letter summary::-webkit-details-marker{display:none}.quest-fold{display:flex;align-items:center;gap:.7rem;font:.62rem var(--sans);color:#615f52}.quest-fold b{font-size:1.1rem;font-weight:400;transition:transform .3s}.quest-letter[open] .quest-fold b{transform:rotate(45deg)}
.quest-content{padding:0 1.5rem 1.5rem;font-size:.79rem}.quest-content dl{margin:1.4rem 0;border-block:1px solid #a29e8e;padding-block:.7rem}.quest-content dl div{display:flex;justify-content:space-between;gap:.8rem;padding-block:.3rem}.quest-content dd{font-family:var(--serif)}
.rights-document{position:relative;border:1px solid #7b7d68;padding:2.5rem;background:#263037}.rights-document::before{position:absolute;content:'';inset:.5rem;border:1px solid rgb(178 154 104 / 18%);pointer-events:none}.rights-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.rights-heading>p{font-size:.7rem;color:var(--accent)}.rights-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--brass);color:var(--accent);font:1.3rem var(--serif)}.rights-document h3{font:1.85rem/1.65 var(--serif);margin-top:1.2rem;letter-spacing:-.04em}
.rank-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);margin-top:1.8rem}.rank-options button{min-height:3rem;padding:.6rem .2rem;font-size:.7rem;color:#b9c0b7;transition:color .2s,background .2s}.rank-options button[aria-pressed='true']{background:var(--brass);color:#253037}.rank-result{margin-top:1.4rem}
.rank-numbers{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.rank-numbers>span{font:1.05rem var(--serif)}.rank-numbers p{display:flex;align-items:baseline;gap:.7rem}.rank-numbers strong{font:2.6rem/1.3 var(--serif);color:var(--accent)}.rank-numbers p>span{font-size:.65rem;color:#b7c0b6}
.rank-area{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.7rem;padding-top:.8rem;border-top:1px solid var(--line)}.rank-area span{font-size:.65rem;color:var(--mute)}.rank-area strong{font-size:.81rem;font-weight:500}#rank-description{font-size:.75rem;color:#c4c9bf;line-height:1.8;margin-top:1rem}
.rank-map{display:flex;gap:.4rem;margin-block:1.25rem}.rank-map span{flex:1;border-bottom:3px solid #526057;padding-bottom:.5rem;font-size:.62rem;color:#b7c0b6;text-align:center;transition:border-color .3s,color .3s}.rank-map span.is-open{border-color:var(--brass);color:var(--accent)}
.fine-print{font-size:.62rem;color:#b0b8ae;line-height:1.85}.quest-content .fine-print{color:#5d6257}.growth-rule{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid var(--line);margin-top:4rem;padding-top:2.3rem}.growth-rule p:first-child{font-size:.86rem;line-height:2;color:#c5cbc1}.growth-rule strong{color:var(--accent);font-weight:500}.growth-rule p:last-child{font:500 1.1rem/1.9 var(--serif);color:var(--paper)}
.site-footer{padding-block:1.5rem;border-top:1px solid var(--line);text-align:center}.site-footer img{display:block;width:min(100%,8rem);height:auto;margin-inline:auto;mix-blend-mode:lighten}
/* The fixed modal header keeps Close above the scrollable content. */
.veil{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1.5rem;background:rgb(9 17 22 / 83%);backdrop-filter:blur(9px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.veil.is-on{opacity:1;visibility:visible;pointer-events:auto}
.sheet{width:min(900px,100%);max-height:calc(100svh - 3rem);display:flex;flex-direction:column;background:var(--paper);color:var(--paper-ink);box-shadow:0 24px 100px rgb(0 0 0 / 30%);transform:translateY(18px);transition:transform .35s}.veil.is-on .sheet{transform:translateY(0)}.sheet :focus-visible{outline-color:#713f49}
.sheet-head{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid #b4b0a2}.sheet-head>p{font-family:var(--serif);font-size:.85rem}.sheet-close{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.4rem .5rem;font-size:.7rem;color:#465046}.sheet-close span{font:1.9rem/1 var(--sans)}
.sheet-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}.sheet-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:2rem;align-items:start}.sheet-art{background:#c7c3b6;border-color:#a5a694}.sheet-art::before{border-color:#b1ae9c}.sheet-art .placeholder-word{color:#646e63}.sheet-art .placeholder-label{color:#606b5f}
.portrait-control-label{font-size:.65rem;color:#5f6858;margin:1rem 0 .45rem}.sheet-portrait .portrait-state-options button{flex:1;color:#52604e;border-color:#9d9f90}.sheet-portrait .portrait-state-options button[aria-pressed='true']{background:#4d5b50;border-color:#4d5b50;color:#f1eee4}
.expression-options{display:flex;flex-wrap:wrap;gap:.4rem}.expression-options button{flex:1 0 calc(25% - .4rem);min-width:3.5rem;min-height:44px;padding:.5rem .55rem;border:1px solid #9d9f90;color:#52604e;font-size:.72rem;line-height:1.5;transition:background .2s,color .2s}.expression-options button[aria-pressed='true']{background:#4d5b50;border-color:#4d5b50;color:#f1eee4}
.sheet-place{font-size:.68rem;color:#6e654f;margin-top:.3rem}.sheet-identity{position:relative;overflow:visible}.sheet-species{font-size:.73rem;color:#616a59;margin-top:1.6rem}.sheet-body h2{font:2.7rem/1.5 var(--serif);letter-spacing:-.06em}.sheet-identity .person-price{top:1.35rem;right:0;width:7.6rem;height:5.5rem}.sheet-identity .person-price-mark{min-width:6.4rem;min-height:4.3rem;padding:.4rem .7rem;border-width:4px;color:#8a5159;font-size:1.15rem;letter-spacing:.06em}.sheet-line{font:.95rem/1.85 var(--serif);margin-top:.7rem;color:#5b5648}.sheet-text{font-size:.81rem;color:#4e584b;line-height:1.9;margin-top:1.7rem;white-space:pre-line}
.sheet-status{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid #afae9e}.sheet-status h3{font-size:.7rem;color:#575b48;margin-bottom:.75rem}
.stat-row{display:grid;gap:.4rem;margin-top:.75rem}.stat-label{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#4a5346}
.stat-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.18rem;position:relative}.stat-cell{height:.55rem;background:#c9c6b6;border:1px solid #9d9b8c}.stat-cell.is-on{background:#4d5b50;border-color:#3f4a42}
.sheet-status .stat-cell{background:#d4d0c0}.sheet-status .stat-cell.is-on{background:#4d5b50}
.growth-axis .stat-cell{background:#3a4549;border-color:#526057}.growth-axis .stat-cell.is-on{background:var(--brass);border-color:var(--brass)}
.stat-unknown{margin:0;font:1.15rem/1 var(--serif);color:#4a5346}.stat-scale{grid-column:1 / -1;display:flex;justify-content:space-between;margin-top:.25rem;font-size:.55rem;color:#8a9184}
.growth-axis .stat-scale{color:#9aa59c}
.stat-info{position:relative;display:inline-flex;align-items:center}
.stat-i{width:1.05rem;height:1.05rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;padding:0;font:.62rem/1 var(--sans);font-weight:600;color:#6d7568;background:transparent;transition:color .2s,background .2s,border-color .2s}
.growth-axis .stat-i{color:#c5cbc1}
.stat-i:hover,.stat-i:focus-visible{color:#713f49;border-color:#713f49;background:#efe8d8}
.growth-axis .stat-i:hover,.growth-axis .stat-i:focus-visible{color:var(--bg-deep);border-color:var(--brass);background:var(--brass)}
.stat-tooltip{position:absolute;left:0;bottom:calc(100% + .45rem);z-index:5;width:min(16rem,70vw);padding:.55rem .65rem;background:#2b3330;color:#f1eeea;font-size:.68rem;line-height:1.7;box-shadow:0 8px 20px rgb(15 22 17 / 22%);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.2rem);transition:opacity .15s,transform .15s,visibility .15s}
.stat-info:hover .stat-tooltip,.stat-info:focus-within .stat-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.sheet-detail{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid #afae9e}.sheet-detail h3{font-size:.7rem;color:#575b48;margin-bottom:.5rem}.sheet-detail p{font-size:.76rem;line-height:1.9;color:#59634f;white-space:pre-line}.sheet-body>.text-link{margin-top:1.3rem;border-color:#88876e;font-size:.7rem;color:#3c4b3e}.modal-open{overflow:hidden}
.is-previewing .placeholder-label{animation:preview-label .4s ease both}@keyframes preview-label{from{opacity:.15;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.webtoon-strip{display:flex;flex-direction:column;width:min(100%,40rem);margin-inline:auto;background:#000}.webtoon-strip img{display:block;width:100%;height:auto}
@media(max-width:1000px){
.hero-inner{grid-template-columns:1fr 1fr;gap:1.5rem}.hero h1{font-size:clamp(3.5rem,6.5vw,5.5rem)}.world-layout,.life-layout{gap:3rem}.rights-document{padding:2rem}.growth-layout{gap:2rem}.npc-grid .person{grid-template-columns:6rem minmax(0,1fr);gap:.9rem;padding:.9rem}
}
@media(max-width:760px){
:root{--topbar:6.8rem}.top-toc-inner{flex-wrap:wrap;justify-content:center;gap:0;min-height:var(--topbar)}.wordmark{flex-basis:100%;justify-content:center;padding-top:.7rem}.top-toc-track{width:100%;justify-content:space-between;gap:1rem;min-height:3rem}.top-toc-track a{min-width:2.5rem;font-size:.73rem}
.hero,.hero-inner{min-height:0}.hero-inner{padding-top:3.5rem;padding-bottom:6rem;gap:3rem}.hero h1{font-size:clamp(2.8rem,6.5vw,3.5rem)}.hero-opening{font-size:.69rem;margin-bottom:1.4rem}.hero-genre{font-size:.61rem}.hero-lead{font-size:.81rem;margin-top:1.1rem}.hero-actions{margin-top:1.8rem}.hero .button{font-size:.75rem;padding:.8rem 1rem;gap:1.2rem}
.world-layout{gap:2rem}.world-statement{font-size:1.25rem}.world-copy>p:not(.world-statement){font-size:.8rem}.heading-with-aside{gap:1.5rem}.heading-aside{font-size:.73rem}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.7rem 1rem}.ledger-nav a{font-size:.82rem;padding:.8rem;min-height:3.5rem}.person-name{font-size:1.13rem}.person-species{font-size:.6rem}
.npc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.npc-grid .person{display:flex;padding:.85rem}.npc-grid .person-heading{flex-direction:row;width:100%;align-items:baseline;margin-top:.8rem}
.life-layout{gap:2rem;grid-template-columns:1fr 1fr}.life-caption{margin-inline:.8rem;padding:1rem}.life-caption strong{font-size:1.1rem}.life-options{gap:.4rem}.life-options button{padding:.55rem .8rem;font-size:.69rem}.life-description{font-size:.8rem}
.growth-layout{grid-template-columns:1fr 1fr;gap:1.5rem}.rights-document{padding:1.4rem}.rights-document h3{font-size:1.45rem}.rank-options button{font-size:.58rem}#guild-grade-options button{font-size:.65rem;padding:.55rem .05rem}.rank-numbers strong{font-size:2rem}.rank-numbers>span{font-size:.85rem}.rank-numbers p{gap:.35rem}.rank-map span{font-size:.53rem}.quest-letter{margin-inline:.65rem}.quest-letter summary{padding:1.1rem;min-height:4.7rem;font-size:.84rem}.quest-content{padding:0 1.1rem 1.1rem}.quest-fold{font-size:.55rem;gap:.2rem}.sheet-layout{gap:1.5rem;padding:1.5rem}
.guild-experience{grid-template-columns:1fr;max-width:46rem;margin-inline:auto}.guild-stage{max-width:38rem}.guild-console{width:100%}.educate-axis{padding:1rem}
}
@media(max-width:560px){
:root{--gutter:1.2rem}.section-space{padding-block:4.6rem}.hero-inner{grid-template-columns:1fr;gap:2.6rem;padding-top:3rem}.hero-logo img{width:min(100%,18rem)}.hero-opening{font-size:.77rem}.hero-genre{font-size:.67rem;margin-top:1.1rem}.hero-lead{font-size:.86rem}.hero-stage{width:90%;max-width:360px;justify-self:center}.hero-actions{margin-top:1.8rem}.hero .button{font-size:.85rem;padding-inline:1.25rem}.scroll-cue{bottom:2rem;font-size:.59rem}
.portrait-toolbar{gap:.6rem;padding:.75rem .65rem}.portrait-toolbar>p{font-size:.81rem}.portrait-toolbar>p>span{font-size:.54rem}.portrait-toolbar .portrait-state-options button{padding:.6rem .7rem;font-size:.7rem}
.section-heading{margin-bottom:2.3rem}.section-heading h2{font-size:clamp(1.85rem,7.5vw,2.55rem);line-height:1.55}.section-context{font-size:.67rem;margin-bottom:1rem}.heading-with-aside{flex-direction:column;align-items:flex-start;gap:1.25rem}.heading-aside{font-size:.75rem}.heading-aside br{display:none}.heading-aside span{display:block;margin-top:.5rem}.world-layout,.life-layout{grid-template-columns:1fr;gap:2rem}
.guild-experience{gap:1.6rem}.guild-stage{padding-bottom:1.4rem}.guild-stage-note{right:.7rem;width:88%;padding:1rem}.guild-stage-note strong{font-size:.95rem}.guild-console{padding:1rem}.guild-status{align-items:start;flex-direction:column;gap:.4rem}.guild-rank-job{max-width:none;text-align:left}.guild-quest-list{grid-template-columns:1fr}.guild-scene-card{min-height:0;padding:1rem}.guild-scene-meta{grid-template-columns:1fr}.educate-axes{grid-template-columns:1fr;gap:.7rem}.educate-axis{min-height:0}.rights-experience{padding:1rem}.rights-experience-head{align-items:start;flex-direction:column;gap:.7rem}.rights-experience-head>p{text-align:left}.rights-row{flex-direction:column;align-items:flex-start;gap:.45rem}.rights-icon{width:2.7rem}.rights-bridge{min-height:6.2rem}.world-copy{padding-top:.2rem}.world-statement{font-size:1.35rem}.world-copy>p:not(.world-statement){font-size:.84rem}
.ledger-nav a{padding:.8rem .65rem;font-size:.75rem;gap:.35rem}.ledger-nav span{font-size:.55rem}.ledger-note{font-size:.61rem}.ledger-group{margin-top:2.75rem}.group-heading{flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.group-heading h3{font-size:1.45rem}.group-heading p{font-size:.63rem}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .9rem}.person .placeholder-word{font-size:1.2rem}.person .placeholder-label{font-size:.5rem}.person-index{top:.8rem;left:.85rem;font-size:.48rem}.person-action{bottom:.8rem;right:.8rem;font-size:1.1rem}.person-name{font-size:1.09rem}.person-species{font-size:.58rem}.person-line{font-size:.65rem}
.npc-grid .person{padding:.6rem}.npc-grid .person-heading{flex-direction:column;gap:.25rem}.npc-grid .person-name{font-size:1rem}
.life-caption{margin-inline:1rem;padding:1.1rem 1.3rem}.life-caption strong{font-size:1.2rem}.life-copy{padding-top:.5rem}.life-options{gap:.55rem}.life-options button{padding:.65rem 1rem;font-size:.73rem}.relationship-note{margin-top:2rem;padding-top:1.7rem}.growth-layout{gap:3rem}.rights-document{padding:1.7rem}.rights-document h3{font-size:1.75rem}.rank-options button{font-size:.67rem}.rank-map span{font-size:.58rem}.rank-numbers strong{font-size:2.6rem}.rank-numbers>span{font-size:1rem}.quest-letter{margin-inline:1rem}.quest-letter summary{font-size:.95rem;padding:1.3rem}.quest-content{padding:0 1.3rem 1.3rem}.quest-fold{font-size:.6rem}.growth-rule{margin-top:2.7rem;padding-top:1.7rem;flex-direction:column;align-items:flex-start;gap:1.25rem}.growth-rule p:first-child{font-size:.79rem}.growth-rule p:last-child{font-size:1rem}
.site-footer img{width:min(100%,6.5rem)}
.veil{padding:.7rem}.sheet{max-height:calc(100svh - 1.4rem)}.sheet-head{padding:.45rem 1rem}.sheet-layout{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.sheet-portrait{width:100%;max-width:20rem;margin-inline:auto}.sheet-species{margin-top:1rem}.sheet-body h2{font-size:2.4rem}.sheet-place{margin-top:.6rem}.sheet-text{margin-top:1.2rem}
}