/* Source-led second edition: all art supplied by the author. */
:root{--ink:#12100f;--dark:#0d0c0b;--panel:#211c19;--muted:#aaa399;--gold:#c5af87;--line:rgba(218,196,160,.2)}
body{background:#11100f}.site-header.scrolled{background:#13110ff2}.hero{background:#080706}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#000b,transparent 68%),linear-gradient(0deg,#11100f 0%,transparent 25%,transparent 85%,#0005)}.hero-subtitle{max-width:340px;white-space:pre-line;color:#c7bcab;line-height:2.2}.hero h2{font-size:25px}.hero-copy{left:10%;width:490px}.hero-coordinates span,.scroll-cue small{color:#9b8d7e}.hero-side-caption{color:#d8cbb4}.hero-bottom-note small{color:#a69987}.hero-copy .eyebrow{letter-spacing:5px}.hero h1{background:linear-gradient(145deg,#f0e8d6,#b8a17b);background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:18px}.stories{background:#11100f}.desktop-nav{gap:26px}.section-intro{max-width:310px}.world{background:#ded8cb}.world-core,.map-node{background:#ded8cb}.world-layout{padding-top:40px;border-top:1px solid #655d422a}.world-core{padding:12px}.map-caption{color:#827666}.world-panel{min-height:210px}.lore-browser{margin:0 0 60px}.lore-tabs{display:flex;gap:35px;border-bottom:1px solid #4b3b2826}.lore-tabs button{position:relative;padding:17px 0;font-family:var(--serif);font-size:17px;color:#7a7061;letter-spacing:2px}.lore-tabs small{font-family:Arial;font-size:9px;margin-right:10px;color:#9c8b72}.lore-tabs [aria-selected="true"]{color:#332c24}.lore-tabs [aria-selected="true"]:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#a18b60}.lore-body{min-height:420px;display:grid;grid-template-columns:1.1fr 1fr;margin-top:30px;background:#171411;color:#d7cfc0}.lore-copy{padding:35px 38px;position:relative;z-index:1}.lore-copy .eyebrow{font-size:8px;color:#b9a27b;letter-spacing:2px}.lore-copy h3{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:4px;margin:10px 0 20px}.lore-copy>p:not(.eyebrow){font-size:12px;line-height:2.05;color:#b7ad9f;margin-top:12px}.lore-art{background-size:cover;background-position:right center;mask-image:linear-gradient(90deg,transparent,#000 20%)}.lore-terms{border-top:1px solid #aa957b44;padding-top:16px;margin-top:25px;font-size:10px;letter-spacing:2px;color:#cbb58e}.lore-source{display:block;margin-top:12px;color:#857768;font-size:9px}.lore-link-list{display:flex;gap:10px;flex-wrap:wrap}.lore-link-list button{padding:8px 13px;border:1px solid #a08c6350;color:#6a5739;font-size:11px}.character-gallery{padding:80px 9% 65px;background:#141210;min-height:0}.character-gallery .section-heading{margin-bottom:35px}.character-gallery .section-heading h2{font-size:31px}.character-stage{display:grid;grid-template-columns:1.1fr 1fr;min-height:590px;align-items:center;gap:9%;position:relative}.character-portrait{align-self:stretch;background-size:auto 100%;background-repeat:no-repeat;min-height:590px;mask-image:linear-gradient(90deg,#000 80%,transparent)}.character-profile{padding:40px 0}.character-profile .eyebrow{font-size:10px;letter-spacing:2px}.character-profile h3{font-family:var(--serif);font-size:55px;font-weight:400;letter-spacing:8px;margin-top:15px;line-height:1.4}.character-epithet{font-family:var(--serif);font-size:21px;letter-spacing:8px;margin:10px 0 25px;color:#b49e77}.profile-rule{height:1px;width:65px;background:#978365}.character-bio{font-size:13px;color:#b6ac9f;line-height:2.2;margin-top:26px;max-width:360px}.character-stats{font-size:10px;display:flex;gap:25px;margin:24px 0}.character-stats dt{color:#857768}.character-stats dd{margin:0;color:#c6b89d}.character-select{display:flex;gap:0;border-top:1px solid var(--line);overflow-x:auto;margin-top:28px;padding-bottom:3px}.character-select button{padding:21px 20px;flex-shrink:0;font-size:12px;letter-spacing:2px;color:#9a8f81;border-top:2px solid transparent}.character-select small{display:block;font-family:Arial;font-size:8px;letter-spacing:1px;margin-bottom:5px;color:#7d7061}.character-select [aria-selected="true"]{color:#e5d9c0;border-top-color:#c5af87;background:linear-gradient(#9e805820,transparent)}.scenes{background:#dfd8ca;color:#302c26}.scenes .eyebrow{color:#88724e}.scenes .section-intro{color:#7c756a}.scene-stage{display:grid;grid-template-columns:1.8fr 1fr;gap:45px;align-items:center}.scene-image-button{position:relative;padding:0;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#262c2b}.scene-image-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.scene-image-button:hover img{transform:scale(1.025)}.scene-image-button>span{position:absolute;right:20px;bottom:18px;font-size:9px;letter-spacing:2px;padding:6px 10px;background:#12100faa;color:#dfd6c5}.scene-copy h3{font-family:var(--serif);font-size:29px;letter-spacing:3px;line-height:1.7;margin:16px 0}.scene-copy>p:not(.eyebrow){font-size:12px;color:#776f62;line-height:2}.scene-copy>small{font-size:9px;color:#958673;display:block;margin-top:16px}.scene-controls{display:flex;gap:25px;align-items:center;margin-top:35px}.scene-controls button{width:38px;height:38px;border:1px solid #8d7a5944;font-size:18px;color:#86714c}.scene-controls .mono{font-size:9px;color:#91806a}.scene-thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:30px}.scene-thumbnails button{padding:0;opacity:.6;transition:opacity .25s;text-align:left}.scene-thumbnails button[aria-pressed="true"],.scene-thumbnails button:hover{opacity:1}.scene-thumbnails img{width:100%;height:90px;object-fit:cover;display:block;border:1px solid transparent}.scene-thumbnails [aria-pressed="true"] img{border-color:#9b7c49}.scene-thumbnails span{display:block;margin-top:9px;font-size:9px;color:#746651;letter-spacing:1px}.archive{background:#13110f}footer{background:#11100f}.reader{background:#14120f}.reader-main{background:#161410}.reader-header{background:#110f0d}.reader-sidebar{background:#12100e}.reader-images{max-width:680px}.reader-related h3{font-size:28px}.reader-lore{margin-top:35px;padding:25px;border:1px solid var(--line)}.reader-lore h4{font-family:var(--serif);font-size:24px;font-weight:400;margin:0 0 15px}.reader-lore p{font-size:12px;line-height:2;color:#a99e8f}.reader-lore .text-link{font-size:10px;color:#bba47e;margin-top:18px}.story-body{font-size:14px;line-height:2.1;color:#c9bcaa;margin:20px 0 35px}.story-body p+p{margin-top:12px}.upload-label{background:none}
.image-viewer{width:96vw;height:96dvh;max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #8c78583d;background:#151310;color:#e2d8c6}.image-viewer::backdrop{background:#000e}.image-viewer header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;border-bottom:1px solid var(--line);gap:20px}.image-viewer h2{font-size:15px;font-weight:400;letter-spacing:2px}.image-viewer header>div{display:flex;gap:22px;align-items:center}.image-viewer header button{font-size:12px}.image-viewer-body{height:calc(100% - 70px);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:20px}.image-viewer-body img{max-width:100%;max-height:100%;object-fit:contain;align-self:center}.image-viewer-body:has(.original-size){display:block}.image-viewer-body img.original-size{max-width:none;max-height:none;width:auto;height:auto}
.edit-fab{position:fixed;z-index:16;bottom:24px;right:25px;display:flex;gap:9px;align-items:center;padding:10px 16px;border:1px solid #ae96774d;background:#18130fe8;color:#d9c39c;box-shadow:0 5px 25px #0002;backdrop-filter:blur(12px);font-size:15px}.edit-fab span{font-size:10px;letter-spacing:2px}.studio{width:min(1060px,96vw);height:min(900px,94dvh);max-width:none;max-height:none;padding:0;border:1px solid #c2af8d5c;background:#eee9df;color:#3a352d;margin:auto}.studio::backdrop{background:#0d0b09da;backdrop-filter:blur(7px)}.studio-header{height:91px;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #76664c26}.studio-header .eyebrow{font-size:8px;letter-spacing:2px;color:#a08b65}.studio-header h2{font-size:23px;font-family:var(--serif);font-weight:400;letter-spacing:3px;margin-top:4px}.studio-header .icon-button{color:#7d6b50;border-color:#9d8d753d}.studio-notice{font-size:10px;color:#88785f;padding:11px 30px;background:#e6dfd2}.studio-layout{display:grid;grid-template-columns:160px 1fr;height:calc(100% - 130px);min-height:0}.studio-layout>nav{padding:25px 15px;border-right:1px solid #806b4b25;display:flex;flex-direction:column;gap:8px}.studio-layout>nav button{text-align:left;padding:13px 15px;font-size:12px;color:#8b7c65;letter-spacing:2px}.studio-layout>nav button.active{background:#ded3bf;color:#514431}.studio-main{padding:25px 35px;overflow:auto;min-width:0}.studio-main input:not([type="file"]):not([type="checkbox"]),.studio-main select,.studio-main textarea{width:100%;padding:11px 13px;border:1px solid #b4a28670;background:#f8f4ec;color:#44382c;border-radius:0;font-size:12px;outline-offset:2px}.studio-main textarea{resize:vertical;min-height:95px;line-height:1.8;font-family:var(--sans)}.studio-main input:focus,.studio-main select:focus,.studio-main textarea:focus{outline:1px solid #a18b62;border-color:#a18b62}.studio-main input[type="checkbox"]{accent-color:#978158}.studio-field{display:block;margin-top:19px}.studio-field>span:first-child{font-size:11px;letter-spacing:1px;color:#6d604c;display:block;margin-bottom:7px}.studio-field>small{display:block;color:#9a8b73;font-size:9px;margin-top:6px}.studio-image-preview{display:flex;gap:18px;align-items:center;margin-top:10px;padding:15px;border:1px solid #b5a38650;background:#e5ddcf}.studio-image-preview img{width:100px;height:80px;object-fit:cover}.studio-image-preview>div{flex:1;min-width:0}.studio-file{display:inline-block;padding:7px 13px;border:1px solid #9b856050;background:#f6f0e5;cursor:pointer;font-size:11px}.studio-file input{display:none}.studio-file-note{font-size:9px;color:#8a795e;margin-top:7px}.studio-main button:not(.studio-primary){border:1px solid #a8906655;padding:9px 15px;color:#806b46;font-size:11px}.studio-primary{background:#786344;color:#fff7e5;border:1px solid #786344;padding:11px 22px;font-size:12px;letter-spacing:1px}.studio-save{margin-top:26px;border-top:1px solid #a48e682f;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.studio-save>span{font-size:10px;color:#8f7d60}.studio-save .error{color:#ac3333}#studioItemBar{display:flex;align-items:center;gap:12px;margin-bottom:24px}#studioItemBar label{font-size:10px;white-space:nowrap;color:#8c7a5e}#studioItemBar select{flex:1;min-width:80px}#studioItemBar button{white-space:nowrap}.studio-checks{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;padding:10px 0}.studio-checks label{display:flex;gap:7px;align-items:center}.studio-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#studioBackup>h3{font-family:var(--serif);font-size:29px;font-weight:400;margin:15px 0 25px}#studioBackup>p{font-size:12px;line-height:2;color:#827159;margin:25px 0 15px}.studio-import{display:inline-block;border:1px solid #a8906655;padding:9px 15px;color:#806b46;font-size:11px;cursor:pointer;margin-left:12px}#studioBackup details{margin-top:40px;border-top:1px solid #a8906633}#studioBackup summary{font-size:11px;padding:18px 0}#studioBackup details p{font-size:10px;color:#8f7e64;margin-bottom:15px}.studio-image-list{display:flex;gap:8px;overflow:auto;margin-top:12px}.studio-image-list img{width:55px;height:90px;object-fit:cover;object-position:top}.studio-empty{font-size:11px;color:#99876b}.edit-fab:hover{background:#302619}.mobile-nav{background:#16120ff5}
@media(min-width:1600px){.character-portrait{min-height:700px}.character-stage{min-height:700px}}
@media(max-width:1100px){.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.lore-tabs{gap:25px}.lore-tabs button{font-size:15px}.lore-copy{padding:25px}.character-gallery{padding:75px 7% 50px}.character-stage{gap:5%;min-height:520px}.character-portrait{min-height:520px}.character-profile h3{font-size:46px}.character-bio{font-size:12px}.scene-stage{gap:30px}.scene-copy h3{font-size:24px}.scene-thumbnails img{height:70px}}
@media(max-width:800px){.hero-copy{left:8%;width:84%}.hero h2{font-size:23px}.lore-tabs{gap:0;justify-content:space-between;overflow:auto}.lore-tabs button{font-size:13px;letter-spacing:1px;white-space:nowrap;padding:14px 6px}.lore-tabs small{display:none}.lore-body{display:flex;flex-direction:column}.lore-art{order:-1;height:230px;mask-image:none;background-position:70% center}.lore-copy{padding:28px}.lore-copy>p:not(.eyebrow){font-size:12px}.lore-body{margin-top:20px}.character-gallery .section-heading h2{font-size:27px}.character-stage{grid-template-columns:1fr 1fr;gap:22px;min-height:450px}.character-portrait{min-height:450px;background-size:auto 100%;mask-image:linear-gradient(90deg,#000 85%,transparent)}.character-profile{padding:0}.character-profile h3{font-size:36px;letter-spacing:4px}.character-epithet{font-size:17px;letter-spacing:5px}.character-bio{font-size:11px;line-height:2}.character-profile .eyebrow{font-size:8px;letter-spacing:1px}.character-stats{display:block;font-size:9px;margin:15px 0}.character-stats dd{margin-top:5px}.character-profile .button{font-size:10px;gap:10px;padding:0 15px;margin-top:13px}.character-select button{padding:16px;font-size:11px}.scene-stage{grid-template-columns:1fr;gap:22px}.scene-image-button{aspect-ratio:16/10}.scene-copy{position:relative}.scene-copy h3{font-size:25px;margin:10px 0}.scene-copy>p:not(.eyebrow){max-width:85%}.scene-controls{margin-top:18px;gap:20px}.scene-thumbnails{grid-template-columns:repeat(3,1fr);gap:18px 12px;margin-top:25px}.scene-thumbnails img{height:90px}.scene-thumbnails span{font-size:9px}.studio{width:100vw;height:100dvh;margin:0;border:0}.studio-header{height:78px;padding:15px 20px}.studio-notice{padding:10px 20px;font-size:9px}.studio-layout{grid-template-columns:1fr;display:flex;flex-direction:column;height:calc(100% - 132px)}.studio-layout>nav{flex-direction:row;padding:10px 15px;gap:4px;overflow-x:auto;border-right:0;border-bottom:1px solid #806b4b25;flex-shrink:0}.studio-layout>nav button{white-space:nowrap;padding:10px 12px;font-size:11px}.studio-main{padding:20px;flex:1}.studio-text-grid{grid-template-columns:1fr}.edit-fab{bottom:15px;right:15px;padding:9px 12px}.image-viewer{width:100vw;height:100dvh;margin:0;border:0}.image-viewer header{padding:10px 17px;height:65px}.image-viewer h2{font-size:12px;letter-spacing:1px}.image-viewer-body{height:calc(100% - 65px);padding:10px}}
@media(max-width:480px){.hero h2{font-size:21px}.hero-subtitle{max-width:265px;font-size:12px}.hero-image{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#000c,#0005),linear-gradient(0deg,#11100f,transparent 50%)}.character-stage{display:flex;flex-direction:column;gap:0;align-items:stretch}.character-portrait{height:430px;min-height:0;background-size:auto 100%;mask-image:linear-gradient(0deg,transparent,#000 12%);background-color:#161311}.character-profile{padding:20px 5px 10px}.character-profile h3{font-size:39px;margin-top:8px}.character-epithet{margin:4px 0 20px}.character-bio{max-width:none;font-size:12px;margin-top:18px}.character-stats{display:flex;align-items:center;gap:20px;margin-top:18px}.character-stats dd{margin:0}.character-gallery .section-heading h2{font-size:24px;line-height:1.6}.scene-copy>p:not(.eyebrow){max-width:100%}.scene-thumbnails img{height:70px}.lore-tabs button{font-size:12px}.lore-copy{padding:24px}.lore-art{height:190px}.lore-copy h3{font-size:26px}.studio-header h2{font-size:21px}.studio-save{align-items:flex-start}.studio-save>span{max-width:45%}.studio-save .studio-primary{font-size:11px;padding:11px 16px}#studioItemBar{gap:9px}#studioItemBar label{display:none}.studio-import{margin-left:5px}.edit-fab span{font-size:9px}}
/* A pointer-centered image canvas for inspecting full character sheets. */
.image-viewer .image-viewer-body{position:relative;display:block;overflow:hidden;padding:0;cursor:grab;touch-action:none;user-select:none;overscroll-behavior:contain}
.image-viewer .image-viewer-body.is-grabbing{cursor:grabbing}
.image-viewer .image-viewer-body img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
.image-viewer-body:focus-visible{outline:1px solid #b7a17b;outline-offset:-3px}
#imageViewHelp{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);margin:0;padding:7px 12px;max-width:90%;width:max-content;background:#10191edb;color:#c9c2b5;font-size:10px;letter-spacing:1px;pointer-events:none}
#imageScale{min-width:42px;text-align:right;font-size:11px;color:#b7a17b;font-variant-numeric:tabular-nums}

.studio-realm-title{font-size:17px;margin:32px 0 16px;padding-top:22px;border-top:1px solid #9caeb54d;letter-spacing:2px}