/* Ported visual tokens and hierarchy from the approved source companions. */
body[data-atlas-world]{color-scheme:light;--paper:#f4f3ee;--bg:var(--paper);--panel:#fffef9;--ink:#182b35;--muted:#54636b;--line:#d8ddd9;--accent:#216c77;color:var(--ink);background:var(--paper);font-family:'DM Sans',system-ui,sans-serif}
body[data-atlas-world=hobbit]{--paper:#f4f0e6;--panel:#fffdf7;--ink:#20382a;--muted:#5d6b60;--line:#d3ccbb;--accent:#315e43}
body[data-atlas-world] h1,body[data-atlas-world] h2,body[data-atlas-world] h3{font-family:'Spectral',Georgia,serif;letter-spacing:-.025em;font-weight:600}
body[data-atlas-world] main{max-width:1440px;width:calc(100% - 80px);padding:24px 0 50px}
.nav-shell{background:#fcfaf4f5;color:var(--ink);backdrop-filter:blur(16px);z-index:40;min-height:60px;padding:6px max(16px,calc((100% - 1360px)/2));gap:8px}.nav-shell nav{scrollbar-width:none}.nav-shell a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:0;border-radius:5px;font-size:.86rem;color:var(--muted)}.nav-shell a[aria-current=page]{background:var(--ink);color:#fff9e9}.nav-shell>button{background:var(--panel);min-width:88px;font-size:.82rem}.tab-mobile{display:none}
body[data-atlas-world] button:hover{color:var(--ink)}body[data-atlas-world] .card-link:hover,body[data-atlas-world] a:hover{color:var(--accent)}body[data-atlas-world] .atlas-header a:hover{color:white!important}
/* Selected navigation stays legible when a pointer rests on its dark fill. */
body[data-atlas-world] :is(.nav-shell,.pair-select) a[aria-current=page]:is(:hover,:focus-visible){color:#fff9e9}
.editorial-heading{min-height:185px;background:#e7ece5;border:1px solid var(--line);border-radius:5px;padding:28px;color:var(--ink)}.editorial-heading .editorial-art{width:48%;left:auto;right:0}.editorial-heading:after{background:linear-gradient(90deg,#e7ece5 48%,#e7ece5e8 63%,#e7ece555 77%,#e7ece500 100%)}.editorial-heading .eyebrow{color:#355f67}.editorial-heading .editorial-slogan{font-size:1.7rem;max-width:850px}.editorial-heading>div{max-width:80%}.editorial-heading h1{font-size:clamp(2.2rem,4vw,3.6rem)}.editorial-heading>div>p:last-child{font-size:1rem}
.editorial-hero{min-height:510px;margin:0 0 25px;padding:45px;color:#fff8ed;border:0;background:#09283b}.editorial-hero .editorial-art{width:100%;left:0;right:0;object-position:center}.editorial-hero:after{background:linear-gradient(90deg,#09283bf5,#09283bbb 40%,#09283b15 76%),linear-gradient(0deg,#061a29ba,transparent 30%)}.editorial-hero>div{max-width:630px}.editorial-hero .eyebrow{color:#c1e8e8}.editorial-hero .editorial-slogan{font-size:clamp(2.7rem,4.8vw,4.8rem);max-width:660px;color:#fff9eb}.editorial-hero h1{font-size:1.1rem;text-transform:uppercase;letter-spacing:.12em;color:#c1e8e8}.editorial-hero>div>p:last-child{color:#e0ebdf;max-width:450px}.editorial-caption{color:#e3ece2}
body[data-atlas-world=hobbit] .editorial-heading:not(.editorial-hero){background:transparent;border:0;padding:28px 0;color:var(--ink)}body[data-atlas-world=hobbit] .editorial-heading:not(.editorial-hero):after{display:none}body[data-atlas-world=hobbit] .editorial-heading:not(.editorial-hero) .eyebrow{color:#705b30}body[data-atlas-world=hobbit] .editorial-hero{background:#0b281a;margin:-24px -40px 25px;border-radius:0 0 18px 18px;padding:54px}body[data-atlas-world=hobbit] .editorial-hero:after{background:linear-gradient(90deg,#0a221aea 0%,#0a221abd 35%,#0a221a15 75%)}body[data-atlas-world=hobbit] .editorial-hero .editorial-art{object-position:65% 50%}body[data-atlas-world=hobbit] .editorial-hero .eyebrow,body[data-atlas-world=hobbit] .editorial-hero h1{color:#e5ce91}
body[data-atlas-world] .panel{background:var(--panel)}body[data-atlas-world] .editorial-tile{background:var(--panel);box-shadow:0 2px 0 #142b3510}body[data-atlas-world] .editorial-tile:hover{border-color:var(--accent)}.editorial-links a,.sources a{overflow-wrap:anywhere}.editorial-facts strong{color:var(--accent)}.bomb-badge{color:#725219;background:#fff3cf;border-color:#9d792c}.tag{color:#765320;background:#fff6de}.pair-select [aria-current=page]{background:var(--ink);color:white}
#key-picks{padding:20px;border:1px solid #d9c1af;background:#fffcf5;border-radius:12px;margin:20px 0 25px}#key-picks h2{font-size:1.65rem;margin-top:0}#key-picks>p{font-size:.86rem;color:#6b5d50}.key-pick-card{min-width:0;border:2px solid #a43e35;border-radius:8px;padding:8px;background:#fff4ee;text-align:center}.key-pick-card button{display:flex;flex-direction:column;align-items:center;color:#20382a;text-align:center}.key-pick-card img{border-radius:5px}.key-pick-card strong{font-size:.875rem;line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center;font-weight:800}.key-pick-card .trigger-cue{display:block;color:#853b2e;font-size:.8125rem;line-height:1.25;margin-top:5px}.key-pick-card:hover{background:#f8e2d8;box-shadow:0 2px 8px #a43e3520}.card-tile.is-buildaround{border:2px solid #a43e35;padding:8px;border-radius:8px;background:#fff9f2}.card-tile.is-buildaround:after{content:'◆ Changes your picks';display:block;color:#a43e35;font-size:.8rem;font-weight:700}
#play-footer{max-width:1360px;margin:0 auto;padding:24px 25px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}#play-footer p{margin:.5rem 0}#play-footer button{font-size:.8rem}#help-dialog{max-width:650px}#help-dialog label{display:flex;align-items:center;gap:.6rem;min-height:44px}#help-dialog input{width:20px;min-height:20px}#help-dialog dt{color:var(--accent)}dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}dialog>button.close{background:var(--panel)}.preview-banner{font-size:.76rem;min-height:0;padding:7px 15px;border-color:#cdc1aa;background:#ece5d7;color:#423c30}
.play-mobile-dock{display:none}.statistics-page{max-width:calc(100vw - 260px)}.statistics-page .visual-board{grid-template-columns:repeat(5,minmax(0,1fr))}.statistics-page .bombs-compact{max-width:100%}.statistics-page .statistics-toolbar{z-index:30}
@media(max-width:1299px){.statistics-page{max-width:100%}}
@media(max-width:700px){body[data-atlas-world] main{width:calc(100% - 28px);padding:18px 0 65px}.nav-shell{min-height:52px;height:52px;padding:4px 10px}.nav-shell a{font-size:12px;padding:8px 10px}.nav-shell>button{min-width:74px;font-size:12px;padding:8px}.tab-full:has(+.tab-mobile){display:none}.tab-mobile{display:inline}.editorial-heading{padding:22px;min-height:210px}.editorial-heading>div{max-width:100%}.editorial-heading .editorial-art{width:70%;opacity:.55}.editorial-heading:after{background:linear-gradient(90deg,#e7ece5 38%,#e7ece5e8 60%,#e7ece566)}.editorial-hero,body[data-atlas-world=hobbit] .editorial-hero{min-height:515px;padding:200px 23px 36px;margin:-18px -14px 22px;border-radius:0 0 10px 10px;align-items:end}.editorial-hero .editorial-art,body[data-atlas-world=hobbit] .editorial-hero .editorial-art{width:100%;opacity:1;object-position:68% center}.editorial-hero:after,body[data-atlas-world=hobbit] .editorial-hero:after{background:linear-gradient(0deg,#0b281af5 3%,#0b281adc 29%,#0b281a05 82%)}body[data-atlas-world=reality] .editorial-hero:after{background:linear-gradient(0deg,#09283bf5 3%,#09283bdc 35%,#09283b15 82%)}.editorial-hero .editorial-slogan{font-size:2.7rem}.editorial-hero h1{font-size:.85rem}.editorial-hero .eyebrow{font-size:.75rem}.editorial-caption{font-size:.75rem}.editorial-hero>div>p:last-child{font-size:.9rem;line-height:1.6}.editorial-heading .editorial-slogan{font-size:1.8rem}.editorial-hero .editorial-slogan{font-size:2.7rem}.statistics-page .visual-board{grid-template-columns:repeat(2,minmax(0,1fr))}#key-picks{padding:12px;margin-top:16px}#key-picks h2{font-size:1.5rem}.key-pick-card{padding:6px}.key-pick-card .trigger-cue{font-size:.75rem}.play-mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:50;min-height:48px;height:calc(48px + env(safe-area-inset-bottom,0px));padding:2px 8px calc(2px + env(safe-area-inset-bottom,0px));overflow-x:auto;gap:4px;white-space:nowrap;background:var(--panel);border-top:1px solid var(--line)}.atlas-header-away .play-mobile-dock:not([hidden]){display:flex}.play-mobile-dock a{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:5px 8px;color:var(--ink);font-size:12px;border:1px solid var(--line);border-radius:5px;text-decoration:none}.play-mobile-dock a[aria-current]{background:var(--ink);color:white}#play-footer{padding:20px 14px 75px}}
@media(prefers-reduced-motion:reduce){.editorial-tile{transition:none}}
.key-picks-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.key-picks-heading h2{margin:0 0 6px}.key-picks-heading p{margin:0;font-size:.82rem;color:#6b5d50;line-height:1.45}.board-skip{flex-shrink:0;font-size:.8rem}.statistics-page>header h1{font-size:2.4rem;margin:8px 0}.statistics-page>header .eyebrow{margin-top:0}.statistics-page>header p:last-child{font-size:.95rem;margin-bottom:0}
@media(max-width:700px){.key-picks-heading{display:block}.key-picks-heading .board-skip{margin-top:12px}.key-picks-heading p{font-size:.8rem}.statistics-page>header h1{font-size:2rem}}
@media(min-width:761px){.statistics-page #key-picks,.statistics-page #bombs,.statistics-page #pair-bombs{scroll-margin-top:calc(var(--statistics-header-bottom,124px) + var(--statistics-toolbar-height,94px) + 12px)}}
/* C2/C3: literal titles and compact wayfinding; cinematic full-height art stays on Home. */
body[data-atlas-world] .editorial-heading{min-height:0;max-height:260px;padding:24px;margin:0 0 18px;align-items:center}
body[data-atlas-world] .editorial-heading>div{max-width:100%}body[data-atlas-world] .editorial-heading h1{font-size:clamp(2rem,3.2vw,3rem);margin:5px 0 10px;text-transform:none;letter-spacing:-.03em;line-height:1.12}
body[data-atlas-world] .editorial-heading .eyebrow{font-size:.75rem;margin:0;line-height:1.3}body[data-atlas-world] .editorial-heading>div>p:last-child{font-size:.95rem;line-height:1.45;margin:0;max-width:75ch}
body[data-atlas-world] .editorial-hero{min-height:190px;height:190px;max-height:260px;margin:0 0 15px;border-radius:8px;padding:26px;align-items:center}
body[data-atlas-world] .editorial-hero .editorial-art{width:60%;left:auto;right:0;object-position:center 42%;opacity:.7}body[data-atlas-world] .editorial-hero:after{background:linear-gradient(90deg,#0b281a 25%,#0b281acc 55%,#0b281a00 100%)}body[data-atlas-world=reality] .editorial-hero:after{background:linear-gradient(90deg,#09283b 25%,#09283bcc 55%,#09283b00 100%)}body[data-atlas-world] .editorial-hero h1{font-size:3.1rem;color:#fff9e9}body[data-atlas-world] .editorial-hero .editorial-slogan{font:400 1rem/1.45 'DM Sans',sans-serif;letter-spacing:0;max-width:75ch;margin:0;white-space:nowrap}
body[data-atlas-world] .editorial-hero .editorial-caption{font-size:.75rem}.task-shortcuts{margin:14px 0 20px}.task-shortcuts .editorial-tile>img{height:90px;object-position:center}.task-shortcuts .editorial-tile>div{padding:16px}.task-shortcuts h2{font-size:1.35rem;margin:.35rem 0}.task-shortcuts p{font-size:.85rem;margin:8px 0}.task-shortcuts .eyebrow{font-size:.75rem;margin:0}.task-shortcuts strong{font-size:.85rem}
@media(max-width:700px){body[data-atlas-world] .editorial-heading{padding:16px;max-height:180px;margin-bottom:12px}body[data-atlas-world=hobbit] .editorial-heading:not(.editorial-hero){padding:16px 0}body[data-atlas-world] .editorial-heading h1{font-size:2rem;margin:5px 0 8px}body[data-atlas-world] .editorial-heading>div>p:last-child{font-size:.85rem;line-height:1.4}body[data-atlas-world] .editorial-heading .eyebrow{font-size:.75rem}body[data-atlas-world] .editorial-hero{height:145px;min-height:145px;padding:20px;margin:0 0 10px;border-radius:6px}body[data-atlas-world] .editorial-hero h1{font-size:2.3rem}body[data-atlas-world] .editorial-hero .editorial-slogan{font-size:.875rem;line-height:1.4;white-space:normal}body[data-atlas-world] .editorial-hero .editorial-art{width:62%;object-position:center;opacity:.55}body[data-atlas-world] .editorial-caption{font-size:.75rem;bottom:5px;right:8px}.task-shortcuts{display:flex;overflow-x:auto;gap:10px;margin:10px 0 16px;padding-bottom:8px;scroll-snap-type:x proximity}.task-shortcuts .editorial-tile{flex:0 0 78%;scroll-snap-align:start;display:grid;grid-template-columns:58px minmax(0,1fr)}.task-shortcuts .editorial-tile>img{width:58px;height:100%;min-height:125px;object-fit:cover}.task-shortcuts .editorial-tile>div{padding:12px}.task-shortcuts h2{font-size:1.05rem}.task-shortcuts p{font-size:.75rem;line-height:1.4}.task-shortcuts .eyebrow{font-size:.75rem}.task-shortcuts strong{font-size:.75rem}.task-shortcuts .editorial-tile:not(:has(>img)){display:block}}