/* Explicit visual component boundaries prevent older generic span/grid rules leaking in. */
html.rn-visual{--rn-gold:#d7ad55;--rn-blue:#61b8ef;--rn-ink:#06121c}
html.rn-visual #ywf-design .panel,html.rn-visual #ywf-design .rn-master-page{background-color:#081923;background-image:linear-gradient(135deg,#14344755,#02091066),url(assets/design/stone.webp);border-color:#8e713b;box-shadow:inset 0 0 24px #0006,0 3px 12px #0005}
html.rn-visual #ywf-design .v39-quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:16px 0!important}
html.rn-visual.rn-master.rn-correction.rn-launch #ywf-design .v39-quick>.rn-illustrated-card{display:flex!important;flex-direction:column!important;position:relative!important;isolation:isolate;min-width:0!important;width:100%!important;height:204px!important;padding:0!important;overflow:hidden!important;text-align:start!important;gap:0!important;border:1px solid #b38a42!important;border-image:none!important;border-radius:5px!important;background:#07151f!important;box-shadow:inset 0 0 0 3px #5e492444,0 3px 10px #0009!important;transition:border-color .2s,box-shadow .2s!important}
html.rn-visual.rn-master.rn-correction.rn-launch #ywf-design .v39-quick>.rn-illustrated-card::before,html.rn-visual #ywf-design .rn-illustrated-card::after{display:none!important;content:none!important}
html.rn-visual #ywf-design .rn-illustrated-card>img{position:static!important;width:100%!important;height:132px!important;max-height:none!important;object-fit:cover!important;display:block!important;opacity:1!important;filter:brightness(.9) saturate(1.15)!important;margin:0!important;border:0!important}
html.rn-visual #ywf-design .rn-illustrated-card[data-card=character]>img{object-position:50% 9%;height:132px!important}
html.rn-visual #ywf-design .rn-illustrated-card[data-card=items]>img{object-position:50% 49%}
html.rn-visual #ywf-design .rn-illustrated-card[data-card=talent-guides]>img{object-position:50% 45%}
html.rn-visual #ywf-design .rn-card-caption{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;flex:1!important;padding:10px 13px!important;box-sizing:border-box!important;background:linear-gradient(120deg,#133043,#06111d)!important;border-top:1px solid #9d7836!important}
html.rn-visual #ywf-design .rn-card-caption>span:nth-child(2){min-width:0;flex:1}
html.rn-visual #ywf-design .rn-card-caption strong{display:block!important;color:#f4d78a!important;font:19px/1.15 Georgia,serif!important;margin:0 0 5px!important;text-shadow:0 2px 2px #000}
html.rn-visual #ywf-design .rn-card-caption small{display:block!important;color:#b9ced8!important;font:11px/1.3 Arial,sans-serif!important;white-space:normal!important}
html.rn-visual #ywf-design .rn-card-emblem{flex:0 0 34px;width:34px!important;height:40px!important;display:block!important;color:#f0c45e!important}
html.rn-visual #ywf-design .rn-card-emblem svg{width:100%;height:100%;filter:drop-shadow(0 0 4px #af742755)}
html.rn-visual #ywf-design .rn-card-arrow{font-size:28px!important;color:#eac35d!important}
html.rn-visual #ywf-design .rn-illustrated-card:hover{border-color:#f1d48b!important;box-shadow:0 0 14px #d7ad5544!important}
/* Achievement rows: named grid areas, with every inherited position/width reset. */
html.rn-visual.rn-master #ywf-design .rn-achievement-layout{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
html.rn-visual.rn-master #ywf-design .rn-challenges{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;min-width:0!important;max-height:680px!important;overflow:auto!important;padding:2px 5px 3px 2px!important;box-sizing:border-box!important;scrollbar-color:#987640 #07121c}
html.rn-visual.rn-master #ywf-design label.rn-challenge.rn-achievement{display:grid!important;grid-template-columns:24px 72px minmax(0,1fr) 80px 92px!important;grid-template-areas:'check art copy state track'!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:116px!important;height:auto!important;margin:0!important;padding:14px!important;box-sizing:border-box!important;overflow:visible!important;border:1px solid #8a6c33!important;border-radius:4px!important;background:linear-gradient(105deg,#204354cc,#102633ee 35%,#06121cee)!important;position:relative!important;box-shadow:inset 0 0 0 2px #bf934616,0 2px 5px #0006!important;cursor:default!important}
html.rn-visual.rn-master #ywf-design .rn-achievement>*{position:static!important;float:none!important;transform:none!important;min-width:0!important;max-width:100%!important;grid-row:auto!important;grid-column:auto!important;margin:0!important;box-sizing:border-box!important}
html.rn-visual.rn-master #ywf-design .rn-achievement>input{grid-area:check!important;width:18px!important;height:18px!important;accent-color:#e8b64b!important;justify-self:center!important;cursor:pointer}
html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-achievement-art{grid-area:art!important;display:flex!important;align-items:center!important;justify-content:center!important;width:72px!important;height:72px!important;border:2px solid #bd8b35!important;border-radius:5px!important;background:radial-gradient(#365769,#050d16)!important;box-shadow:0 0 8px #d7ad5533!important;overflow:hidden!important}
html.rn-visual.rn-master #ywf-design .rn-achievement-art img,html.rn-visual.rn-master #ywf-design .rn-achievement-art svg{width:100%!important;height:100%!important;object-fit:cover!important}
html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-achievement-copy{grid-area:copy!important;display:block!important;width:auto!important;min-width:0!important;text-align:start!important;overflow-wrap:anywhere!important}
html.rn-visual.rn-master #ywf-design .rn-achievement-copy>strong{display:block!important;font:20px/1.25 Georgia,serif!important;color:#f3d47d!important;white-space:normal!important;margin:0 0 6px!important}
html.rn-visual.rn-master #ywf-design .rn-achievement-copy>p{font:13px/1.45 Arial,sans-serif!important;color:#c6d9e3!important;margin:0 0 4px!important}
html.rn-visual.rn-master #ywf-design .rn-achievement-copy>small{display:block!important;color:#98afbd!important;font:11px/1.35 Arial,sans-serif!important}
html.rn-visual.rn-master #ywf-design .rn-achievement-copy>.rn-achievement-details{display:inline-block!important;width:auto!important;min-height:25px!important;padding:3px 0!important;font:11px Arial,sans-serif!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#efc363!important;margin-top:4px!important}
html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-achievement-state{grid-area:state!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;width:80px!important;text-align:center!important}
html.rn-visual.rn-master #ywf-design .rn-achievement-state strong{font:23px Georgia,serif!important;color:#f0ca71!important}.rn-visual .rn-achievement-state small{font:11px Arial,sans-serif!important}
html.rn-visual.rn-master #ywf-design .rn-achievement-state progress{display:block!important;width:70px!important;height:8px!important;max-width:100%!important;accent-color:#ddb851!important}
html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-track-challenge{grid-area:track!important;width:92px!important;min-width:0!important;padding:8px!important;min-height:35px!important;font:12px Arial,sans-serif!important}
html.rn-visual.rn-master #ywf-design .rn-achievement.completed{border-color:#7f9e56!important;background:linear-gradient(105deg,#25483b,#0b211c)!important}
html.rn-visual.rn-master #ywf-design .rn-achievement.rn-tracked{box-shadow:inset 3px 0 #53b7ed,0 0 7px #348ed32a!important}
html.rn-visual #ywf-design .rn-achievement-categories{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important;position:sticky;top:8px}
html.rn-visual #ywf-design .rn-achievement-categories button{width:100%!important;min-height:48px!important;text-align:start!important;background:linear-gradient(110deg,#17303c,#08131e)!important;border-color:#8c713d!important;white-space:normal!important}
html.rn-visual #ywf-design .rn-achievement-categories button.active{background:linear-gradient(110deg,#446476,#112c40)!important;box-shadow:inset 3px 0 #56b9f2!important}
html.rn-visual #ywf-design .rn-legacy-score{background:linear-gradient(90deg,#07121cf5,#07121cb0),url(assets/design/legacy-treasury.webp) center 45%/cover!important;border:1px solid #ba9149!important}
/* Gallery uses decorative art; no invented unlock state or point thresholds. */
html.rn-visual #ywf-design .rn-reward-hero{padding:40px 30px!important;min-height:180px;box-sizing:border-box;background:linear-gradient(90deg,#03101df2,transparent),url(assets/design/legacy-treasury.webp) center 42%/cover;border:1px solid #b28a40;border-radius:5px}
html.rn-visual #ywf-design .rn-reward-hero h2{font-size:36px!important;margin:8px 0!important}.rn-visual .rn-reward-hero small{letter-spacing:3px;color:#d8b66c}
html.rn-visual #ywf-design .rn-reward-status{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 5px;color:#e8c36a}
html.rn-visual #ywf-design .rn-reward-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.rn-visual .rn-reward-filters button[aria-pressed=true]{background:linear-gradient(#e9c15e,#9b6b27)!important;color:#06111a!important}
html.rn-visual #ywf-design .rn-reward-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px}
html.rn-visual #ywf-design .rn-reward-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:0 0 16px;overflow:hidden;border:1px solid #a98640;border-radius:5px;background:linear-gradient(#182d40,#05101a);box-shadow:inset 0 0 0 3px #cfa54f0e}
html.rn-visual #ywf-design .rn-reward-art{height:210px;flex-shrink:0;background-image:url(assets/design/legacy-treasury.webp);background-size:auto 320%;border-bottom:1px solid #876c3c}
html.rn-visual #ywf-design .rn-reward-card>:not(.rn-reward-art){margin:0 17px!important}.rn-visual .rn-reward-card h3{font:22px/1.2 Georgia,serif!important;color:#f3d68d!important}.rn-visual .rn-reward-card p{font:13px/1.5 Arial,sans-serif!important;color:#b9cbd8!important;flex:1}.rn-visual .rn-reward-card>small{color:#9ad3f2;font-size:12px}.rn-visual .rn-reward-unknown{display:block;font-size:12px;color:#cdbb8f;border-top:1px solid #826b4144;padding-top:10px}.rn-visual .rn-reward-card button{align-self:start;min-height:36px}
html.rn-visual .rn-visual-dialog{max-width:560px;width:calc(100% - 50px);padding:26px;color:#c9d8e1;background:linear-gradient(#142f40,#06121c);border:2px solid #bd9647;border-radius:7px;box-shadow:0 15px 80px #000}.rn-visual-dialog::backdrop{background:#0008}.rn-visual-dialog h2{color:#f3d487;font-family:Georgia,serif}.rn-visual-dialog p{line-height:1.6}.rn-visual-dialog a{color:#edc872;display:block;margin:15px 0}
/* Cinematic news is a single feature plus two secondary stories. */
html.rn-visual #ywf-design #v39-news-full{padding:18px!important}
html.rn-visual #ywf-design .rn-news-cinema{display:grid!important;grid-template-columns:1.55fr 1fr!important;grid-template-rows:240px 240px!important;gap:15px!important;margin:20px 0!important}
html.rn-visual #ywf-design a.rn-editorial-card{display:block!important;position:relative!important;isolation:isolate!important;min-width:0!important;width:auto!important;height:auto!important;padding:0!important;overflow:hidden!important;border:1px solid #ab8344!important;border-radius:5px!important;color:#d3e1e8!important;background:#06111b!important;text-decoration:none!important;box-shadow:inset 0 0 25px #0007!important}
html.rn-visual #ywf-design a.rn-editorial-card:first-child{grid-row:1/3!important}
html.rn-visual #ywf-design .rn-editorial-card::before,html.rn-visual #ywf-design .rn-editorial-card::after{content:none!important;display:none!important}
html.rn-visual #ywf-design a.rn-editorial-card>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;opacity:.78!important;display:block!important;margin:0!important;border:0!important;z-index:-2!important;filter:saturate(1.1)!important}
html.rn-visual #ywf-design .rn-editorial-copy{height:100%;display:flex;flex-direction:column;justify-content:end;gap:9px;padding:22px!important;box-sizing:border-box;background:linear-gradient(0deg,#020b15 0%,#03101dd9 30%,#03101d11 100%);position:relative;width:100%!important;min-width:0!important}
html.rn-visual #ywf-design .rn-editorial-copy h2{font:26px/1.15 Georgia,serif!important;color:#ffe3a2!important;margin:0!important;max-width:650px!important}.rn-visual #ywf-design .rn-editorial-card:first-child h2{font-size:38px!important}
html.rn-visual #ywf-design .rn-editorial-copy p{font:14px/1.5 Arial,sans-serif!important;color:#c8dce7!important;max-width:540px;margin:0!important}.rn-visual .rn-editorial-copy small{font:11px Arial,sans-serif;color:#aac7d9}.rn-visual .rn-editorial-copy small:first-child{color:#9cddff;font-weight:bold;letter-spacing:1.5px}.rn-visual .rn-read-more{align-self:start;display:inline-block;padding:7px 12px;border:1px solid #c99b48;background:linear-gradient(#d4ac54,#9f752b);color:#07111c;font:bold 12px Arial,sans-serif;border-radius:3px}
@media(max-width:1000px){html.rn-visual #ywf-design .rn-reward-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}html.rn-visual.rn-master #ywf-design .rn-achievement-layout{grid-template-columns:145px minmax(0,1fr)!important}html.rn-visual.rn-master #ywf-design label.rn-challenge.rn-achievement{grid-template-columns:20px 52px minmax(0,1fr) 70px!important;grid-template-areas:'check art copy state' 'check art copy track'!important;gap:8px!important}html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-achievement-art{width:52px!important;height:60px!important}html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-track-challenge{width:70px!important}html.rn-visual #ywf-design .rn-card-caption strong{font-size:16px!important}}
@media(max-width:760px){html.rn-visual #ywf-design .v39-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}html.rn-visual.rn-master.rn-correction.rn-launch #ywf-design .v39-quick>.rn-illustrated-card{height:190px!important}html.rn-visual #ywf-design .rn-illustrated-card>img{height:110px!important}html.rn-visual #ywf-design .rn-card-caption{padding:9px!important;gap:7px!important}html.rn-visual #ywf-design .rn-card-caption strong{font-size:16px!important}html.rn-visual #ywf-design .rn-card-caption small{font-size:10px!important}html.rn-visual #ywf-design .rn-card-emblem{display:none!important}html.rn-visual #ywf-design .rn-card-arrow{font-size:20px!important}html.rn-visual.rn-master #ywf-design .rn-achievement-layout{display:block!important}html.rn-visual #ywf-design .rn-achievement-categories{position:static!important;flex-direction:row!important;flex-wrap:wrap!important;margin:0 0 12px!important;gap:6px!important}html.rn-visual #ywf-design .rn-achievement-categories button{width:auto!important;min-height:36px!important;font-size:11px!important;padding:7px!important}html.rn-visual.rn-master #ywf-design label.rn-challenge.rn-achievement{grid-template-columns:20px 42px minmax(0,1fr) 64px!important;padding:10px!important;gap:7px!important;min-height:144px!important}html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-achievement-art{width:42px!important;height:49px!important}html.rn-visual.rn-master #ywf-design .rn-achievement-copy>strong{font-size:16px!important}html.rn-visual.rn-master #ywf-design .rn-achievement-copy>p{font-size:11px!important}html.rn-visual.rn-master #ywf-design .rn-achievement-copy>small{font-size:10px!important}html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-achievement-state,html.rn-visual.rn-master #ywf-design .rn-achievement>.rn-track-challenge{width:64px!important}html.rn-visual #ywf-design .rn-reward-gallery{grid-template-columns:1fr}html.rn-visual #ywf-design .rn-reward-art{height:230px}html.rn-visual #ywf-design .rn-reward-hero{padding:25px 18px!important}html.rn-visual #ywf-design .rn-reward-hero h2{font-size:29px!important}html.rn-visual #ywf-design .rn-news-cinema{display:flex!important;flex-direction:column!important}html.rn-visual #ywf-design a.rn-editorial-card{min-height:330px!important}html.rn-visual #ywf-design a.rn-editorial-card:first-child{min-height:410px!important}html.rn-visual #ywf-design .rn-editorial-copy{min-height:330px}.rn-visual #ywf-design .rn-editorial-card:first-child .rn-editorial-copy{min-height:410px}html.rn-visual #ywf-design .rn-editorial-copy h2,html.rn-visual #ywf-design .rn-editorial-card:first-child h2{font-size:28px!important}html.rn-visual #ywf-design .rn-editorial-copy{padding:18px!important}html.rn-visual #ywf-design #v39-news-full{padding:10px!important}}
@media(prefers-reduced-motion:reduce){html.rn-visual *{transition:none!important;animation:none!important}}
/* Compact overview leaves more room for the achievement list. */
html.rn-visual #ywf-design [data-page=legacy]>.rn-section-heading{padding:14px 0!important;min-height:0!important;margin:0!important}
html.rn-visual #ywf-design [data-page=legacy]>.rn-section-heading h1{margin:0 0 6px!important}
html.rn-visual #ywf-design .rn-expanded-score{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:13px 18px!important}
html.rn-visual #ywf-design .rn-expanded-score>.rn-score-number:nth-child(3),html.rn-visual #ywf-design .rn-expanded-score>.rn-score-number:nth-child(4){display:none!important}
html.rn-visual #ywf-design .rn-expanded-score h2{font-size:22px!important}
@media(max-width:760px){html.rn-visual #ywf-design .rn-expanded-score{grid-template-columns:1fr 1fr!important}}
html.rn-visual.rn-master.rn-correction.rn-launch #ywf-design .rn-reward-filters>button{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:36px!important;padding:8px 16px!important;font:12px Arial,sans-serif!important}
html.rn-visual.rn-master.rn-correction.rn-launch #ywf-design .rn-reward-card>button{width:auto!important;min-width:0!important;align-self:start!important;flex:0 0 auto!important;font:12px Arial,sans-serif!important;padding:8px 14px!important}
html.rn-visual #ywf-design .rn-achievement.completed:after{display:none!important;content:none!important}
html.rn-visual #ywf-design .rn-illustrated-card>.rn-home-scene{display:block!important;position:static!important;flex:0 0 132px!important;width:100%!important;height:132px!important;background-image:url(assets/design/adventure-scenes.webp)!important;background-size:400% 200%!important;filter:saturate(1.05);border:0!important;margin:0!important}
html.rn-visual #ywf-design .rn-editorial-art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-size:cover;background-position:center;z-index:-2!important;filter:brightness(.9) saturate(1.08)}
@media(max-width:760px){html.rn-visual #ywf-design .rn-illustrated-card>.rn-home-scene{flex-basis:110px!important;height:110px!important}}
html.rn-visual.rn-master.rn-correction.rn-launch #ywf-design .rn-reward-filters>button[aria-pressed=true]{background:linear-gradient(#f2d480,#b68a38)!important;color:#08141d!important;border-color:#e8bc63!important}
html.rn-visual.rn-master.rn-correction.rn-launch #ywf-design .rn-reward-card>h3{font:20px/1.25 Georgia,serif!important;color:#f1d38a!important}
@media(max-width:760px){html.rn-visual.rn-master #ywf-design label.rn-challenge.rn-achievement{grid-template-columns:42px minmax(0,1fr) 64px!important;grid-template-areas:'art copy state' 'check copy track'!important}html.rn-visual.rn-master #ywf-design .rn-achievement>input{align-self:center!important}}