@charset "UTF-8";
:root{font-family:Arial,Helvetica,sans-serif;color:#183b32;background:#faf7ee;font-synthesis:none;--green:#193f34;--muted:#647168;--gold:#c39a50;--line:#dddccd}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b27722;outline-offset:5px}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}.skip{position:absolute;top:-100px;z-index:10;padding:12px;background:white}.skip:focus{top:10px}.site-header{max-width:1280px;margin:auto;padding:25px 36px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 25px Georgia,serif;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--gold);border-radius:50%;font-size:23px}.main-nav{display:flex;gap:24px;margin-left:auto}.main-nav a,footer nav a{text-decoration:none;font-size:14px}.main-nav a[aria-current]{color:#9a6c28}.languages{display:flex;gap:12px}.languages a{font-size:12px;text-decoration:none;color:var(--muted)}.languages a[aria-current]{color:var(--green);text-decoration:underline}.header-play{font-size:14px;font-weight:700;text-decoration:none}.hero{max-width:1280px;min-height:620px;margin:auto;padding:85px 60px 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:700;color:#8b703e;margin:0 0 24px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(42px,5.3vw,74px);line-height:1.06;letter-spacing:-2px;margin:0 0 26px;max-width:760px}.lead{color:var(--muted);font-size:18px;line-height:1.7;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:17px 25px;border-radius:6px;text-decoration:none;background:var(--green);color:white;font-size:14px;font-weight:700;min-height:50px}.button.secondary{border:1px solid #c7c9b8;color:var(--green);background:transparent}.hero-art{position:relative;min-height:420px;isolation:isolate}.art-orbit{position:absolute;width:360px;height:360px;background:#e8eadb;border-radius:50%;top:5px;left:50%;transform:translateX(-50%)}.art-wonder{position:absolute;width:90%;left:4%;top:35px;border-radius:12px;transform:rotate(-8deg);box-shadow:0 18px 40px #172e2420}.art-card{position:absolute;width:35%;top:145px;border-radius:10px;box-shadow:0 16px 30px #142d2830}.art-card-one{left:20%;transform:rotate(-10deg)}.art-card-two{left:53%;transform:rotate(9deg)}.art-seal{position:absolute;right:5%;top:20px;background:var(--green);color:#ead29b;border:4px double #d3b171;border-radius:50%;width:84px;height:84px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:32px Georgia,serif}.art-seal span{font:10px Arial;letter-spacing:3px}.reading-layout{max-width:1160px;margin:0 auto 40px;padding:0 36px;display:flex;gap:65px;align-items:start}.home-sections{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.content-section{border-top:1px solid var(--line);padding:30px 0;display:flex;gap:20px;scroll-margin-top:24px}.section-number{color:#9b8558;font-size:11px;padding-top:8px}.content-section h2{font-size:28px;margin:0 0 17px;line-height:1.25}.content-section p,.content-section li{color:#51635a;font-size:16px;line-height:1.8;margin:0 0 14px}.steps{padding-left:20px}.updated{color:var(--muted);font-size:12px}.home-sections .updated{grid-column:1/-1}.closing{padding:55px 24px;text-align:center;background:#e9ede1;border-block:1px solid #dce1d1}.closing h2{font-size:38px;margin:0 0 15px}.closing p{color:var(--muted);margin-bottom:25px}footer{max-width:1200px;padding:40px 36px 25px;margin:auto;display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between}footer .brand{font-size:22px}footer p{font-size:13px;color:var(--muted)}footer nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.independence{width:100%;border-top:1px solid var(--line);padding-top:20px;line-height:1.7;max-width:100%}.article-intro{max-width:1100px;margin:0 auto;padding:65px 36px 45px}.article-intro h1{font-size:clamp(38px,5vw,62px)}.article-body{flex:1;min-width:0;max-width:760px}.toc{width:230px;flex-shrink:0;position:sticky;top:24px}.toc strong{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;display:block;margin-bottom:18px}.toc a{display:block;text-decoration:none;color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:12px}.article{padding:80px 36px;max-width:1000px;margin:auto;min-height:65vh}.language-suggestion{max-width:1200px;margin:16px auto 0;padding:14px 24px;background:#edf0e4;font-size:14px}.language-suggestion button{float:right;border:0;background:transparent;cursor:pointer;font-size:20px}.language-suggestion a{margin-left:12px}
@media(min-width:1600px){.hero{min-height:680px}}@media(max-width:1000px){.site-header{gap:20px;padding:22px 24px}.main-nav{gap:14px}.header-play{display:none}.hero{padding:65px 30px;gap:20px}.hero-art{min-height:370px}.art-orbit{width:270px;height:270px}.art-card{top:120px}.reading-layout{gap:35px}.toc{width:190px}}@media(max-width:700px){.site-header{padding:20px;flex-wrap:wrap;gap:18px}.brand{font-size:23px}.languages{margin-left:auto}.main-nav{order:3;width:100%;margin:0;justify-content:space-between}.hero{grid-template-columns:1fr;padding:45px 24px 20px;gap:12px}.hero h1{font-size:49px}.lead{font-size:17px}.hero-art{width:100%;max-width:430px;min-height:400px;margin:10px auto 0}.art-wonder{top:25px}.art-card{top:125px}.art-orbit{width:300px;height:300px}.home-sections{display:block}.reading-layout{padding:0 24px;display:block}.content-section h2{font-size:26px}.article-intro{padding:45px 24px 30px}.article-intro h1{letter-spacing:-1px}.toc{position:static;width:auto;border-top:1px solid var(--line);padding:22px 0}.toc nav{columns:2;column-gap:20px}.toc strong{column-span:all}.toc a{break-inside:avoid}.closing h2{font-size:31px}footer{padding:32px 24px;gap:20px}.language-suggestion{margin:12px 20px 0;font-size:13px}.button{gap:18px;padding:16px 21px}.content-section{gap:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.related{max-width:1160px;margin:0 auto;padding:16px 36px 40px}.related h2{font-size:26px}.related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;padding-left:20px}.related li{line-height:1.7;overflow-wrap:anywhere}.content-section>div{min-width:0}.article-intro h1{overflow-wrap:break-word}@media(max-width:700px){.related{padding:12px 24px 32px}.related ul{grid-template-columns:1fr}.main-nav{flex-wrap:wrap}}

/* Real game components rendered as a static preview, without the game engine. */
.hero{max-width:1540px;grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr);gap:40px;padding:64px 40px;min-height:590px}
.hero h1{font-size:clamp(38px,4.2vw,62px)}
.game-preview{min-width:0;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #173c3424;border:1px solid #284e47}
.game-preview img{width:100%;height:auto;display:block}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding:40px 24px;gap:30px}.hero>div:first-child{max-width:680px}.game-preview{width:100%;max-width:900px;margin:auto}}
@media(max-width:700px){.hero{padding:32px 20px}.hero h1{font-size:40px}.game-preview{border-radius:10px}}

.home-play-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:400px;margin-top:30px}
.home-play-actions .button{min-height:68px;padding:18px 24px;border-radius:12px;font-size:20px;line-height:1.3;text-align:center;transition:background .15s,transform .15s}
.home-play-actions .play-friends{background:#c5632f;box-shadow:0 4px 0 #984820}
.home-play-actions .play-friends:hover{background:#af5427}
.home-play-actions .play-online{background:#244b3b;box-shadow:0 4px 0 #17372a}
.home-play-actions .play-online:hover{background:#193f30}
.home-play-actions .button:active{transform:translateY(2px);box-shadow:none}
@media(max-width:700px){.home-play-actions{max-width:none}.home-play-actions .button{min-height:62px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.home-play-actions .button{transition:none}}

/* One aurora identity for public pages. Static gradients keep scrolling light. */
:root{color-scheme:dark;--green:#284f48;--muted:#b6ccc9;--gold:#e0ba79;--line:#83a8a433;background:#10232d;color:#eef3e9}
body{min-height:100vh;background:radial-gradient(ellipse at 15% 5%,#397b7766,transparent 65%),radial-gradient(ellipse at 85% 85%,#685c8766,transparent 65%),linear-gradient(135deg,#10232d,#193b40);background-repeat:no-repeat;background-size:100% 100%;color:#eef3e9}
.site-header{max-width:1460px;border-bottom-color:#b1d6cb26;padding-top:22px;padding-bottom:22px}
.brand{color:#fff2d7}.brand-mark{border-color:#d7bb7b88;color:#f0d29b;background:#e1c28c0c}
.main-nav a,.header-play{color:#d1e1db}.main-nav a:hover,footer a:hover{color:#f1d39d}.main-nav a[aria-current]{color:#f1d39d}
.languages a{color:#b7ceca}.languages a[aria-current]{color:#fff2d7}
.site-header>a[href*="auth=1"]{border:1px solid #b1d6cb45;border-radius:9px;padding:10px 15px;text-decoration:none;font-size:14px;white-space:nowrap}
.site-header>a[href*="auth=1"]:hover{background:#9ac8b316}
.hero{max-width:1460px;padding:70px 36px 80px;gap:48px;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr)}
.hero h1{color:#fff3dc;font-size:clamp(40px,4.3vw,64px);line-height:1.09;letter-spacing:-1.7px;text-wrap:balance}
.eyebrow{color:#e0bc80;line-height:1.7;letter-spacing:2px}
.lead{color:#c4d8d2;line-height:1.8;font-size:17px}
.game-preview{border:1px solid #a1cbbb35;border-radius:20px;box-shadow:0 24px 65px #05181f40,0 0 60px #77b5a30a;transform:none;background:#17393e}
.home-play-actions{max-width:390px;gap:15px;margin-top:32px}
.home-play-actions .button{font-size:19px;min-height:65px;letter-spacing:.1px}
.home-play-actions .play-friends{background:#c66b38;color:#fffaf0;box-shadow:0 4px 0 #874622,0 8px 25px #081d2226}
.home-play-actions .play-friends:hover{background:#b55c2d}
.home-play-actions .play-online{background:#305f59;color:#f3f6ec;border:1px solid #a1cbb848;box-shadow:0 4px 0 #173f3b}
.home-play-actions .play-online:hover{background:#3b6b63}
.button{background:#315f56;color:#fff7e7;border:1px solid #9bc0aa40;border-radius:10px}
.button:hover{background:#3b6b60}.button.secondary{color:#e4eddf;border-color:#93bbaa66;background:#244b4533}
.reading-layout{max-width:1280px;margin-bottom:52px;gap:52px}
.home-sections{gap:18px 22px}
.home-sections .content-section{border:1px solid #91b6aa2e;border-radius:16px;background:#142e36c9;padding:28px 26px;gap:17px}
.content-section{border-top-color:#91b6aa38}
.content-section h2,.related h2{color:#f4ecd9}
.content-section p,.content-section li{color:#c0d3ce;line-height:1.85}
.section-number{color:#d7b779;font-size:12px;font-weight:700}
.updated{color:#9bbab5}.home-sections .updated{padding:4px 2px}
.closing{max-width:1208px;margin:0 auto 10px;border:1px solid #9fc4b334;border-radius:20px;background:linear-gradient(115deg,#2b555366,#3b3c574d);padding:46px 24px}
.closing h2{color:#fff0d6;font-size:36px}.closing p{color:#bfd3cc;line-height:1.7}
footer{max-width:1280px;padding-top:36px}footer p{color:#a9c3bd}footer nav{color:#cbdcd4}
.independence{border-color:#91b6aa30;font-size:12px;line-height:1.8}
.toc{background:#122d35b3;border:1px solid #91b6aa2e;border-radius:14px;padding:22px;width:240px}
.toc strong{color:#e8cd9e}.toc a{color:#bdd2cb}.toc a:hover{color:#fff0d6}
.related a,.article-body a{color:#e6cf9f}.related li{color:#bfd3cc}
.language-suggestion{background:#284a49;border:1px solid #8eb3a950;border-radius:10px;color:#e1ebe1}
.skip{background:#fff4df;color:#193f34}
a:focus-visible,button:focus-visible{outline-color:#f1d191}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding:46px 28px 52px;gap:36px}.hero>div:first-child{max-width:750px}.game-preview{transform:none;max-width:900px}.home-play-actions{max-width:410px}.site-header{gap:16px}.reading-layout{gap:28px}.toc{width:205px}}
@media(max-width:700px){.site-header{padding:20px;gap:16px}.site-header .brand{font-size:22px}.main-nav{gap:12px 20px;justify-content:flex-start}.hero{padding:34px 20px 38px;gap:32px}.hero h1{font-size:42px;letter-spacing:-1px}.hero .eyebrow{margin-bottom:18px}.hero .lead{font-size:16px}.home-play-actions{max-width:none}.game-preview{border-radius:12px}.home-sections .content-section{padding:24px 20px;margin-bottom:16px;border-radius:14px}.reading-layout{padding:0 20px;margin-bottom:28px}.content-section h2{font-size:26px}.content-section p,.content-section li{font-size:15px}.closing{margin:0 20px;border-radius:16px;padding:34px 20px}.closing h2{font-size:30px}.toc{width:auto;margin-bottom:14px}.languages{margin-left:auto}.site-header>a[href*="auth=1"]{font-size:13px;padding:9px 12px}}

/* Bright play actions against the aurora backdrop. */
.home-play-actions .play-friends{background:#ffb452;color:#302316;border:1px solid #ffd28c;box-shadow:0 4px 0 #b96c28,0 8px 24px #071e2933}
.home-play-actions .play-friends:hover{background:#ffc475;color:#302316}
.home-play-actions .play-online{background:#58dcc8;color:#103b38;border:1px solid #9aeee0;box-shadow:0 4px 0 #268f83,0 8px 24px #071e2933}
.home-play-actions .play-online:hover{background:#80e7d6;color:#103b38}
.home-play-actions .button:active{box-shadow:none}

.site-language-menu{position:relative;flex:0 0 auto}.site-language-menu summary{cursor:pointer;list-style:revert;padding:10px 14px;border:1px solid #a1cbbb55;border-radius:10px;white-space:nowrap}.site-language-menu .languages{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:50;display:grid;gap:0;min-width:180px;margin:0;padding:8px;background:#17393e;border:1px solid #a1cbbb55;border-radius:12px;box-shadow:0 12px 32px #05181f66}.site-language-menu .languages a{padding:10px 14px;white-space:nowrap}.site-language-menu .languages a[aria-current]{color:#f1ce89;background:#ffffff0d;border-radius:6px}.site-language-menu:not([open]) .languages{display:none}html[lang="hi"] .hero h1{line-height:1.4;letter-spacing:0}html[lang="hi"] .content-section p{line-height:1.9}html[lang="zh-CN"] .hero h1{letter-spacing:0;line-height:1.3}