/* Storm-dark screens; the existing light, compact print sheets remain independent. */
@media screen {
 :root{color-scheme:dark;--paper:#0b1219;--white:#131e27;--ink:#e9e5dc;--green:#d1a36e;--muted:#a9b8c2;--line:#32414c;--gold:#d1a36e}
 body{background:#0b1219;background-image:radial-gradient(ellipse at 100% 0,#20364280,transparent 65%);background-attachment:fixed;color:var(--ink)}
 ::selection{background:#a77744;color:white}
 .sidebar{background:linear-gradient(180deg,#101d27,#080f16);border-right:1px solid #65523e;padding-top:29px}
 .brand{color:#eee7d9;font-size:16px;letter-spacing:1.6px}.brand small{color:#b4bec4;letter-spacing:1.7px}
 .sidebar .nav-label{color:#c7a77b;font-size:9px}.sidebar .nav-item{color:#c4cfd5;font-size:12px;border:1px solid transparent;padding-block:10px}.sidebar .nav-item:hover{background:#20313e;color:#fff}.sidebar .nav-item.active{background:linear-gradient(90deg,#6b4d2b4d,#1c2b35);border-color:#68533866;box-shadow:inset 2px 0 #d1a36e;color:#ffe4bb}.sidebar .nav-item small{color:#a8b7c2}.sidebar .nav-item .dragon-mark{width:26px;height:26px;display:block;color:#cea976}
 .sidebar-bottom{border-top:1px solid #31414b;margin-top:26px;padding-top:22px}.sidebar-bottom>p:first-of-type{color:#c0ad91}.sidebar-button{color:#dce1df;border-color:#46545f}.sidebar-button:hover{background:#20313e}.sidebar-bottom .edition,.sidebar-bottom .storage-note{color:#a9b8c2}
 main{max-width:1900px;min-height:100vh}.page-header{position:relative;gap:14px;border-bottom-color:#68523980;padding-bottom:23px}.page-header>.dragon-mark{width:48px;height:48px;flex:0 0 48px;color:var(--gold)}.page-heading{flex:1;min-width:0}.page-header h1{font-size:clamp(30px,3vw,42px);color:#f1e9dc}.page-header .eyebrow{color:#c5ab87;letter-spacing:1.7px}.page-header>.actions{flex-shrink:1;max-width:48%}.eyebrow{color:#c3ad8e}
 body:not([data-view=party]) .page-header{isolation:isolate;min-height:150px;padding:24px;border:1px solid #62503c;background:#101f2a}
 body:not([data-view=party]) .page-header:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07131cf5,#07131cc9 55%,#07131c88),url('../art/storm-dragon.png') right 40% / cover no-repeat}
 body:is([data-view=ship],[data-view=voyage],[data-view=notes]) .page-header:before{background-image:linear-gradient(90deg,#07131cf5,#07131cd9 55%,#07131c99),url('../art/sea-dragon.png')}
 body:is([data-view=npcs],[data-view=lore]) .page-header:before{background-image:linear-gradient(90deg,#07131cf5,#07131cd9 55%,#07131c99),url('../art/dragon-turtle.png')}
 button{border-color:#556572;color:#e9e5dc;background:#15232d;border-radius:3px}button:hover{background:#263b49;border-color:#8a9caa}.primary{background:#d1a36e;border-color:#d1a36e;color:#101820}.primary:hover{background:#e6ba86;border-color:#e6ba86;color:#101820}button:disabled{opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#f2c892}
 input,textarea,select{background:#0c161f;border-color:#546571;color:#eef0ed}input::placeholder,textarea::placeholder{color:#96a7b5}input[type=checkbox]{accent-color:#d1a36e}dialog{background:#111d27;border-color:#776044;box-shadow:0 24px 100px #000b}dialog::backdrop{background:#02070dcc;backdrop-filter:blur(6px)}.dialog-actions{background:#111d27}.icon-button{background:none}.muted{color:var(--muted)}
 .expedition-hero{display:block;isolation:isolate;min-height:480px;border:1px solid #6a5239;background:#0b151e;box-shadow:0 20px 60px #0003;margin-bottom:0}.expedition-chart{position:absolute;inset:0;z-index:-2;border:0;min-height:0;background:#152532 url('../art/storm-dragon.png') 65% center / cover no-repeat}.expedition-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07121af2 0%,#0a151dcc 32%,#09141e40 65%,#08101812),linear-gradient(0deg,#071019aa,transparent 45%);pointer-events:none}.expedition-copy{padding:46px 40px 30px;background:none;max-width:650px}.expedition-copy>.eyebrow{font-size:9px;letter-spacing:2px;color:#dbc3a0;margin-bottom:22px}.expedition-copy h2{font-size:clamp(41px,4.3vw,68px);line-height:1.04;letter-spacing:-1.9px;color:#f3eee6;text-shadow:0 2px 14px #061018}.expedition-copy h2 em{color:#dfb883;font-weight:400}.expedition-copy>p{font-size:13px;line-height:1.8;color:#c6d1d7;margin:23px 0 16px}.chart-cta{color:#f3dfbd;font-size:12px;border-color:#b48b5799;gap:26px}.chart-folio{top:auto;bottom:27px;right:25px;background:#08121cb3;color:#c9b28c;border-color:#92704666;font-size:9px}.ship-caption{border-color:#c2a37540;color:#e2bb88;max-width:350px;margin-top:25px}.ship-caption small{color:#b3c2cc}.ship-seal{color:#d3ab76}
 .expedition-stations{background:#14212b;border-color:#46515a;margin-bottom:36px}.expedition-stations>a{padding:19px 20px}.expedition-stations>a:hover{background:#1d303d}.expedition-stations h2{font-size:22px;color:#ece5d9}.expedition-stations p{font-size:11px;color:#b0bec7}.station-number{color:#d2ac78}.station-icon{display:block;color:#bb986a}.station-icon .dragon-mark{display:block;width:38px;height:38px}
 .section-heading h2{font-size:29px}.section-heading>span{font-size:11px;color:#a9b8c2}.character-card{background:linear-gradient(150deg,#192833,#111b24);border:1px solid #3d4b56;border-top:2px solid #9f7a4f;box-shadow:0 5px 22px #0002;padding:19px 21px 0}.character-card:hover{border-color:#d1a36e;box-shadow:0 10px 28px #0006}.card-top .eyebrow{color:#d3b58f;font-size:9px;letter-spacing:.9px}.level-badge{color:#e1c199;background:#342d2566;border-color:#6e5941;font-size:9px}.character-card .portrait-card{aspect-ratio:1.15;border-color:#685238;object-position:center 35%}.character-card h2{color:#f1e8d9;font-size:30px}.character-type{color:#b5c3cd;font-size:12px}.tagline{color:#b8b9b4;font-size:14px}.character-card:has(.portrait-card) .tagline{min-height:58px}.card-stats span,.card-stats small{color:#a9b8c2;font-size:10px}.card-stats b{color:#eee7dd;font-size:25px}.card-link{color:#dfbb89;font-size:11px}.portrait{background:#182833}.nav-item .portrait-nav{border-color:#94734d;width:35px;height:35px}.portrait-profile{width:142px;height:142px;flex-basis:142px;border-color:#192b37;outline-color:#9c784f}.profile-identity p{color:#c7c9c5}.portrait-option span{font-size:12px}.portrait-options figure>a{color:#d8b381}.portrait-option[aria-pressed=true]{outline-color:#e4b77e}
 .table-panel,.panel,.stat-grid,.glossary-card,.log-entry,.markdown-profile{background:#131e27;border-color:#374753}.table-panel{background:linear-gradient(135deg,#1b2a34,#131e27)}.panel h3{color:#d1b28a}.panel p,.glossary-card p{font-size:13px}.panel p.muted{color:#a9b8c2}.table-panel h2{color:#eee4d5}th{color:#c7b08d;border-color:#48535a}td{border-color:#33434f}.page-footer{color:#a2b2bd}.abilities .ability,.ability,.session-bar,.spell-stats,.guest-first-turn{background:#1c2b36;border-color:#425461}.ability small{border-color:#4b5963}.stat>span{font-size:9px}.stat small{font-size:10px}.stat strong{color:#f4e5cf}.session-bar .eyebrow{color:#dbc09a}.session-bar label{font-size:11px}.tabs{gap:23px}.tabs a{color:#b6c3cd;font-size:13px}.tabs a:hover{color:#f3dfbd}.tabs a[aria-current]{color:#e8bd85;border-color:#d1a36e}.tabs small{background:#293b49;color:#e5dccf}
 .pending,.rules-reminder,.warning{background:#30281f;border-color:#80613e;color:#f0dfc4}.pending h3{color:#e1ba83}.skill-row,.resource,.skill-party{border-color:#2d3e4a}.skill-row b{color:#92a2af}.skill-row .proficient{color:#e3b57a}.skill-row small,.skill-key{color:#a2b3c0}.skill-link{border-color:#697d8c}.skill-link:hover{background:#2a3d4b;color:#f4cd96}.skill-example,.rule-link{color:#c1cbbf}.skill-party{color:#adbecb}.pip{border-color:#cfad80}.pip.spent{background:#d1a36e}.npc-description{color:#b3c2cc}.npc-artwork{background:#0c1720;border-color:#6a5239}.npc-artwork figcaption{background:#07121dd9;color:#ead5b8}.gm-notes{border-color:#d1a36e}.timeline{border-color:#485b69}.log-entry:before{background:#d1a36e}.death-saves{color:#b4c2cc}.character-subtitle span{color:#8c9aa4}.empty-state>span{color:#d1a36e}
 .dragon-frontiers{margin:4px 0 34px}.dragon-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.dragon-card{position:relative;display:block;isolation:isolate;overflow:hidden;min-height:245px;background:#13242e;border:1px solid #67513a;text-decoration:none}.dragon-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .3s}.dragon-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#030b13f5,#07111a10 100%)}.dragon-card>div{padding:95px 20px 21px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.dragon-card .eyebrow{color:#edd3ad;font-size:9px;letter-spacing:1.5px;margin-bottom:7px}.dragon-card h3{font:28px/1.15 var(--serif);letter-spacing:-.5px;text-transform:none;color:#fff2dd;margin-bottom:17px}.dragon-card-link{font-size:11px;color:#dbe2e4}.dragon-card:hover{border-color:#d9b17c}.dragon-card:hover>img{transform:scale(1.035)}
 .dragon-card:first-child>img{object-position:80% center}
 .lore-panel{border-top:3px solid #c4945e}.lore-panel .eyebrow{color:#d1b28a}.lore-art{height:auto;aspect-ratio:3/2;background:#112330 url('../art/dragon-turtle.png') center / cover no-repeat;border-color:#86633f}.lore-marginalia{color:#ccae88;border-color:#b9935f}.lore-panel a{color:#dcb784}.map-panel{background:#111e28;border-color:#53606a;box-shadow:inset 0 0 0 5px #1d2d38}.ship-image-frame{border:1px solid #71563c;background:#12232e}.ship-image-frame>span{background:#08131bd9;color:#f0ddbc}.ship-photo-options button{background:#172733;border-color:#4d5f6c}.ship-photo-options [aria-pressed=true]{outline-color:#d1a36e}#toast{background:#243b4b;border:1px solid #9b7b53;color:#fff1d8}
 @media(min-width:1600px){.expedition-hero{min-height:535px}.expedition-copy{padding:52px 48px 34px}.expedition-copy h2{font-size:72px}.expedition-chart{background-size:cover}}
 @media(max-width:1150px){.page-header>.actions{max-width:100%}.page-heading{flex-basis:calc(100% - 65px)}.page-header>.actions{margin-left:62px}.expedition-copy{padding:36px 28px 28px}.expedition-copy h2{font-size:49px}.station-icon{display:none}.dragon-cards{gap:12px}.dragon-card h3{font-size:24px}.dragon-card>div{padding-inline:15px}.chart-folio{display:none}}
 @media(max-width:760px){main{padding:24px 17px}.sidebar{border-right:0;border-bottom:1px solid #68523a}.sidebar-bottom{border:0;margin:0;padding-top:12px;flex-wrap:wrap}.sidebar .nav-item{font-size:12px}.sidebar .nav-item .dragon-mark{width:24px;height:24px}.page-header{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}.page-header>.dragon-mark{width:37px;height:37px;flex-basis:37px}.page-heading{flex-basis:calc(100% - 50px)}.page-header h1{font-size:31px}.page-header .eyebrow{font-size:8px;line-height:1.6}.page-header>.actions{margin-left:0;max-width:100%;width:100%}.actions button{flex:1 1 auto}.expedition-hero{min-height:470px}.expedition-chart{min-height:0;background-position:68% center}.expedition-hero:after{background:linear-gradient(90deg,#061019e6,#06101955),linear-gradient(0deg,#061019cc,transparent)}.expedition-copy{padding:33px 23px 26px}.expedition-copy h2{font-size:49px}.expedition-copy h2 br:last-child{display:block}.expedition-copy>.eyebrow{font-size:8px;line-height:1.8;max-width:240px}.expedition-copy>p{font-size:12px}.expedition-stations>a{padding:17px 19px}.station-icon{display:block}.station-icon .dragon-mark{width:33px;height:33px}.character-card{padding:15px 14px 0}.character-card h2{font-size:27px}.card-top .eyebrow{font-size:8px}.character-type{font-size:11px}.card-stats span{font-size:9px}.character-card:has(.portrait-card) .tagline{min-height:72px}.portrait-profile{width:105px;height:105px;flex-basis:105px}.dragon-cards{grid-template-columns:1fr}.dragon-card{min-height:230px}.dragon-card h3{font-size:30px}.dragon-card>div{padding:100px 23px 23px}.dragon-card>img{object-position:center 43%}.portrait-options{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-option span{padding:10px;font-size:11px}.map-panel{padding:8px}}
 @media(max-width:480px){.party-grid{grid-template-columns:1fr}.character-card:has(.portrait-card) .tagline{min-height:0;margin-bottom:18px}.character-card .portrait-card{aspect-ratio:1.25}.profile-identity{align-items:flex-start}.portrait-options{gap:12px}.expedition-copy h2{font-size:43px}.card-top .eyebrow{font-size:9px}}
 @media(prefers-reduced-motion:reduce){.dragon-card:hover>img{transform:none}}
}
@media print{.dragon-mark,.dragon-frontiers{display:none!important}}