/* Selected imagegen concept: Atlas of Five Worlds. Real HTML over a cinematic depth scene. */
.atlas-home {--atlas-ink:#061719;--atlas-gold:#dbb97b;--atlas-cream:#f3e7ce}
.atlas-home .nav-shell {height:92px;background:linear-gradient(#031013bc,#03101300);color:var(--atlas-cream);border:0;padding:0 5vw}
.atlas-home .nav-shell .brand-sail {background:none;padding:0;border-radius:0;width:48px;height:48px}
.atlas-home .nav-shell .brand-name b {font:400 25px/1.2 Georgia,serif;letter-spacing:.25em}
.atlas-home .brand-name>span {color:#bdbaa7;font-size:9px;letter-spacing:.08em}
.atlas-home .nav-shell nav a {font-size:13px;color:#e1d6c3}
.atlas-home .nav-shell nav a:hover {color:#f8d394}
.atlas-home .nav-shell .max-link {color:#e1d6c3;border:0;border-radius:0;border-bottom:1px solid #dac49577;padding:5px 0;background:none}
.atlas-home .atlas-hero {position:relative;isolation:isolate;height:max(860px,100svh);max-height:1200px;min-height:860px;background:#061719;color:#f3e7ce;overflow:hidden}
.atlas-stage {position:absolute;inset:0 0 114px;overflow:hidden;background:#061719}
.atlas-art,#atlas-canvas {position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%}
#atlas-canvas {opacity:0;transition:opacity 1.2s;pointer-events:none}
.atlas-stage[data-renderer=webgl] #atlas-canvas {opacity:1}
.atlas-stage[data-renderer=image] #atlas-canvas {opacity:0;transition:none}
.atlas-vignette {position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#05171930,transparent 45%),linear-gradient(0deg,#051314b8,transparent 13%)}
.atlas-copy {position:absolute;z-index:4;top:19%;left:5vw;width:40%;max-width:610px;pointer-events:none}
.atlas-copy a,.atlas-copy button {pointer-events:auto}
.atlas-kicker {font:500 10px/1.7 Manrope,Arial,sans-serif;letter-spacing:.19em;color:#cbbd9b;margin-bottom:28px}
.atlas-hero .atlas-copy h1 {color:#f3e7ce;font:400 clamp(43px,4.15vw,70px)/1.09 Georgia,serif;letter-spacing:-.035em;margin:0 0 26px;text-wrap:balance;text-shadow:0 2px 24px #001015}
.atlas-hero .atlas-copy h1 em {font:inherit;font-style:normal;color:#f3e7ce;display:inline;margin:0}
.atlas-intro {font:400 clamp(15px,1.15vw,18px)/1.7 Manrope,Arial,sans-serif;color:#ded5bf;max-width:460px;margin:0 0 30px;min-height:58px;text-shadow:0 2px 12px #001015}
.atlas-actions {display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.atlas-enter {display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:55px;padding:16px 23px;background:linear-gradient(120deg,#c19a58,#8f6e36);border:1px solid #e7c78b77;border-radius:5px;text-decoration:none;color:#fff4da;font:400 19px/1.2 Georgia,serif;box-shadow:0 8px 32px #030d0d66,inset 0 1px #f4deb74d;transition:background .25s,box-shadow .25s,transform .25s}
.atlas-enter:hover {background:linear-gradient(120deg,#d3ad68,#a58245);box-shadow:0 9px 36px #c39c502a,inset 0 1px #fff5;transform:translateY(-2px)}
.atlas-enter span {font:24px Georgia,serif}
.atlas-roll {display:inline-flex;align-items:center;gap:9px;background:none;border:0;color:#dfd1b7;padding:13px 0;font:12px/1.5 Manrope,Arial,sans-serif;cursor:pointer;text-align:left}
.atlas-roll svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.1;transform:rotate(-12deg)}
.atlas-roll svg circle {fill:currentColor;stroke:none}
.atlas-roll:disabled {opacity:.6;cursor:wait}
.atlas-roll:hover {color:#f2d391}
.atlas-meta {display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;min-height:36px;font-size:12px;line-height:1.5;align-items:center;color:#c3bca8}
.atlas-meta a {text-decoration:none;border-bottom:1px solid #d8c1984d;padding:8px 0}
.atlas-meta button {background:none;border:0;color:#c3bca8;font:12px Manrope,Arial,sans-serif;cursor:pointer;padding:8px 0}
.atlas-epigraph {font:italic 15px/1.6 Georgia,serif;color:#b7b39f;margin-top:38px}
.atlas-copy.is-changing {animation:atlas-copy-in .55s ease both}
@keyframes atlas-copy-in {from {opacity:.2;transform:translateY(10px)} to {opacity:1;transform:none}}
.atlas-hotspots {position:absolute;inset:0;z-index:3;pointer-events:none}
.atlas-point {position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:none;color:#f4deb2;cursor:pointer;padding:0;pointer-events:auto}
.atlas-point>i {position:absolute;inset:12px;border:1px solid #ecc780bb;border-radius:50%;background:#3325123b;box-shadow:0 0 14px #f3bb4666,inset 0 0 9px #ffd57d44;transition:inset .3s,box-shadow .3s}
.atlas-point>i:after {content:'';position:absolute;width:4px;height:4px;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffe8b3;border-radius:50%;box-shadow:0 0 8px #f1b555}
.atlas-point>span {position:absolute;left:41px;top:7px;white-space:nowrap;display:flex;align-items:center;gap:7px;color:#f7e6c6;text-shadow:0 1px 8px #000;background:#05181bd9;padding:7px 10px;border-left:1px solid #b79457;font:12px/1.3 Georgia,serif;opacity:0;transform:translateX(-7px);transition:opacity .25s,transform .25s;pointer-events:none}
.atlas-point>span b {font:10px Manrope,Arial,sans-serif;color:#dcb776}
.atlas-point:hover>span,.atlas-point:focus-visible>span,.atlas-point[aria-pressed=true]>span {opacity:1;transform:none}
.atlas-point:hover>i,.atlas-point[aria-pressed=true]>i {inset:7px;box-shadow:0 0 23px #f3bb4688,inset 0 0 15px #ffd57d66}
.atlas-point[data-atlas-world="2"]>span {left:auto;right:42px}
.atlas-scene-note {position:absolute;right:3vw;bottom:60px;color:#c3b28d;font:italic 13px/1.7 Georgia,serif;text-align:right;letter-spacing:.03em;pointer-events:none}
.atlas-controls {position:absolute;left:5vw;right:5vw;bottom:132px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c9c0ab}
.atlas-hint {display:flex;gap:12px;align-items:center;font:11px/1.5 Manrope,Arial,sans-serif}
.atlas-hint i {width:6px;height:6px;background:#ddb572;border-radius:50%;box-shadow:0 0 13px #edc477}
.atlas-controls .lgr-motion {border:0;border-bottom:1px solid #b4a27d55;border-radius:0;font-size:10px;color:#c9c0ab;padding:8px 0;min-height:36px;opacity:1}
.atlas-dock {position:absolute;z-index:4;left:0;right:0;bottom:0;min-height:114px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px;padding:22px 5vw;background:#041416ee;border-top:1px solid #b28c494d;border-bottom:1px solid #b28c494d}
.atlas-dock button {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;border:0;background:none;text-align:left;color:#d4cebc;padding:0 0 8px;position:relative;cursor:pointer;min-width:0}
.atlas-index {display:flex;gap:13px;align-items:center;width:100%;font:11px/1.2 Manrope,Arial,sans-serif;color:#a8a797}
.atlas-index i {width:100%;height:1px;background:linear-gradient(90deg,#8e764444,transparent)}
.atlas-dock strong {font:400 clamp(16px,1.45vw,22px)/1.3 Georgia,serif}
.atlas-dock small {font:10px/1.5 Manrope,Arial,sans-serif;color:#929c90}
.atlas-dock button:after {content:'';height:2px;background:#e3bd79;position:absolute;bottom:0;left:0;width:0;box-shadow:0 0 9px #e1b36377;transition:width .4s}
.atlas-dock button:hover,.atlas-dock button[aria-pressed=true] {color:#f0d29b}
.atlas-dock button:hover:after {width:32%}
.atlas-dock button[aria-pressed=true]:after {width:70%}
.atlas-dock button[aria-pressed=true] .atlas-index {color:#e3bd79}
.atlas-home .atlas-hero :focus-visible {outline:2px solid #f1cc85;outline-offset:5px}
.atlas-home .games-section {position:relative;background:#eee7d9;padding-top:85px}
.atlas-home .games-section:before {content:'';position:absolute;left:50%;top:0;height:38px;width:1px;background:#b19662}
.atlas-home .game-preview:not(#snyato),.atlas-home .game-grid>#snyato.game-preview {background:#f8f3e8;border-color:#cfc2aa;border-radius:3px}
.atlas-home .game-details {padding-top:26px}
.atlas-home .game-picture {border-radius:0}
.atlas-home .first-move {background:#0b2424;color:#eee3cf}
.atlas-home .move-card {background:#f4ecdd;border-radius:3px;border-color:#a58a57}
.atlas-home .formats {background:#eee7d9}
.atlas-home footer {background:#041416}

@media(min-width:1800px) {.atlas-copy {top:23%}.atlas-hero .atlas-copy h1 {font-size:76px}}
@media(min-width:1001px) and (max-width:1200px) {
  .atlas-copy {width:45%;top:20%;left:4vw}
  .atlas-hero .atlas-copy h1 {font-size:43px}
  .atlas-intro {font-size:14px}
  .atlas-enter {font-size:17px;min-height:50px}
  .atlas-actions {gap:10px}
  .atlas-epigraph {margin-top:24px}
  .atlas-hotspots .atlas-point>span {display:none}
  .atlas-dock {gap:18px;padding-left:4vw;padding-right:4vw}
  .atlas-dock strong {font-size:16px}
  .atlas-dock small {font-size:9px}
}
@media(max-width:1000px) {
  .atlas-home .nav-shell {height:78px;padding:0 22px;background:#051719;gap:10px}
  .atlas-home .nav-shell .brand-sail {width:34px;height:34px}
  .atlas-home .nav-shell .brand-name b {font-size:19px;letter-spacing:.22em}
  .atlas-home .brand-name>span {font-size:8px}
  .atlas-home .nav-shell nav a:first-child {color:#dfd0b3;border-color:#8c7954;font-size:13px}
  .atlas-home .atlas-hero {display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-top:78px;background:#061719}
  .atlas-copy {position:relative;top:auto;left:auto;width:auto;max-width:none;padding:29px 24px 12px;order:0;background:linear-gradient(#061719,#06171900);z-index:4}
  .atlas-kicker {font-size:9px;letter-spacing:.14em;margin-bottom:21px}
  .atlas-hero .atlas-copy h1 {font-size:clamp(33px,8.5vw,50px);line-height:1.08;letter-spacing:-.04em;margin-bottom:17px;max-width:680px;text-wrap:initial}
  .atlas-intro {font-size:14px;line-height:1.7;max-width:410px;min-height:48px;margin-bottom:23px}
  .atlas-desktop-break {display:none}
  .atlas-actions {gap:14px;flex-wrap:wrap}
  .atlas-enter {min-height:49px;padding:13px 16px;font-size:16px;gap:18px}
  .atlas-roll {font-size:11px;gap:7px;padding:8px 0}
  .atlas-roll svg {width:20px;height:20px}
  .atlas-meta {margin-top:8px;font-size:11px;min-height:28px;gap:16px}
  .atlas-meta button {font-size:11px}
  .atlas-epigraph {display:none}
  .atlas-stage {position:relative;inset:auto;height:auto;aspect-ratio:1.18/1;order:1;margin-top:-2px;overflow:hidden}
  .atlas-art,#atlas-canvas {object-fit:cover;object-position:76% 30%}
  .atlas-vignette {background:linear-gradient(#061719 0%,#06171900 16%),linear-gradient(0deg,#061719,transparent 12%)}
  .atlas-point>span {display:none!important}
  .atlas-point>i {inset:13px}
  .atlas-point[aria-pressed=true]>i {inset:8px}
  .atlas-scene-note {right:20px;bottom:22px;font-size:11px}
  .atlas-controls {position:relative;order:2;inset:auto;margin:0 24px 13px;gap:12px;min-height:36px}
  .atlas-hint {font-size:9px;gap:7px;max-width:210px}
  .atlas-controls .lgr-motion {font-size:9px;white-space:nowrap}
  .atlas-dock {position:relative;order:3;inset:auto;grid-template-columns:repeat(6,144px);gap:17px;overflow-x:auto;padding:18px 24px 19px;min-height:105px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9f8045 #061719;overscroll-behavior-x:contain}
  .atlas-dock button {scroll-snap-align:start;gap:7px;padding-bottom:10px}
  .atlas-dock strong {font-size:18px}
  .atlas-dock small {font-size:9px;white-space:normal;line-height:1.5}
  .atlas-index {font-size:10px}
  .atlas-home .games-section {padding-top:55px}
}
@media(max-width:360px) {
  .atlas-home .nav-shell {padding:0 18px}
  .atlas-home .nav-shell .brand-name b {font-size:16px}
  .atlas-copy {padding-left:20px;padding-right:20px;padding-top:28px}
  .atlas-hero .atlas-copy h1 {font-size:31px}
  .atlas-intro {font-size:13px}
  .atlas-enter {font-size:16px;gap:22px}
  .atlas-roll {font-size:10px}
  .atlas-roll svg {width:17px;height:17px}
  .atlas-controls {margin-left:20px;margin-right:20px}
  .atlas-hint {font-size:8px}
  .atlas-dock {padding-left:20px}
}
@media(max-width:700px) {
  .atlas-stage {order:0;margin-top:0}
  .atlas-copy {order:1;padding-top:15px}
  .atlas-hero .atlas-copy h1 {font-size:32px}
  .atlas-kicker {margin-bottom:15px}
  .atlas-enter {font-size:15px;padding:12px 14px;gap:14px}
  .atlas-roll {font-size:10px}
  .atlas-actions {gap:13px}
  .atlas-scene-note {bottom:18px}
}
@media(max-width:360px) {.atlas-hero .atlas-copy h1 {font-size:29px}}
@media(min-width:701px) and (max-width:1000px) {
  .atlas-home .nav-shell {height:84px}
  .atlas-copy {padding:36px 5vw 12px}
  .atlas-hero .atlas-copy h1 {max-width:650px;font-size:48px}
  .atlas-intro {max-width:610px}
  .atlas-stage {aspect-ratio:1.6/1}
  .atlas-dock {grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding-left:5vw;padding-right:5vw}
  .atlas-dock strong {font-size:17px}
  .atlas-controls {margin-left:5vw;margin-right:5vw}
}
@media(prefers-reduced-motion:reduce) {
  .atlas-copy.is-changing {animation:none}
  #atlas-canvas {transition:none}
  .atlas-enter,.atlas-point>i,.atlas-point>span,.atlas-dock button:after {transition:none}
}

/* Paper atlas + sunlit ceramic worlds. The existing sail remains the brand mark. */
.atlas-home {--atlas-ink:#193e3b;--atlas-gold:#987442;--atlas-cream:#f6f0e4;--paper:#f6f1e7;--white:#fffdf7;--ink:#243e37}
.atlas-home .nav-shell {background:linear-gradient(#f7f1e5fa,#f7f1e5cc 60%,#f7f1e500);color:#193e3b}
.atlas-home .nav-shell .brand-sail {background:#224f48;padding:5px;border-radius:50%}
.atlas-home .brand-name>span {color:#5a6758}
.atlas-home .nav-shell nav a,.atlas-home .nav-shell .max-link {color:#244a42;border-color:#476a5d66}
.atlas-home .nav-shell nav a:hover {color:#8d5c32}
.atlas-home .atlas-hero,.atlas-stage {background:#f6efdf;color:#193e3b}
.atlas-vignette {background:linear-gradient(90deg,#f7f0e9ba 0%,#f7f0e97a 24%,transparent 44%),linear-gradient(0deg,#f6efdf,transparent 8%)}
.atlas-copy {top:24%;width:32%;max-width:480px}
.atlas-kicker {color:#566852;letter-spacing:.16em;margin-bottom:25px}
.atlas-hero .atlas-copy h1,.atlas-hero .atlas-copy h1 em {color:#193e3b;text-shadow:none}
.atlas-hero .atlas-copy h1 {font-size:clamp(43px,3.9vw,65px);line-height:1.07}
.atlas-intro {color:#3d5348;text-shadow:none;max-width:360px;font-size:16px}
.atlas-actions {gap:12px 20px}
.atlas-enter {color:#fff9ec;background:#244f47;border-color:#244f47;border-radius:4px;box-shadow:0 7px 22px #294c4020,inset 0 1px #ffffff20;font-size:18px;padding:16px 21px;gap:25px}
.atlas-enter:hover {background:#35665a;box-shadow:0 9px 28px #294c4030}
.atlas-roll,.atlas-meta,.atlas-meta button {color:#355548}
.atlas-roll:hover {color:#94622e}
.atlas-meta a {border-color:#526b4f55}
.atlas-epigraph {color:#59694e;margin-top:30px}
.atlas-point {color:#214f48}
.atlas-point>i {border:1px solid #ffffffdb;background:#295c51d9;box-shadow:0 2px 8px #183c4450,0 0 0 4px #fff9e956}
.atlas-point>i:after {background:#fff4d4;box-shadow:none}
.atlas-point:hover>i,.atlas-point[aria-pressed=true]>i {box-shadow:0 2px 12px #183c4470,0 0 0 5px #fff9e999}
.atlas-point>span {color:#193e3b;background:#fffaf0f2;border-color:#3d7263;text-shadow:none;box-shadow:0 4px 18px #183c4415}
.atlas-point>span b {color:#76603e}
.atlas-scene-note {color:#304d40;background:#fff9e3b0;padding:7px 11px;bottom:55px}
.atlas-controls,.atlas-controls .lgr-motion {color:#3f5d4c}
.atlas-controls .lgr-motion {border-color:#58725a66}
.atlas-hint i {background:#35695b;box-shadow:0 0 0 4px #4978611a}
.atlas-dock {background:#f6f0e4f5;border-color:#9f997344;gap:30px}
.atlas-dock button {color:#264c43}
.atlas-index {color:#757c61}
.atlas-index i {background:linear-gradient(90deg,#b1b19077,transparent)}
.atlas-dock small {color:#5a6656}
.atlas-dock button:after {background:#35695b;box-shadow:none}
.atlas-dock button:hover,.atlas-dock button[aria-pressed=true] {color:#92603b}
.atlas-dock button[aria-pressed=true] .atlas-index {color:#92603b}
.atlas-home .atlas-hero :focus-visible {outline-color:#285e52}
.atlas-home .games-section,.atlas-home .formats {background:#f6f1e7}
.atlas-home .game-preview:not(#snyato),.atlas-home .game-grid>#snyato.game-preview {background:#fffdf7;border-color:#d4d4bf}
.atlas-home .first-move {background:#214b43}
.atlas-home .move-card {background:#faf5e8;border-color:#c1c4a8}
.atlas-home footer {background:#173b35}
@media(min-width:1800px) {.atlas-copy {top:25%;width:31%}.atlas-hero .atlas-copy h1 {font-size:70px}}
@media(min-width:1001px) and (max-width:1200px) {
 .atlas-copy {width:35%;top:24%}
 .atlas-hero .atlas-copy h1 {font-size:43px}
 .atlas-intro {font-size:14px}
 .atlas-enter {font-size:17px;min-height:50px;padding:14px 17px}
 .atlas-vignette {background:linear-gradient(90deg,#f7f0e9dc,#f7f0e980 27%,transparent 47%),linear-gradient(0deg,#f6efdf,transparent 8%)}
}
@media(max-width:1000px) {
 .atlas-home .nav-shell,.atlas-home .atlas-hero {background:#f6efdf}
 .atlas-home .nav-shell nav a:first-child {color:#264c43;border-color:#758772}
 .atlas-copy {top:auto;width:auto;max-width:none;background:#f6efdf}
 .atlas-hero .atlas-copy h1 {font-size:48px}
 .atlas-intro {max-width:610px;font-size:14px}
 .atlas-vignette {background:linear-gradient(#f6efdf00 80%,#f6efdf)}
 .atlas-enter {font-size:16px;min-height:49px;padding:13px 16px;gap:18px}
 .atlas-dock {background:#faf5e9;gap:17px;scrollbar-color:#90a48d #faf5e9}
 .atlas-scene-note {bottom:18px;font-size:11px;padding:4px 8px}
}
@media(max-width:700px) {
 .atlas-hero .atlas-copy h1 {font-size:34px;max-width:450px}
 .atlas-kicker {margin-bottom:15px}
 .atlas-enter {font-size:15px;padding:12px 14px;gap:14px}
 .atlas-copy {padding-bottom:16px}
 .atlas-stage {aspect-ratio:1.1/1}
}
@media(max-width:360px) {.atlas-hero .atlas-copy h1 {font-size:29px}.atlas-intro {font-size:13px}}

/* Six worlds; two feature chapters frame the four paired chapters. */
.atlas-dock {gap:22px}
.atlas-dock strong {font-size:clamp(15px,1.3vw,20px)}
.atlas-point[data-atlas-world="3"]>span {left:auto;right:42px}
.folio-home #ya-stradal {--game:#81604e}
.folio-home .game-grid>#ya-stradal.game-preview {grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr}
.folio-home #ya-stradal .game-picture {height:100%;min-height:410px;aspect-ratio:auto}
.folio-home #ya-stradal .game-picture img {position:absolute;inset:0;object-position:center}
.folio-home #ya-stradal .game-details {padding:42px 8%;justify-content:center}
.folio-home #ya-stradal h3 {font-size:clamp(36px,3.6vw,54px)}
.game-new {position:absolute;right:14px;top:14px;color:#fff9ec;background:#81604e;padding:8px 12px;font:11px/1.4 Manrope,Arial,sans-serif;border-radius:2px}
.folio-home .game-links .game-store {color:var(--game);font-size:12px;border-bottom:1px solid #b5bfa377;padding:7px 0}
.game-rules-note {font:11px/1.5 Manrope,Arial,sans-serif;color:#64715c}
@media(min-width:701px) and (max-width:1000px) {.atlas-dock {grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.atlas-dock strong {font-size:18px}}
@media(max-width:700px) {.atlas-dock {grid-template-columns:repeat(6,144px)}.atlas-dock strong {font-size:18px}}
@media(max-width:760px) {.folio-home .game-grid>#ya-stradal.game-preview {display:flex;grid-column:auto}.folio-home #ya-stradal .game-picture {height:auto;min-height:0;aspect-ratio:1.4/1}.folio-home #ya-stradal .game-picture img {position:relative}.folio-home #ya-stradal .game-details {padding:27px 18px 9px}.folio-home #ya-stradal h3 {font-size:34px}}