/* Public reading pages share the game palette without loading its renderer. */
:root{color-scheme:dark;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#fff3d7;background:#124b60;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 8%,#1e6277aa,transparent 65%),url('/textures/coastal-felt-v1.jpg') center/640px, #124b60;min-height:100vh;font-size:17px;line-height:1.7}a{color:inherit;text-underline-offset:.22em}a:hover{color:#fff}a:focus-visible{outline:2px solid #ec9272;outline-offset:5px;border-radius:3px}header,main,footer{width:min(100% - 40px,900px);margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px}.brand{font-size:17px;font-weight:700;letter-spacing:.12em;text-decoration:none}.brand span{font-size:15px;letter-spacing:.1em;font-weight:400;margin-left:8px;color:#d2e0d8}nav{display:flex;align-items:center;gap:18px;font-size:15px}nav a[aria-current]{text-decoration:none;color:#b9cec8}main{padding:32px 0 56px}h1{font-size:clamp(38px,7vw,64px);line-height:1.08;font-weight:600;letter-spacing:-.035em;max-width:760px;margin:10px 0 24px}h2{font-size:27px;line-height:1.3;margin:0 0 16px}h3{font-size:19px;line-height:1.4;margin:24px 0 8px}p{margin:0 0 18px}.eyebrow{font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:#d1dbcb}.lead{font-size:21px;line-height:1.6;max-width:740px;color:#e4ebdf}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:30px 0 38px}.play{display:inline-block;background:linear-gradient(#fff5de,#efdbb4);border:1px solid #f5e1bb;border-radius:999px;color:#123f50;padding:11px 30px;font-size:19px;font-weight:700;text-decoration:none;box-shadow:0 5px 15px #05233235}.play:hover{color:#123f50;background:#fff5de}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0 44px;padding:24px 0;border-block:1px solid #e4d2ab55}.facts dt{font-size:25px;font-weight:600}.facts dd{margin:2px 0 0;color:#cbdcd5;font-size:15px}section{margin:38px 0 0;padding:34px 0 0;border-top:1px solid #d8c7a93d}.steps{padding-left:24px;margin:18px 0}.steps li{padding-left:9px;margin:13px 0}.muted{color:#c7dbd6}.points{border-collapse:collapse;width:100%;max-width:500px;margin:22px 0}.points th,.points td{text-align:left;padding:10px 16px;border-bottom:1px solid #e0d1b44a}.points th{color:#d3dfd4;font-weight:400}.points td{font-weight:600}.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.faq h3{margin-top:20px}.faq p{color:#d5e2da}.note{border-left:2px solid #dc8e70;padding-left:18px;color:#d5e2da}.links{display:flex;gap:24px;flex-wrap:wrap}footer{border-top:1px solid #d8c7a94a;padding:24px 0 36px;color:#c4d5cf;font-size:14px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}html[lang^=zh] h1{letter-spacing:0;line-height:1.2;text-wrap:balance}html[lang^=zh] .lead{line-height:1.8}@media(max-width:540px){header,main,footer{width:calc(100% - 36px)}header{padding-block:20px;gap:12px}nav{gap:14px;font-size:14px}.brand{font-size:14px}.brand span{display:none}main{padding-top:22px}.lead{font-size:19px}.facts{gap:16px;margin-block:30px}.facts dt{font-size:22px}.facts dd{font-size:13px}.faq{grid-template-columns:1fr}h2{font-size:25px}.actions{gap:20px;margin-block:26px}section{margin-top:28px;padding-top:28px}}

/* A single coastal language control is shared by the About and video pages. */
:root{font-family:var(--felt-font,Arial,"PingFang SC","Microsoft YaHei",sans-serif)}
[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-language-control{display:inline-flex;max-width:100%;vertical-align:middle}.page-language-select{appearance:none;-webkit-appearance:none;font:inherit;line-height:1.4;min-height:44px;min-width:0;max-width:210px;padding-block:8px;padding-inline:12px 40px;border:1px solid #baa98766;border-radius:999px;color:#fff1d5;cursor:pointer;background-color:#0c3545;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23fff1d5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px;background-position:right 16px center}.page-language-select:hover{border-color:#baa987aa}.page-language-select:focus-visible{outline:2px solid #ec9272;outline-offset:4px}.page-language-select option{background:#0c3545;color:#fff1d5}[dir=rtl] .page-language-select{background-position:left 16px center}
header{flex-wrap:wrap}header .brand{flex-shrink:0}header nav{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.points th,.points td{text-align:start}.steps{padding-inline-start:24px;padding-inline-end:0}.steps li{padding-inline-start:9px;padding-inline-end:0}.note{border-left:0;border-inline-start:2px solid #dc8e70;padding-left:0;padding-inline-start:18px}:lang(ar),:lang(hi){letter-spacing:normal}
.promo-page{font-family:var(--felt-font,Arial,Helvetica,sans-serif)}.promo-page main{padding:0}.promo-page section{margin:0;padding:0;border:0}.promo-page .note{border:0;padding:0}.promo-page .video-language{font-size:13px;color:#c5d1ca;margin:0 0 18px;max-width:none}.promo-page h1{overflow-wrap:break-word}.promo-page .download{width:fit-content;max-width:100%}.promo-page .languages{flex-wrap:wrap}.promo-page .brand{white-space:nowrap}.promo-page .play{text-align:center}
@media(max-width:540px){header nav{gap:12px}header .page-language-select{max-width:190px}html[dir=rtl] .brand{letter-spacing:.05em}}

/* Keep the compact video landing layout distinct from the longer reading page. */
body.promo-page{display:flow-root;background:#0c3545;color:#fff1d5;font-size:16px;line-height:1.5}.promo-page main{width:min(100% - 40px,960px);margin:40px auto;display:grid;grid-template-columns:1fr minmax(0,380px);align-items:center;gap:64px}.promo-page .brand{color:#c5d1ca;letter-spacing:.14em;font-size:14px;font-weight:400}.promo-page h1{font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.035em;margin:24px 0}.promo-page p{color:#c5d1ca;max-width:30ch}.promo-page video{display:block;width:100%;aspect-ratio:9/16;background:#124b60;border:1px solid #baa98755;border-radius:20px;box-shadow:0 18px 60px #00131e55}.promo-page .languages{display:flex;gap:8px;margin:26px 0 18px}.promo-page .play{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;background:linear-gradient(#fff4df,#f5e5c5);border:0;border-radius:99px;color:#123f50;text-decoration:none;font-size:16px;font-weight:bold;min-height:48px}.promo-page .download{display:block;margin:16px 0;color:#c5d1ca;font-size:14px;text-underline-offset:4px}.promo-page .play:hover{filter:brightness(1.08)}.promo-page .play:active{transform:translateY(1px)}.promo-page .note{font-size:12px;margin-top:30px}.promo-page .links{display:flex;gap:18px;margin-top:22px;font-size:13px}.promo-page .links a{color:#c5d1ca;text-underline-offset:4px}html[lang^=zh] .promo-page h1{line-height:1.2;letter-spacing:0}html[lang=ar] .promo-page h1,html[lang=hi] .promo-page h1{line-height:1.35;letter-spacing:normal}
@media(max-width:700px){.promo-page main{max-width:420px;margin:24px auto;grid-template-columns:1fr;gap:20px}.promo-page h1{font-size:36px;margin:16px 0 10px}.promo-page .intro p{max-width:none;margin:10px 0}.promo-page .languages{margin:16px 0}.promo-page .note{display:none}.promo-page video{border-radius:15px}.promo-page .play{width:100%}.promo-page .download{margin:14px auto}}

@media(max-width:540px){.facts dt{font-size:18px;text-wrap:balance}.facts dd{text-wrap:pretty}}

/* The generated links remain usable and crawlable when JavaScript is absent. */
.page-language-links{position:relative}.page-language-links summary{cursor:pointer;border:1px solid #baa98766;border-radius:999px;padding:8px 16px;min-height:44px}.page-language-links>span{position:absolute;z-index:2;inset-inline-end:0;top:calc(100% + 8px);display:grid;gap:8px;min-width:210px;max-width:calc(100vw - 36px);padding:16px;border:1px solid #baa98766;border-radius:16px;background:#0c3545;box-shadow:0 8px 24px #00131e55}.page-language-links a{display:block;text-decoration:none;white-space:nowrap}.page-language-links a[aria-current=page]{color:#fff1d5;font-weight:700}