:root{--ink:#3e3024;--muted:#78634a;--paper:#f3ead7;--line:#9e815147;--gold:#947442;--wine:#783d32;--top:76px;--serif:Georgia,'Times New Roman','Batang','바탕',serif;--ko:'Batang','바탕','Noto Serif KR',Georgia,serif;--ui:'Malgun Gothic','맑은 고딕',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--top)}body{margin:0;background:#f0e6d1;color:var(--ink);font-family:var(--ko);word-break:keep-all;overflow-wrap:break-word}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:disabled{cursor:default;opacity:.38}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #875431;outline-offset:5px}button{transition:background .2s,color .2s,transform .25s,border-color .2s}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2,h3{font-weight:400}h2{font-size:clamp(30px,3vw,47px);line-height:1.4;letter-spacing:-.045em}p{line-height:1.95}em{font-style:normal;color:#897043}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-70px;z-index:200;background:var(--paper);padding:14px}.skip-link:focus{top:10px}
.scenery{position:fixed;inset:0;pointer-events:none;z-index:-2;background-repeat:no-repeat;transition:opacity 1s ease}.scenery-original{background-image:linear-gradient(0deg,#e7d4b725,#d3b37e12),url('assets/I1.webp');background-size:cover;background-position:center;opacity:0}.scenery-book{background-image:linear-gradient(#f5eedba3,#f4ebd8b3),url('assets/IG1.webp');background-size:100% 100%;opacity:1}.mode-home .scenery-original{opacity:1}.mode-home .scenery-book{opacity:0}.white-intro{position:fixed;inset:0;background:white;z-index:500;pointer-events:none;opacity:1}.white-intro.ready{animation:white-reveal 1.5s ease-in-out forwards}@keyframes white-reveal{from{opacity:1}to{opacity:0}}.view{animation:page-reveal .65s ease both}@keyframes page-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font:10px/1.5 var(--ui);font-weight:600;letter-spacing:.25em;color:var(--muted);text-transform:uppercase}.ornament{display:block;font:45px var(--serif);color:var(--gold)}
.home-view{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:85px 30px 110px;isolation:isolate}.home-view:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 43%,#fcf7e8fa 0%,#f5ecd6e8 23%,#f2e5ca85 47%,#372e2240 100%)}.home-border{position:absolute;inset:24px;border:1px solid #ede1bf9c;outline:1px solid #6f513f6e;outline-offset:6px;pointer-events:none}.home-border span{position:absolute;font-size:38px;color:#eee2c3;text-shadow:0 1px 3px #4b3c29;line-height:1}.home-border span:nth-child(1){left:10px;top:10px}.home-border span:nth-child(2){right:10px;top:10px;transform:scaleX(-1)}.home-border span:nth-child(3){left:10px;bottom:10px;transform:scaleY(-1)}.home-border span:nth-child(4){right:10px;bottom:10px;transform:scale(-1)}.home-copy{width:min(800px,100%);margin-top:-2vh}.home-copy>.eyebrow{letter-spacing:.32em;color:#66533c}.title-rule{margin:25px auto 20px;width:150px;display:flex;align-items:center;gap:15px;color:#8b713f;font-size:13px}.title-rule:before,.title-rule:after{content:'';flex:1;height:1px;background:#a98d53}.home-copy h1{font-family:var(--serif);font-weight:400;line-height:1.05;font-size:clamp(64px,8vw,116px);letter-spacing:-.045em;font-variant:small-caps;text-shadow:0 2px 0 #fff4}.subtitle{font-family:var(--serif);font-size:clamp(27px,3.5vw,43px);line-height:1.4;letter-spacing:.12em;margin-top:10px;color:#755431}.subtitle span{font-size:27px;display:inline-block;margin:0 15px;color:#967c52}.pronunciation{font-size:13px;letter-spacing:.16em;margin-top:20px;color:#6f563c}.home-buttons{display:flex;gap:20px;justify-content:center;margin:49px auto 0}.book-button{border:1px solid #937147;box-shadow:inset 0 0 0 3px #ede2c8,inset 0 0 0 4px #a389576b,0 3px 10px #3b241520;background:#f3e8d0eb;padding:22px 28px;font-size:17px;letter-spacing:.025em;min-width:247px;display:flex;align-items:center;gap:12px}.book-button:hover{background:#fff3d8;transform:translateY(-3px)}.button-arrow{margin-left:auto;color:var(--gold)}.home-caption{position:absolute;bottom:72px;font-size:13px;letter-spacing:.1em;color:#fff3dc;text-shadow:0 1px 5px #2f251e}.home-edition{position:absolute;bottom:45px;font:8px var(--ui);letter-spacing:.27em;color:#eddfc5}
.topbar{position:fixed;inset:0 0 auto;z-index:40;height:var(--top);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#f7f0e1f2;border-bottom:1px solid var(--line);box-shadow:0 2px 12px #47352309;backdrop-filter:blur(12px);gap:15px}.brand{display:flex;align-items:center;gap:15px;text-align:left;font:14px var(--serif);letter-spacing:.11em}.brand>span:first-child{font-size:21px;color:var(--gold)}.brand small{display:block;font:9px var(--ui);letter-spacing:.13em;margin-top:5px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:23px;font:11px var(--ui)}.external-link{white-space:nowrap;padding:10px 0}.external-link span{color:var(--gold);margin-left:5px}.bgm-toggle{border-left:1px solid var(--line);padding:9px 0 9px 22px;white-space:nowrap;font-size:10px;letter-spacing:.05em}.bgm-toggle strong{margin-left:4px;color:#8c5734;font-weight:500}.volume-control{display:flex;align-items:center;gap:9px}.volume-control svg{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:1.5}.volume-control input{width:75px;height:3px;accent-color:#967347}.volume-control output{width:30px;font-size:9px;color:var(--muted)}.world-view{padding-top:var(--top)}
.page{position:relative;width:min(1240px,calc(100% - 130px));margin:0 auto;min-height:calc(100svh - var(--top));padding:32px 55px 76px;background:linear-gradient(90deg,#f7efdfec 0%,#f4ead8ec 46%,#e5d5b8e8 49.6%,#e2d0b3e8 50%,#f2e6d0ec 50.5%,#f8efdfec 54%,#f5ecdaec 100%);border-left:1px solid #b9a07160;border-right:1px solid #b9a07160;border-bottom:1px solid #b9a07160;box-shadow:15px 0 35px #73572a0b,-15px 0 35px #73572a0b;scroll-margin-top:0}.page:before,.page:after{position:absolute;content:'❧';font:25px var(--serif);color:#9e815175;bottom:25px;pointer-events:none}.page:before{left:21px}.page:after{right:21px;transform:scaleX(-1)}.running-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:15px;font:9px var(--ui);letter-spacing:.15em;color:var(--muted)}.page-footer{position:absolute;bottom:28px;left:55px;right:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px;font:9px var(--ui);letter-spacing:.07em;color:var(--muted)}.page-footer button{font-size:10px}.page-footer button span{margin-left:12px}.chapter-ribbon{position:fixed;z-index:30;left:15px;top:50%;transform:translateY(-50%);display:grid;gap:7px}.chapter-ribbon button{width:35px;height:42px;background:#f0e5cbe8;border:1px solid #a4885566;font-size:13px;color:#766044;box-shadow:2px 2px 4px #462f1311}.chapter-ribbon button.active,.chapter-ribbon button:hover{background:#795741;color:#fff2dc;border-color:#795741}.prologue-content{min-height:calc(100svh - var(--top) - 170px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 0}.prologue-content h2{font-size:clamp(33px,3.5vw,54px);margin-top:23px;line-height:1.52}.prologue-content .ornament{margin:18px 0 12px}.synopsis{max-width:630px;font-size:15px;line-height:2.15;color:#66523e;background:#f3e8d5a6}.chapter-buttons{display:flex;justify-content:center;gap:0;margin-top:40px;width:100%;max-width:770px}.chapter-buttons button{font-size:13px;padding:16px 25px;border:1px solid var(--line);background:#f9f2e654;flex:1;white-space:nowrap}.chapter-buttons button+button{border-left:0}.chapter-buttons button span{padding-left:12px;color:var(--gold)}.chapter-buttons button:hover{background:#e8d7b7}
.section-heading{margin:52px 0 35px;text-align:center}.section-heading h2{margin:10px 0}.section-heading>p:last-child{font-size:13px;color:var(--muted)}.section-heading.compact{margin:29px 0 24px}.rank-grid{display:grid;grid-template-columns:repeat(6,1fr);margin:55px 0 27px}.rank-card{text-align:center;padding:18px 9px;border-right:1px solid var(--line)}.rank-card:last-child{border:0}.rank-icon{width:62px;height:74px;margin:auto;color:#7e5d35}.rank-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.rank-number{font:10px var(--serif);color:var(--gold);margin:15px 0 8px;letter-spacing:.15em}.rank-card h3{font-size:20px}.rank-card p{font-size:11px;color:var(--muted);margin-top:8px}.fine-note{font-size:12px;color:var(--muted);text-align:center;line-height:2}.text-button{display:table;border-bottom:1px solid #a4875566;font-size:12px;padding:12px 3px;margin:25px auto 0}.text-button span{padding-left:16px;color:var(--gold)}.text-button:hover{color:#9b4b31;border-color:#9b4b31}.territory-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;max-width:870px;margin:0 auto 25px}.territory-card{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:20px;text-align:left;background:#f5e9d244;border-bottom:1px solid var(--line);padding:0 0 13px}.territory-card:hover{transform:translateY(-3px);background:#f8f0e066}.territory-card img{width:130px;height:130px;object-fit:cover;box-shadow:0 3px 8px #42261525}.territory-card .eyebrow{font-size:8px;letter-spacing:.18em}.territory-card h3{font-size:25px;margin:9px 0 5px}.territory-card .concept{font-size:12px;color:var(--muted)}.territory-card .card-action{display:block;margin-top:13px;font-size:10px;color:#856843}.realm-spread{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:calc(100svh - var(--top) - 175px);padding:38px 0}.realm-copy>.eyebrow{letter-spacing:.18em}.realm-copy h2{font-size:clamp(35px,3.5vw,54px);margin:11px 0 0}.realm-subtitle{font-size:16px;color:#927343;margin:10px 0 28px}.realm-copy .body-copy{font-size:13px;line-height:2.12;margin-bottom:14px;color:#5c4a39}.realm-meta{display:flex;gap:25px;border-top:1px solid var(--line);margin-top:25px;padding-top:16px;font-size:11px}.realm-meta span{color:var(--muted);font-size:9px;display:block;margin-bottom:6px}.realm-figure{margin:0}.realm-figure>img{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:0 8px 18px #422b1c20}.realm-figure figcaption{font-size:9px;letter-spacing:.15em;text-align:center;color:var(--muted);margin:12px 0 22px}.location-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.location-thumb{padding:0;text-align:center}.location-thumb img{width:100%;aspect-ratio:1;object-fit:cover}.location-thumb span{display:block;margin-top:9px;font-size:11px;color:#614d36}.location-thumb:hover{transform:translateY(-3px)}
.filter-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:20px 0 26px}.filter-tabs button{font-size:11px;padding:8px 15px;border:1px solid transparent}.filter-tabs button.active{background:#e5d5b8;border-color:#b69c6e}.character-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px 19px;margin-bottom:24px}.character-card{text-align:left;padding:0}.empty-portrait{position:relative;aspect-ratio:4/5;border:1px solid #b39c714f;outline:1px solid #b39c712a;outline-offset:-6px;background:linear-gradient(130deg,#e4d5b62e,#faf5e32e);display:grid;place-items:center;color:#ad957267}.empty-portrait:before{content:'';position:absolute;width:32%;height:1px;background:#a3885d33}.empty-portrait .empty-caption{font-size:8px;font-family:var(--ui);letter-spacing:.08em;position:absolute;bottom:12px;color:#947d5e}.character-card h3{font-size:14px;margin-top:11px;line-height:1.4}.character-card>p{font-size:9px;margin-top:4px;color:var(--muted);line-height:1.5}.character-card:hover .empty-portrait{background:#e7d6b978;border-color:#97784b}.apostle-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:35px 0;align-items:center;min-height:calc(100svh - var(--top) - 175px)}.apostle-art{height:clamp(310px,52vh,600px);border:1px solid #a48a5a42;outline:1px solid #a48a5a22;outline-offset:-10px;display:flex;align-items:center;justify-content:center;position:relative;background:#e9ddc220}.apostle-art span{position:absolute;bottom:27px;font:10px var(--ui);letter-spacing:.15em;color:#9a8466}.apostle-copy h2{margin:12px 0 22px}.apostle-copy>.body-copy{font-size:14px;color:var(--muted);line-height:2;max-width:370px}.kin-heading{margin-top:40px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:12px}.kin-heading span{font-size:10px;color:var(--muted)}.kin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:17px 0}.kin-card{padding:0;text-align:center}.kin-card .empty-portrait{aspect-ratio:1}.kin-card p{font-size:11px;line-height:1.6;margin-top:9px}.kin-card:hover{transform:translateY(-3px)}.rift-info{font-size:11px;border-bottom:1px solid var(--line);padding:6px 0;color:var(--muted)}.epilogue-content{min-height:calc(100svh - var(--top) - 173px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.epilogue-content h2{margin:20px 0;font-size:clamp(30px,4vw,51px);line-height:1.8}.epilogue-line{height:1px;width:100px;background:var(--line);margin:10px}
.map-view{padding:calc(var(--top) + 33px) 40px 25px;max-width:1600px;margin:0 auto}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5px 25px}.map-heading h2{font-size:34px;margin-top:8px}.map-heading>p{font-size:12px;color:var(--muted);margin-left:auto;margin-right:25px}.map-heading .text-button{margin:0}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px;align-items:start}.map-scroll{overflow:auto;box-shadow:0 7px 25px #4c311d29;border:1px solid #94764b7a}.map-canvas{position:relative;width:100%}.map-canvas>img{width:100%;height:auto;aspect-ratio:3/2}.map-node{--realm:#5d6947;position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;padding:0;z-index:2;isolation:isolate}.map-node:before{content:'';width:13px;height:13px;border:2px solid #fbefd0;background:var(--realm);box-shadow:0 0 0 1px var(--realm),0 2px 5px #26191188;transform:rotate(45deg);transition:transform .2s}.map-node:hover:before,.map-node.selected:before{transform:rotate(45deg) scale(1.4)}.map-node .pin-label{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);padding:5px 9px;white-space:nowrap;background:#f7ecd7f2;border:1px solid #967a50;font-size:10px;box-shadow:0 2px 8px #583b2922;opacity:0;pointer-events:none}.map-node:hover .pin-label,.map-node:focus-visible .pin-label,.map-node.selected .pin-label{opacity:1}.map-card{padding:24px 22px;min-height:380px;background:#f6eddbed;border:1px solid var(--line);box-shadow:3px 5px 18px #533e1d0c}.map-card h3{font-size:22px;margin:12px 0 18px;line-height:1.5}.map-card>.ornament{text-align:center;margin:28px 0}.map-card>p:not(.eyebrow){font-size:12px;color:var(--muted)}.map-card .location-image{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:19px}.map-legend{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:17px 8px;font-size:10px}.map-legend i{display:inline-block;width:6px;height:6px;transform:rotate(45deg);margin-right:5px}.mercadia-dot{background:#5d6947}.aurenheim-dot{background:#7b7083}.belcarna-dot{background:#974d3b}.byeokryul-dot{background:#3b746a}.map-npcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.map-npcs .character-card h3{font-size:12px}.map-npcs .empty-portrait{aspect-ratio:1}.map-location-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.map-location-group{border-top:1px solid var(--line);padding-top:13px}.map-location-group h3{font-size:13px;margin-bottom:10px}.map-location-group button{font-size:10px;color:var(--muted);padding:5px 9px 5px 0;text-align:left}.map-location-group button:hover{color:#9d4b32}.map-footnote{font:9px var(--ui);letter-spacing:.18em;color:var(--muted);text-align:center;margin-top:25px}
dialog{width:min(850px,calc(100% - 42px));max-height:calc(100svh - 65px);padding:0;border:1px solid #9f8150;color:var(--ink);background:linear-gradient(100deg,#f5eddb,#eee0c5);box-shadow:0 25px 100px #1e170951;overscroll-behavior:contain}dialog::backdrop{background:#221b1666;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .3s ease}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dialog-close{position:absolute;right:13px;top:9px;font:29px var(--serif);width:38px;height:38px;z-index:5;background:#f1e5d0dc;border:1px solid #a58b6155}.dialog-close:hover{background:#e2cda9}#dialog-content{padding:42px}.modal-heading .eyebrow{margin-bottom:10px}.modal-heading h2{font-size:33px;margin-bottom:12px}.modal-split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.modal-split>img{width:100%;aspect-ratio:1;object-fit:cover}.modal-copy>p{font-size:13px;line-height:2;margin-bottom:13px}.modal-copy .text-button{margin:20px 0 0}.modal-copy .eyebrow{font-size:9px}.modal-copy h2{font-size:32px;margin:10px 0 20px}.modal-meta{font:11px/1.8 var(--ui);color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.character-detail>.empty-portrait{aspect-ratio:3/4;min-height:240px}.character-summary{font-size:14px;line-height:1.8}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.profile-fields dt{font:9px var(--ui);color:var(--muted);margin-bottom:7px}.profile-fields dd{margin:0;line-height:1.8}.profile-fields .wide{grid-column:1/-1}.large-empty{height:340px;border:1px solid var(--line);margin:25px 0 0;display:grid;place-items:center;color:#9d8869;font:11px var(--ui)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-top:25px}.guide-grid h3{font-size:17px;margin-bottom:10px}.guide-grid p{font-size:12px;color:var(--muted)}.guide-table{width:100%;border-collapse:collapse;margin-top:24px;font-size:11px}.guide-table th,.guide-table td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.guide-table th{font-weight:500}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,10px);max-width:calc(100% - 32px);width:max-content;padding:14px 22px;z-index:150;background:#4b382aed;color:#fff3dc;border:1px solid #b69b6a;font:12px/1.7 var(--ui);opacity:0;transition:.2s;pointer-events:none;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.dialog-open{overflow:hidden}
@media(min-width:1500px){.page{max-width:1320px;padding-left:70px;padding-right:70px}.realm-spread,.apostle-layout{gap:100px}.territory-card{grid-template-columns:155px 1fr}.territory-card img{width:155px;height:155px}}
@media(max-width:1100px){.page{width:calc(100% - 92px);padding-left:35px;padding-right:35px}.page-footer{left:35px;right:35px}.realm-spread,.apostle-layout{gap:50px}.territory-card{grid-template-columns:108px 1fr;gap:14px}.territory-card img{width:108px;height:108px}.territory-card h3{font-size:21px}.character-grid{grid-template-columns:repeat(4,1fr)}.character-page{min-height:calc(100svh - var(--top))}.topbar{padding:0 24px}.top-actions{gap:16px}.map-view{padding-left:25px;padding-right:25px}.map-layout{grid-template-columns:minmax(0,1fr) 240px}.map-card{padding:20px 17px}.chapter-buttons button{padding:16px 12px}.rank-grid{margin-top:35px}.rank-icon{width:51px;height:62px}.rank-card h3{font-size:17px}}
@media(max-width:760px){:root{--top:104px}.home-border{inset:13px}.home-view{padding:95px 24px 115px}.home-copy h1{font-size:clamp(52px,12vw,80px)}.home-copy>.eyebrow{font-size:8px;letter-spacing:.17em}.title-rule{margin:19px auto}.subtitle{font-size:30px}.subtitle span{font-size:22px;margin:0 5px}.pronunciation{font-size:11px;margin-top:16px}.home-buttons{gap:12px;margin-top:35px}.book-button{min-width:0;padding:18px 15px;font-size:13px;gap:7px;flex:1;max-width:230px}.button-arrow{display:none}.home-caption{font-size:10px;letter-spacing:0;bottom:69px;padding:0 25px}.home-edition{font-size:7px;bottom:46px}.topbar{height:var(--top);padding:12px 17px 10px;flex-wrap:wrap;gap:5px;align-content:space-between}.brand{font-size:12px;gap:8px}.brand small{display:none}.top-actions{width:100%;justify-content:flex-end;gap:15px;font-size:10px}.bgm-toggle{padding-left:13px;font-size:9px}.volume-control{gap:5px}.volume-control input{width:60px}.volume-control svg{width:12px}.volume-control output{font-size:8px;width:25px}.chapter-ribbon{display:none}.page{width:calc(100% - 28px);padding:22px 22px 73px;background:linear-gradient(90deg,#f5ecdbeF,#f4e8d3f0 48.9%,#decaace0 50%,#f5ebd7f0 51.1%,#f6edddf0)}.running-head{font-size:7px;letter-spacing:.06em;gap:10px;padding-bottom:12px}.page-footer{left:22px;right:22px;bottom:25px;font-size:8px;gap:6px}.page-footer button{font-size:9px}.page-footer>span:first-child{max-width:49%}.prologue-content{padding:44px 0 25px;min-height:calc(100svh - var(--top) - 136px)}.prologue-content h2{font-size:clamp(27px,6.1vw,43px);letter-spacing:-.055em}.prologue-content>.eyebrow{font-size:8px;letter-spacing:.12em}.prologue-content .ornament{font-size:34px;margin:14px 0}.synopsis{font-size:12px;line-height:2.1}.chapter-buttons{flex-direction:column;max-width:290px;margin-top:27px}.chapter-buttons button{font-size:11px;padding:13px 17px;text-align:left;display:flex;justify-content:space-between}.chapter-buttons button+button{border-left:1px solid var(--line);border-top:0}.section-heading{margin:34px 0 24px}.section-heading h2{font-size:29px}.section-heading>p:last-child{font-size:11px}.eyebrow{font-size:8px;letter-spacing:.17em}.rank-grid{grid-template-columns:repeat(3,1fr);gap:20px 0;margin:26px 0}.rank-card{padding:9px}.rank-card:nth-child(3){border:0}.rank-icon{height:52px;width:48px}.rank-number{margin:8px 0}.rank-card h3{font-size:17px}.rank-card p{font-size:10px;margin-top:5px}.fine-note{font-size:10px}.territory-grid{gap:20px 17px;margin-bottom:22px}.territory-card{display:block;text-align:center;padding-bottom:13px}.territory-card img{width:100%;height:auto;aspect-ratio:1}.territory-card .eyebrow{margin-top:13px;font-size:7px;letter-spacing:.08em}.territory-card h3{font-size:21px;margin:7px 0}.territory-card .concept{font-size:11px}.territory-card .card-action{font-size:9px;margin-top:9px}.realm-spread,.apostle-layout{grid-template-columns:1fr;gap:28px;padding:30px 0;min-height:0}.realm-copy h2{font-size:37px}.realm-subtitle{font-size:14px;margin:7px 0 21px}.realm-copy .body-copy{font-size:12px}.realm-meta{font-size:11px}.realm-figure>img{aspect-ratio:4/3}.realm-figure figcaption{font-size:8px}.location-thumbs{gap:10px}.location-thumb span{font-size:10px}.filter-tabs{gap:1px;margin:17px -10px 22px}.filter-tabs button{padding:7px 8px;font-size:10px}.character-grid{grid-template-columns:repeat(3,1fr);gap:18px 12px}.character-card h3{font-size:12px}.character-card>p{font-size:8px}.empty-portrait .empty-caption{font-size:7px}.apostle-layout{gap:27px}.apostle-art{height:320px;order:2}.apostle-copy{order:1}.apostle-copy h2{font-size:34px;margin:9px 0 18px}.apostle-copy>.body-copy{font-size:12px}.kin-heading{margin-top:24px}.kin-card p{font-size:10px}.epilogue-content h2{font-size:34px}.map-view{padding:calc(var(--top) + 25px) 16px 25px}.map-heading{flex-wrap:wrap;gap:12px;padding-bottom:18px}.map-heading h2{font-size:29px}.map-heading>p{font-size:10px;margin:0}.map-heading .text-button{font-size:10px;width:100%;text-align:right;border:0;padding:0;display:block}.map-layout{grid-template-columns:1fr;gap:20px}.map-canvas{min-width:650px}.map-card{min-height:0;display:block;padding:25px}.map-card .location-image{width:125px;float:left;margin:0 20px 12px 0}.map-card:after{content:'';display:block;clear:both}.map-card h3{font-size:23px;margin:9px 0 10px}.map-card>.ornament{display:none}.map-card>p:not(.eyebrow){font-size:11px}.map-legend{grid-template-columns:repeat(4,1fr);gap:10px 5px;margin-top:20px;padding-top:17px;font-size:9px}.map-npcs{clear:both;display:flex;gap:15px;padding-top:15px}.map-npcs .character-card{width:95px}.map-location-list{grid-template-columns:1fr 1fr;gap:18px 16px}.map-location-group h3{font-size:12px}.map-location-group button{font-size:10px}#dialog-content{padding:45px 23px 28px}.modal-split{grid-template-columns:1fr;gap:23px}.modal-split>img{max-width:260px;margin:auto}.modal-copy h2{font-size:28px;margin:8px 0 16px}.modal-copy>p{font-size:12px}.character-detail>.empty-portrait{width:180px;min-height:0;margin:auto}.profile-fields{gap:15px;font-size:12px}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-table{font-size:10px}.guide-table th,.guide-table td{padding:9px 5px}.large-empty{height:260px}.scenery-book{background-size:auto 100%;background-position:center}.toast{font-size:11px;padding:12px 16px}}
.realm-figure>img,.location-thumb img{height:auto}
.rift-roles{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.rift-roles h3{font-size:12px;color:#725b78;margin:0 0 8px}.rift-roles p{font-size:11px;line-height:1.9;color:var(--muted)}.rift-seal{border-top:1px solid var(--line);margin-top:21px;padding-top:18px;text-align:center}.rift-seal>.eyebrow{color:#7c687f;font-size:9px;letter-spacing:.18em}.rift-seal ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:18px 0 0;padding:0}.rift-seal li{position:relative;font-size:11px}.rift-seal li+li:before{content:'→';position:absolute;left:-12px;top:15px;color:#99857b}.rift-seal li span{display:block;font:11px var(--serif);color:#8c7690;letter-spacing:.12em;margin-bottom:9px}.rift-page .realm-subtitle{color:#806782}.rift-page .realm-figure figcaption{letter-spacing:.04em;line-height:1.8}.rift-illustration .realm-figure>img{height:auto}
@media(max-width:760px){.rift-roles{gap:17px;margin-top:21px}.rift-roles h3{font-size:11px}.rift-roles p{font-size:10px}.rift-seal{margin:16px 0 0}.rift-seal li{font-size:10px}.rift-illustration{padding-bottom:6px}}
.map-heading{background:#f5ecdcc7;padding:18px 22px;margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:1101px) and (max-height:820px){.character-grid .empty-portrait{height:110px;aspect-ratio:auto}.character-grid{margin-top:0;margin-bottom:10px}.character-page .section-heading{margin-top:22px;margin-bottom:12px}.character-page .section-heading h2{font-size:34px}}
@media(min-width:761px) and (max-height:820px){.prologue-content{padding:24px 0;min-height:calc(100svh - var(--top) - 169px)}.prologue-content h2{font-size:42px;line-height:1.45;margin-top:18px}.prologue-content .ornament{font-size:32px;margin:12px 0 8px}.synopsis{font-size:14px;line-height:2}.chapter-buttons{margin-top:27px}.section-heading{margin:28px 0 22px}.rank-grid{margin:30px 0 20px}.rank-card{padding:10px 8px}.rank-icon{height:62px}.rank-number{margin:10px 0 7px}.realm-spread{padding:24px 0}.realm-copy h2{font-size:40px}.realm-subtitle{margin:7px 0 19px}.realm-copy .body-copy{font-size:12px;line-height:2;margin-bottom:11px}.realm-meta{margin-top:17px;padding-top:12px}.realm-figure>img{max-height:285px;object-fit:contain}.realm-figure figcaption{margin:9px 0 16px}.location-thumbs{max-width:340px;margin:auto}.apostle-layout{padding:24px 0}.character-grid .empty-portrait{aspect-ratio:1}.character-grid{gap:18px}.character-card h3{font-size:13px;margin-top:8px}.character-page .section-heading{margin:24px 0 16px}.character-page .filter-tabs{margin:14px 0 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.white-intro.ready{opacity:0}}

/* Atlas appendix: a marginal note, with no geographic coordinates. */
.map-appendix{position:absolute;right:3%;bottom:4%;z-index:2;width:172px;padding:13px 17px;color:#66516d;text-align:left;background:linear-gradient(120deg,#f8efdcf5,#ecddc0f5);border:1px solid #92768c;outline:1px solid #92768c55;outline-offset:-5px;box-shadow:2px 4px 12px #4b312b25}
.appendix-label{display:block;font:9px var(--ui);letter-spacing:.14em;color:#806a80}.appendix-title{display:flex;align-items:center;gap:11px;margin:8px 0;font-size:21px}.appendix-title>span{margin-left:auto;font-size:15px}.appendix-title i{width:12px;height:12px;transform:rotate(45deg);border:1px solid #f8edd8;background:#80648b;box-shadow:0 0 0 1px #80648b}.appendix-note{display:block;font-size:10px;color:#826c73}.map-appendix:hover,.map-appendix[aria-pressed="true"]{background:#f8eddb;border-color:#62446e;box-shadow:2px 5px 16px #50325238}.map-appendix:focus-visible{outline:2px solid #62446e;outline-offset:3px}
.map-appendix-group{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:18px;border-color:#92768c55}.map-appendix-group h3{margin:0;color:#806a80}.map-appendix-group p{margin:0;font-size:10px;color:var(--muted)}.map-appendix-group button[aria-pressed="true"]{color:#62446e}.map-card .rift-map-image{aspect-ratio:4/3}.map-card .rift-map-note{padding-top:13px;border-top:1px solid #92768c55;color:#806a80!important;font-size:10px!important}.map-card>.text-button{font-size:12px;margin-top:16px}
@media(max-width:760px){.map-appendix{width:155px;padding:11px 14px}.appendix-title{font-size:19px}.map-appendix-group{gap:12px;flex-wrap:wrap;justify-content:flex-start}.map-card .rift-map-note{clear:both}}