:root{--bg:#13252f;--deep:#0c1921;--panel:#1b333d;--raised:#253f47;--line:#35515a;--text:#e9ebdf;--muted:#a9bcc0;--gold:#d9b765;--green:#8fc4ad;--cyan:#9bced0;--warning:#ebc68b;--red:#e9a994;font-family:Cantarell,"Segoe UI",Ubuntu,Arial,sans-serif;font-synthesis:none;color:var(--text);background:var(--bg);font-size:15px;line-height:1.5;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}strong,b{font-weight:650}time,progress{font-variant-numeric:tabular-nums}.skip-link{position:absolute;left:16px;top:-80px;z-index:5;padding:12px 17px;background:var(--gold);color:var(--deep)}.skip-link:focus{top:10px}
.masthead{max-width:1700px;margin:0 auto;padding:22px 38px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font:26px/1 Georgia,"Times New Roman",serif;white-space:nowrap}.brand:hover{text-decoration:none}.brand svg{width:43px;height:43px;fill:none;stroke:var(--gold);stroke-width:1.3}.brand small{display:block;font:11px/1.4 Cantarell,"Segoe UI",sans-serif;color:var(--muted);margin-top:7px}.header-note{color:var(--muted);font-size:13px}.broadcast-status{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:11px;letter-spacing:.5px;color:var(--muted);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.broadcast-status[data-state="live"]{color:var(--green)}.broadcast-status[data-state="loading"]{color:var(--gold)}.quest-jump{font-size:13px;margin-left:8px}.quest-jump span{margin-left:8px;color:var(--gold)}
main{max-width:1700px;margin:auto;padding:28px 38px 42px}.connection-note{padding:11px 15px;margin-bottom:18px;border-left:2px solid var(--gold);background:#343f36;color:#dfd4ad;font-size:13px}.watch-layout{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(310px,1fr);gap:25px;align-items:start}.watch-main{min-width:0}.stream-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:15px}.stream-heading h1{font:30px/1.2 Georgia,"Times New Roman",serif}.stream-heading>span{font-size:11px;color:var(--muted);white-space:nowrap}.player{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden;background:var(--deep);border:1px solid #4c5e5c;border-radius:10px}.player video{display:block;width:100%;height:100%;object-fit:contain;background:#000;visibility:hidden}.player[data-state="live"] video{visibility:visible}.player-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px;background:var(--deep)}.compass{width:91px;height:91px;fill:none;stroke:#4b6265;stroke-width:1;margin-bottom:25px}.compass-needle{stroke:var(--gold);stroke-width:1.5}.player-cover h2{font:clamp(20px,2vw,29px)/1.3 Georgia,"Times New Roman",serif;max-width:28ch}.player-cover p{font-size:13px;color:var(--muted);max-width:45ch;margin-top:12px;line-height:1.7}.player-cover button{margin-top:18px;padding:10px 19px;border:1px solid var(--gold);border-radius:5px;background:var(--gold);color:#1e2a2c;font-weight:650;font-size:13px}.stream-caption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:11px;color:var(--muted);font-size:11px;line-height:1.6}.viewer-only{white-space:nowrap;color:#bfcbbf}.character-strip{display:grid;grid-template-columns:1.15fr 1fr .8fr;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:21px}.character-strip>div{padding:20px;min-width:0}.character-strip>div+div{border-left:1px solid var(--line)}.character-name-line{display:flex;align-items:center;gap:12px}.level-seal{width:49px;height:49px;flex-shrink:0;border:1px solid #9d8b59;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.1;color:var(--gold)}.level-seal small{font-size:9px}.level-seal strong{font:25px Georgia,serif}.character-name-line h2{font:19px/1.3 Georgia,serif;overflow-wrap:anywhere}.character-name-line p{font-size:10px;color:var(--muted);margin-top:5px}.xp-line{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:15px 0 7px}.xp-line>span:last-child{color:var(--gold);font-variant-numeric:tabular-nums}progress{width:100%;height:5px;display:block;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#0d222b}progress::-webkit-progress-bar{background:#0d222b}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.field-label{font-size:11px;color:var(--gold)}.location-block h2{font:24px/1.2 Georgia,serif;margin-top:8px;overflow-wrap:anywhere}.location-block>p:not(.source-time){font-size:11px;color:#c3d1d0;margin-top:10px;font-variant-numeric:tabular-nums}.source-time{font-size:10px;color:var(--muted);line-height:1.6;margin-top:9px}.resource-block>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.resource-block strong{color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}.resource-block progress{margin:7px 0 13px;height:4px}#hp-progress::-webkit-progress-value{background:var(--green)}#hp-progress::-moz-progress-bar{background:var(--green)}.resource-block p{font-size:10px;line-height:1.5;color:var(--muted)}
.next-step{border:1px solid #5c655a;border-top:3px solid var(--gold);border-radius:2px 2px 10px 10px;background:#263d42;padding:23px 25px;min-width:0}.next-step-heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:20px;color:var(--gold);font-size:12px}.quest-mark{display:grid;place-items:center;border:1px solid #a38e5f;border-radius:50%;width:25px;height:25px;font:bold 19px Georgia,serif}.confidence{color:#b9c9c7;font-size:10px;margin-left:auto}.next-step h2{font:29px/1.2 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}.next-why{font-size:14px;line-height:1.7;color:#c4d2cf;margin-top:18px;overflow-wrap:anywhere}.next-steps{padding-left:20px;margin:19px 0 0;line-height:1.65;font-size:13px}.next-steps li{padding-left:3px;overflow-wrap:anywhere}.next-steps li+li{margin-top:13px}.next-steps li::marker{color:var(--gold);font-weight:650}.advice-dates{border-top:1px solid #52655e;margin-top:22px;padding-top:15px;color:var(--muted);font-size:10px;line-height:1.7}.advice-dates p{display:flex;justify-content:space-between;gap:12px}.advice-dates time{text-align:right;color:#c7d3ca}.advice-note{font-size:11px;color:var(--muted);line-height:1.65;margin-top:13px}
.route-section{margin-top:37px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2,.journey-notes h2{font:25px/1.2 Georgia,"Times New Roman",serif}.section-heading p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:7px;max-width:75ch}.section-symbol{font:35px Georgia,serif;color:var(--gold)}.route-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.route-stop{position:relative;background:#1a313a;padding:20px 22px;border-top:2px solid var(--line);min-width:0;overflow-wrap:anywhere}.route-stop.is-now{background:#2b4145;border-color:var(--gold)}.route-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.is-now .route-label{color:var(--gold)}.route-stop h3{font-size:17px;font-weight:600;line-height:1.4}.route-stop p{font-size:13px;line-height:1.7;color:#bfd0ce;margin-top:9px}.empty-message{font-size:14px;color:var(--muted);line-height:1.7;padding:15px 0;max-width:65ch}.quest-layout{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(310px,1fr);gap:30px;margin-top:38px}.quests-section{min-width:0;scroll-margin-top:20px}.quest-count{font-size:11px;color:var(--gold);white-space:nowrap}.quest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.quest-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:19px 21px;min-width:0;overflow-wrap:anywhere}.quest-card.is-turned-in{background:#1a3037;border-color:#3f5c55}.quest-card-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px 12px}.quest-card h3{font:20px/1.3 Georgia,"Times New Roman",serif}.quest-state{font-size:10px;color:var(--muted)}.quest-state.done{color:var(--green)}.quest-meta{font-size:11px;color:var(--muted);margin-top:6px}.objectives{list-style:none;padding:0;margin:17px 0 0}.objectives li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:baseline;font-size:13px;line-height:1.6}.objectives li+li{margin-top:13px}.objective-symbol{color:var(--muted)}.objective-complete .objective-symbol,.objective-complete .objective-value{color:var(--green)}.objective-value{color:var(--muted);font-size:12px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.objective-time{font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}.quest-card>.source-time{border-top:1px solid var(--line);padding-top:9px;margin-top:17px}.journey-notes{padding-left:25px;border-left:1px solid var(--line);min-width:0}.tips{padding-left:17px;margin:20px 0 0;line-height:1.75;font-size:13px;color:#c1d0cf}.tips li+li{margin-top:13px}.tips li::marker{color:var(--gold)}.warnings{font-size:12px;color:#ddca9c;line-height:1.65;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.warnings p+p{margin-top:10px}.sources{margin-top:23px;padding-top:17px;border-top:1px solid var(--line)}.sources h3{font-size:12px;color:var(--muted)}.sources ul{list-style:none;margin:10px 0 0;padding:0;font-size:12px;line-height:1.6}.sources li+li{margin-top:8px}.sources a{overflow-wrap:anywhere}
footer{max-width:1700px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:21px 38px 27px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer span>span{color:var(--gold);padding:0 7px}::selection{background:#4f6a65;color:white}
@media(min-width:1550px){.watch-layout,.quest-layout{grid-template-columns:minmax(0,2.5fr) minmax(350px,1fr)}.next-step{padding:27px 29px}.next-step h2{font-size:32px}.next-why{font-size:15px}.next-steps{font-size:14px}}
@media(max-width:1100px){.masthead{padding:19px 24px;gap:20px}.header-note{display:none}main{padding:25px 24px 35px}.watch-layout{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:20px}.stream-heading{flex-wrap:wrap;gap:5px}.stream-heading h1{font-size:27px}.stream-heading>span{width:100%}.character-strip{grid-template-columns:1fr 1fr}.resource-block{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.character-strip>.resource-block{border-left:0}.resource-block>div:nth-of-type(2){grid-column:2;grid-row:1}.resource-block>progress:nth-of-type(2){grid-column:2;grid-row:2}.resource-block p{grid-column:1/-1}.next-step{padding:21px}.next-step h2{font-size:26px}.quest-layout{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:23px}.quest-list{grid-template-columns:1fr}.compass{width:65px;height:65px;margin-bottom:17px}footer{padding:21px 24px}}
@media(max-width:820px){.watch-layout,.quest-layout{grid-template-columns:1fr}.next-step{margin-top:6px}.next-step h2{max-width:32ch}.next-why,.next-steps{max-width:75ch}.advice-dates{max-width:430px}.character-strip{grid-template-columns:1fr 1fr .8fr}.character-strip>.resource-block{border-left:1px solid var(--line);border-top:0;display:block;grid-column:auto}.resource-block p{display:block}.quest-layout{gap:27px}.quest-list{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-notes{padding:23px 0 0;border-left:0;border-top:1px solid var(--line)}.tips{columns:2;column-gap:35px}.tips li{break-inside:avoid}.sources ul{display:flex;flex-wrap:wrap;gap:9px 20px}.sources li+li{margin:0}.route-stop{padding:17px}.stream-heading{align-items:baseline;justify-content:space-between}.stream-heading>span{width:auto}.stream-caption{flex-wrap:wrap;gap:4px}.viewer-only{display:none}.compass{width:90px;height:90px}footer{flex-wrap:wrap}footer>span:last-child{display:none}}
@media(max-width:540px){.masthead{padding:16px;gap:15px;flex-wrap:wrap}.brand{font-size:25px}.brand svg{width:36px;height:36px}.brand small{font-size:10px}.quest-jump{display:none}.broadcast-status{font-size:10px}main{padding:22px 16px 30px}.stream-heading{gap:6px}.stream-heading h1{font-size:25px}.stream-heading>span{font-size:10px;width:100%}.player{border-radius:7px}.player-cover{padding:20px 17px}.compass{width:43px;height:43px;margin-bottom:13px}.player-cover h2{font-size:19px}.player-cover p{font-size:11px;margin-top:7px;line-height:1.5}.player-cover button{font-size:12px;padding:7px 14px;margin-top:12px}.character-strip{grid-template-columns:1fr 1fr;margin-top:17px}.character-strip>div{padding:16px}.character-name-line{gap:9px}.character-name-line h2{font-size:17px}.level-seal{width:40px;height:40px}.level-seal strong{font-size:22px}.character-name-line p{font-size:9px}.location-block h2{font-size:22px}.location-block>p:not(.source-time){font-size:10px}.character-strip>.resource-block{display:grid;grid-column:1/-1;border-top:1px solid var(--line);border-left:0;padding-top:13px;padding-bottom:13px}.next-step{padding:22px 20px}.next-step h2{font-size:28px}.next-step-heading{margin-bottom:16px}.confidence{font-size:9px}.route-list{grid-template-columns:1fr;gap:0}.route-stop{border-top:0;border-left:2px solid var(--line);padding:18px 20px}.route-stop+.route-stop{border-top:1px solid var(--line)}.route-stop.is-now{border-left-color:var(--gold)}.route-section,.quest-layout{margin-top:29px}.section-heading{gap:15px}.section-heading h2,.journey-notes h2{font-size:24px}.section-heading p{font-size:11px}.section-symbol{display:none}.quest-list{grid-template-columns:1fr}.quest-card{padding:19px}.quest-card h3{font-size:21px}.tips{columns:auto}.quest-count{font-size:10px}.objectives li{grid-template-columns:12px minmax(0,1fr) auto;gap:7px}.objective-value{font-size:11px}.objective-time{font-size:10px}.source-time{font-size:10px}.stream-caption{font-size:10px}footer{padding:20px 16px;gap:9px}.advice-dates p{flex-wrap:wrap;gap:2px 10px}}
@media(max-width:360px){.character-strip{grid-template-columns:1fr}.character-strip>.location-block{border-left:0;border-top:1px solid var(--line)}.character-strip>.resource-block{grid-column:auto}.character-name-line h2{font-size:20px}.compass{display:none}.player-cover h2{font-size:19px}.stream-heading h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
