:root{--color-bg:#102b2d;--color-panel:#183739;--color-text:#f1e9d6;--color-muted:#b5c5be;--color-gold:#d0ae70;--color-line:#c3a57540;--font-body:"Segoe UI", system-ui, sans-serif;--font-display:Georgia, "Times New Roman", serif;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 75% 15%, #28505255, transparent 48%), var(--color-bg);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}:is(a,button,summary,input,select):focus-visible{outline-offset:5px;outline:3px solid #ebcc8c}p{line-height:1.8}h1,h2,h3,a,summary{overflow-wrap:anywhere}h1,h2{font-family:var(--font-display);font-weight:400}header,main,footer{max-width:1280px;margin-inline:auto;padding-inline:40px}.brand img{width:172px;height:auto;display:block}.skip{background:var(--color-text);color:var(--color-bg);z-index:30;padding:12px;position:absolute;top:-100px;left:12px}.skip:focus{top:8px}.eyebrow,.section-label{font:600 11px/1.6 var(--font-body);color:var(--color-gold);letter-spacing:.12em}.header{border-bottom:1px solid var(--color-line);grid-template-columns:auto 1fr auto;align-items:center;gap:18px 28px;padding-block:24px;display:grid}.header>nav{color:var(--color-muted);flex-wrap:wrap;grid-area:2/1/auto/-1;gap:10px 28px;font-size:14px;display:flex}.header>nav a{border-bottom:1px solid #0000;padding-block:6px}.header>nav a:hover,.header>nav a[aria-current=page]{color:var(--color-text);border-color:var(--color-gold)}.header>.brand{grid-area:1/1}.header>.language-links{grid-area:1/2;justify-self:end}.header>.header-play{grid-area:1/3}.header>.site-account-status{grid-area:3/1/auto/-1;justify-content:flex-end}.header-play,.play{border:1px solid var(--color-gold);color:var(--color-text);justify-content:center;align-items:center;gap:14px;padding:11px 18px;font-size:13px;display:inline-flex}.header-play:hover,.play:hover{background:#d0ae7015}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:80px 100px;display:grid}.hero-copy{min-width:0}.hero h1{letter-spacing:-.035em;margin:24px 0;font-size:clamp(40px,5.1vw,68px);line-height:1.1}.accent{color:var(--color-gold);letter-spacing:-.015em;margin-top:18px;font-size:.58em;line-height:1.35;display:block}.intro{color:var(--color-muted);max-width:540px;margin-bottom:30px;font-size:17px}.cta{background:var(--color-gold);color:#142b2c;justify-content:space-between;align-items:center;gap:28px;max-width:100%;padding:18px 24px;font-size:15px;font-weight:700;display:inline-flex}.cta:hover{background:#e1bf82}.random-link{color:var(--color-text);border-bottom:1px solid var(--color-line);margin:18px 0 0 20px;padding-bottom:4px;font-size:14px;display:inline-block}.features{color:var(--color-muted);flex-wrap:wrap;gap:10px 20px;margin:26px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.features li:before{content:"◇";color:var(--color-gold);margin-right:8px}.board-art{aspect-ratio:1.12;background:repeating-linear-gradient(96deg,#0000 0 12px,#25150a20 13px 14px),linear-gradient(125deg,#976e48,#533c2a);border:1px solid #ccae79;border-radius:5px;grid-template-columns:24px 1fr 27px;gap:7px;padding:16px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:inset 0 0 0 5px #503b2c,inset 0 0 0 6px #c3a575,0 30px 60px #0004}.board-art:before,.board-art:after{content:"";border:1px solid #e3ca96;width:9px;height:9px;position:absolute;top:3px;transform:rotate(45deg)}.board-art:before{left:3px}.board-art:after{right:3px}.art-rail{flex-direction:column;justify-content:space-between;align-items:center;padding-block:7px;display:flex}.art-rail b{color:#f2e7ce;font:12px var(--font-body);background:#153335;border:1px solid #d0ae70;border-radius:50%;padding:5px}.art-field{background:#d4bd93;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:78px 24px;padding:6px 4px;display:grid;position:relative;box-shadow:inset 0 0 18px #3e2c2030}.art-row{gap:3px;display:flex}.triangle{flex:1;min-width:0;position:relative}.triangle:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#a67b54;position:absolute;inset:0}.triangle:nth-child(2n):before{background:#2c5858}.lower .triangle:before{transform:scaleY(-1)}.art-bar{inset-block:0;background:linear-gradient(90deg,#664a32,#a17b51,#60452f);border-inline:1px solid #c1a374;width:18px;position:absolute;left:calc(50% - 9px)}.art-checker{aspect-ratio:1;border-radius:50%;width:22px;display:block;box-shadow:0 2px 3px #0005,inset 0 0 0 2px #ffffff25,inset 0 0 0 5px #00000015}.art-checker.white{background:#eee1bc;border:1px solid #d0bb8c}.art-checker.black{background:#264b4c;border:1px solid #6c8c83}.mini-stack{gap:1px;width:100%;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.mini-stack .art-checker{width:100%}.lower .mini-stack{top:auto;bottom:0}.art-dice{color:#fff0ce;text-shadow:1px 3px #80683f;gap:5px;font-size:38px;display:flex;position:absolute;top:50%;left:27%;transform:translateY(-50%)}.art-dice span:last-child{transform:rotate(12deg)}.art-tray{background:#493525;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 3px;display:flex}.tray-stack{gap:1px;width:100%;display:grid}.tray-stack i{background:linear-gradient(#f3e4bf,#ad9271);height:4px}.art-tray b{color:#5a412d;background:#ecdcb4;padding:3px 5px;font-size:12px}.reading{border-top:1px solid var(--color-line);padding-block:40px 70px}.section-label{align-items:center;gap:16px;display:flex}.section-label:after{content:"";background:var(--color-line);flex:1;height:1px}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;margin-top:38px;display:grid}.step-number{color:var(--color-gold);font-size:12px}.article-grid h2{margin:16px 0;font-size:27px;line-height:1.25}.article-grid p{color:var(--color-muted);margin:0;font-size:14px}.how{background:var(--color-panel);border:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:54px;padding:44px;display:grid;position:relative}.how:before{content:"";background:var(--color-gold);width:9px;height:9px;position:absolute;top:-5px;left:calc(50% - 5px);transform:rotate(45deg)}.how h2,.faq h2,.more h2{margin:12px 0 26px;font-size:38px;line-height:1.2}.text-link{color:var(--color-gold);border-bottom:1px solid var(--color-line);font-size:14px}.how ol{gap:20px;margin:0;padding:0;list-style:none;display:grid}.how li{align-items:baseline;gap:20px;display:flex}.how li>span{color:var(--color-gold);font-size:13px}.how li p{color:var(--color-muted);margin:0;font-size:14px}.faq{max-width:840px;margin:80px auto}.faq details{border-bottom:1px solid var(--color-line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding-block:23px;font-size:17px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--color-gold);flex:none;font-size:24px}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{color:var(--color-muted);margin:0 0 24px;font-size:15px}.more{padding-bottom:80px}.more>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.more a{border:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:24px;padding:28px;font-size:18px;display:flex}.more a b{color:var(--color-gold)}.more a:hover{background:var(--color-panel)}footer{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:20px 28px;padding-block:32px;display:flex}footer .brand img{width:140px}footer p{color:var(--color-muted);flex:240px;font-size:12px}footer>span{color:var(--color-muted);font-size:12px}.legal-links{color:var(--color-muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}details.language-links summary{border-color:var(--color-line);color:var(--color-text);border-radius:3px}.language-links .language-options{background:var(--color-panel);border-color:var(--color-line);border-radius:4px}.language-links .language-options a{color:var(--color-muted)}.language-links .language-options a:hover,.language-links .language-options a[aria-current=page]{color:var(--color-text);background:#d0ae701c}.header .site-account-status a,.legal-page .site-account-status a{border-color:var(--color-line);color:var(--color-text);background:var(--color-panel);border-radius:4px}.header .site-account-status .session-register,.legal-page .site-account-status .session-register{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-bg)}@media (width>=1100px){.header{grid-template-columns:auto minmax(0,1fr) auto auto}.header>nav{grid-area:1/2;justify-content:center;gap:10px 20px}.header>.language-links{grid-column:3}.header>.header-play{grid-column:4}}@media (width<=900px){.hero{gap:32px;padding-block:56px 64px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-art{transform:none}.how{gap:32px;padding:32px}}@media (width<=650px){header,main,footer{padding-inline:20px}.header{gap:16px 12px;padding-block:20px}.brand img{width:142px}.header-play{padding:10px 12px}.header>.site-account-status{justify-content:flex-start}.header>nav{gap:8px 18px;font-size:13px}.hero{grid-template-columns:minmax(0,1fr);gap:48px;padding-block:40px 60px}.hero h1{font-size:clamp(38px,9vw,54px)}.intro{font-size:16px}.board-art{width:min(100%,460px);margin-inline:auto}.article-grid{grid-template-columns:minmax(0,1fr);gap:34px}.reading{padding-block:32px 48px}.how{grid-template-columns:minmax(0,1fr);padding:28px 22px}.how h2,.faq h2,.more h2{font-size:32px}.faq{margin-block:54px}.more>div{grid-template-columns:minmax(0,1fr)}.more{padding-bottom:54px}.random-link{margin-left:0;margin-right:20px}}@media (width<=430px){.header{grid-template-columns:minmax(0,1fr) auto}.header>.header-play{grid-area:3/1/auto/-1;justify-self:start}.header>.site-account-status{grid-row:4}.header>nav{grid-row:2}.brand img{width:132px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (width<=650px){.header details.language-links .language-options,.legal-page details.language-links .language-options{max-height:min(400px,70dvh);overflow-y:auto}.header details.language-links .language-options a,.legal-page details.language-links .language-options a{align-items:center;min-height:44px;font-size:14px;display:flex}}.registration-note{color:var(--color-muted);border-left:2px solid var(--color-gold);margin:22px 0 0;padding-left:14px;font-size:13px}.registration-note span{margin-top:6px;display:block}.header .site-account-status,.legal-page .site-account-status{gap:12px}html .header .site-account-status .session-register,html .legal-page .site-account-status .session-register{background:var(--color-panel);border-color:var(--color-line);color:var(--color-text);font-weight:400}.language-links[data-astro-cid-oorwcml5]{z-index:10;flex-shrink:0;font-size:12px;position:relative}.language-links[data-astro-cid-oorwcml5] summary[data-astro-cid-oorwcml5]{cursor:pointer;color:#d8e4d4;white-space:nowrap;border:1px solid #789c8c55;border-radius:20px;align-items:center;gap:7px;padding:8px 10px;list-style:none;display:flex}.language-chevron[data-astro-cid-oorwcml5]{opacity:.8;flex:none;transition:transform .16s}.language-links[data-astro-cid-oorwcml5][open] .language-chevron[data-astro-cid-oorwcml5]{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.language-chevron[data-astro-cid-oorwcml5]{transition:none}}.language-links[data-astro-cid-oorwcml5] summary[data-astro-cid-oorwcml5]::-webkit-details-marker{display:none}.language-options[data-astro-cid-oorwcml5]{background:#193331;border:1px solid #789c8c88;border-radius:12px;min-width:140px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 8px 25px #0005}.language-options[data-astro-cid-oorwcml5] a[data-astro-cid-oorwcml5]{color:#bed4c7;border-radius:6px;padding:8px 10px;font-size:12px;text-decoration:none}.language-options[data-astro-cid-oorwcml5] a[data-astro-cid-oorwcml5]:hover,.language-options[data-astro-cid-oorwcml5] a[data-astro-cid-oorwcml5][aria-current=page]{color:#f4efdf;background:#35504a}.language-links[data-astro-cid-oorwcml5] summary[data-astro-cid-oorwcml5]:focus-visible,.language-options[data-astro-cid-oorwcml5] a[data-astro-cid-oorwcml5]:focus-visible{outline-offset:2px;outline:3px solid #c9e7a1}
