@import url('/play/fonts.css');
:root{color-scheme:dark;--ink:#f0eee4;--muted:#afc0ba;--line:#edf3e026;--gold:#e6c88e;--bg:#102c31;--serif:'Cormorant Garamond',Georgia,serif;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:5px}button,a,summary{touch-action:manipulation}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.02}h2{font-size:clamp(44px,5.2vw,72px);margin:18px 0 28px}em{font-weight:400;color:var(--gold)}
.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--gold);color:var(--bg);padding:14px 20px}.skip-link:focus{top:12px}
.site-header,body>header{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:24px 5.5vw;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;letter-spacing:.28em;font-size:24px;line-height:1.2}.brand small{font-size:11px;letter-spacing:.09em;color:var(--muted);display:block;margin-top:6px}nav{display:flex;gap:32px;font-size:13px;align-items:center}nav a{text-decoration:none}nav a:hover{color:var(--gold)}.nav-play{border:1px solid #e6c88e66;border-radius:30px;padding:12px 20px;color:var(--gold)}.nav-play span{margin-left:14px}
.hero{position:relative;isolation:isolate;min-height:720px;height:calc(100svh - 100px);max-height:980px;display:flex;align-items:center;padding:64px 7.5vw 104px;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 38%;z-index:-2;background:#24606a}.hero-art img{width:100%;height:120%;max-width:none;object-fit:cover;object-position:55% 52%;position:absolute;top:-8%}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102c31 0%,#102c31f5 24%,#102c31a6 42%,#102c3100 66%),linear-gradient(0deg,#102c31e0 0%,transparent 22%)}.hero-content{max-width:525px}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);line-height:1.8;display:block}.hero h1{font-size:clamp(70px,7.4vw,108px);margin:26px 0 28px}.hero p{font-size:16px;line-height:1.85;color:#c0cfca;max-width:375px;margin-bottom:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--gold);color:#173337;padding:17px 25px;border:1px solid var(--gold);border-radius:3px;text-decoration:none;cursor:pointer;font-size:14px;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#f0dba9;transform:translateY(-2px)}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.hero-note{display:block;font-size:11px;color:var(--muted);margin-top:17px;line-height:1.6}.hero-caption{position:absolute;right:5.5vw;bottom:36px;font-size:11px;letter-spacing:.04em;color:#ecebda}.hero-caption span{color:#d0dbd1}.scroll-link{position:absolute;left:7.5vw;bottom:36px;text-decoration:none;font-size:11px;letter-spacing:.06em;color:var(--muted)}.scroll-link span{margin-left:30px;color:var(--gold)}
.journey-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 7.5vw;border-bottom:1px solid var(--line)}.journey-facts p{display:flex;align-items:center;justify-content:center;gap:18px;margin:0;border-right:1px solid var(--line)}.journey-facts p:first-child{justify-content:flex-start}.journey-facts p:last-child{border:0;justify-content:flex-end}.journey-facts strong{font-family:var(--serif);font-weight:400;font-size:40px;color:var(--gold)}.journey-facts span{font-size:12px;color:var(--muted)}
.section{padding:100px 7.5vw}.story{background:#edece1;color:#173b3f;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.story-image{height:560px;overflow:hidden;border-radius:240px 240px 3px 3px;background:#acc7c4}.story-image img{height:115%;width:100%;object-fit:cover;object-position:center 55%;transform:translateY(-5%)}.story .eyebrow{color:#7f693f}.story em{color:#7c6948}.story p{font-size:16px;line-height:1.85;color:#52696a;max-width:450px;margin-bottom:18px}.text-link{display:inline-flex;align-items:center;gap:30px;padding:9px 0;border-bottom:1px solid #e6c88e66;text-decoration:none;font-size:13px;margin-top:16px;color:var(--gold)}.story .text-link{color:#25464a;border-color:#25464a55}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:360px}.section-heading p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:4px}.places-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.places figure{margin:0;min-width:0}.place-image{height:300px;overflow:hidden;border-radius:160px 160px 3px 3px;background:#2b5a60}.place-image img{width:100%;height:100%;object-fit:cover;object-position:50% 51%}.places figcaption{padding:24px 0 0}.places figcaption>span{font-size:10px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase}.places h3{font-family:var(--serif);font-weight:400;font-size:31px;margin:12px 0}.places figcaption p{color:var(--muted);font-size:14px;line-height:1.75;max-width:300px;margin-bottom:0}.gallery-note{color:var(--muted);font-size:11px;margin:32px 0 0}
.opening{border-top:1px solid var(--line);background:#0b252b}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:11px;line-height:1.6;margin-top:16px;color:var(--muted)}.play-area{position:relative;min-height:680px;border:1px solid #e6c88e4d;border-radius:4px;overflow:hidden;background:#193b41}.play-area iframe{display:block;width:100%;height:780px;max-height:90svh;min-height:680px;border:0}.demo-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.demo-poster>img{position:absolute;inset:-10% 0;width:100%;height:120%;max-width:none;object-fit:cover;z-index:-2}.demo-poster:before{position:absolute;inset:0;content:'';background:#08252be0;z-index:-1}.poster-content{text-align:center;padding:30px}.poster-content h3{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:400;margin:20px 0 30px}.poster-content p{font-size:12px;color:var(--muted);margin:20px 0 0}
.how-to-play{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0;margin:36px 0 0;list-style:none}.how-to-play li{display:flex;gap:18px}.how-to-play li>span{font-family:var(--serif);font-size:30px;color:var(--gold);line-height:1}.how-to-play h3{font-size:14px;font-weight:500;margin:0 0 9px}.how-to-play p{font-size:12px;color:var(--muted);line-height:1.75;margin:0}.demo-note{font-size:11px;color:var(--muted);line-height:1.8;margin:28px 0 0}
.end-panel{position:absolute;inset:0;z-index:4;background:#102c31f5;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px;text-align:center}.end-panel h3{font-family:var(--serif);font-size:clamp(40px,5vw,62px);font-weight:400;max-width:540px;margin:20px 0}.end-panel p{max-width:460px;color:var(--muted);font-size:15px;line-height:1.8}.end-panel .buttons{display:flex;gap:12px;margin-top:20px}.end-panel small{margin-top:24px;color:var(--muted);font-size:11px;line-height:1.7}
.full-journey{text-align:center;background:radial-gradient(ellipse at center,#23494b 0%,#102c31 72%)}.full-journey p{max-width:575px;margin:0 auto;font-size:16px;line-height:1.85;color:var(--muted)}.journey-details{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:28px 0 12px;font-size:12px;color:var(--ink)}.journey-details span+span:before{content:'·';color:var(--gold);margin-right:24px}
.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--gold);font-size:24px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);line-height:1.85;margin:16px 28px 0 0}
.site-footer{padding:40px 5.5vw;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.site-footer p{font-size:11px;margin:16px 0 0}.site-footer nav{font-size:12px;gap:24px}.footer-links{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
.legal{max-width:800px;margin:0 auto;padding:70px 24px 90px;min-height:70svh}.legal h1{font-size:64px;margin:16px 0 28px}.legal h2{font-family:'DM Sans',sans-serif;font-size:23px;font-weight:500;letter-spacing:0;margin:36px 0 12px;line-height:1.35}.legal p,.legal li{font-size:16px;line-height:1.85;color:#c6d3d0}.legal ul{padding-left:22px}.notice{border-left:2px solid var(--gold);padding:10px 20px;background:#ffffff06}.legal details{border-bottom:1px solid var(--line);padding:22px 0}.legal summary{cursor:pointer;font-size:18px}
@media(min-width:1600px){.section{padding-left:max(7.5vw,calc((100vw - 1360px)/2));padding-right:max(7.5vw,calc((100vw - 1360px)/2))}}
@media(max-width:1000px){.hero{padding-left:5.5vw}.hero h1{font-size:76px}.hero-content{max-width:460px}.hero-art{left:28%}.section{padding:80px 5.5vw}.story{gap:6vw}.story-image{height:490px}.journey-facts{padding:24px 5.5vw}.journey-facts p{gap:12px}.journey-facts strong{font-size:36px}.places-grid{gap:20px}.place-image{height:240px}.places h3{font-size:27px}.section-heading{gap:30px}}
@media(max-width:700px){
html{scroll-padding-top:16px}.site-header,body>header{min-height:84px;padding:19px 22px;gap:15px}.brand{font-size:21px}.brand small{font-size:10px}nav{gap:18px;font-size:12px}.world-link{display:none}.nav-play{padding:10px 14px}.nav-play span{margin-left:8px}
.hero{height:auto;min-height:790px;max-height:none;display:block;padding:60px 24px 350px}.hero-content{max-width:440px}.hero h1{font-size:clamp(62px,12vw,84px);margin:20px 0}.hero p{font-size:14px;line-height:1.8;max-width:340px;margin-bottom:24px}.hero-art{inset:30% 0 0 0}.hero-art img{object-position:center 65%;height:140%;top:-20%}.hero:before{background:linear-gradient(180deg,#102c31 0%,#102c31 26%,#102c31e6 40%,#102c314d 63%,#102c3100 80%,#102c31b3 100%)}.hero-caption{right:24px;bottom:24px;font-size:10px}.hero-caption span,.scroll-link{display:none}.hero-note{font-size:10px}.button{padding:15px 20px;font-size:13px;gap:24px}
.journey-facts{padding:24px 16px;gap:12px}.journey-facts p,.journey-facts p:first-child,.journey-facts p:last-child{display:flex;flex-direction:column;gap:4px;justify-content:center}.journey-facts strong{font-size:34px}.journey-facts span{font-size:9px;text-align:center}
.section{padding:64px 24px}h2{font-size:48px;margin:16px 0 24px}.eyebrow{font-size:10px}.story{display:flex;flex-direction:column-reverse;gap:36px;align-items:stretch}.story-image{height:430px;max-width:450px;width:100%;align-self:center}.story p{font-size:14px}.story-copy{max-width:460px}
.section-heading{display:block;margin-bottom:32px}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:440px}.section-heading p{font-size:14px;margin-top:24px}.places-grid{grid-template-columns:1fr;gap:40px}.place-image{height:320px;border-radius:140px 140px 3px 3px}.places h3{font-size:32px}.places figcaption{padding-top:20px}.places figcaption p{max-width:none}.gallery-note{font-size:10px;line-height:1.7}
.opening{padding-left:16px;padding-right:16px}.opening>.section-heading,.opening>.how-to-play,.opening>.demo-note{margin-left:8px;margin-right:8px}.play-area{min-height:650px}.play-area iframe{height:80svh;min-height:650px;max-height:none}.poster-content{padding:22px}.poster-content h3{font-size:40px}.how-to-play{grid-template-columns:1fr;gap:24px;margin-top:30px}.how-to-play h3{font-size:14px}.how-to-play p{font-size:12px}.how-to-play li>span{width:32px;flex-shrink:0}.end-panel{padding:24px}.end-panel .buttons{flex-direction:column;width:100%;max-width:270px}.end-panel p{font-size:14px}
.full-journey p{font-size:14px}.journey-details{gap:14px;font-size:10px}.journey-details span+span:before{margin-right:14px}.faq{grid-template-columns:1fr;gap:36px}.faq h2{margin-bottom:12px}.faq summary{font-size:14px}.faq details p{font-size:13px}
.site-footer{padding:30px 24px;flex-direction:column;gap:28px}.footer-links{align-items:flex-start;gap:22px}.site-footer nav{flex-wrap:wrap;gap:24px}.legal{padding-top:40px}.legal h1{font-size:48px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

.brand-icon{width:52px;height:52px;border-radius:12px;flex-shrink:0}.brand>span{display:block}@media(max-width:700px){.brand-icon{width:40px;height:40px;border-radius:9px}.brand{gap:10px}}

.places-grid{row-gap:48px}.places .place-image{height:auto;aspect-ratio:1206/2622;border-radius:14px;border:1px solid var(--line)}.place-image img{object-fit:contain}.places h3{font-size:29px}@media(max-width:700px){.places-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.places h3{font-size:24px}.places figcaption p{font-size:12px}.places figcaption>span{font-size:8px;letter-spacing:.05em}}
.editorial-link{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;border-top:1px solid var(--line);background:#17373c}.editorial-link h2{margin-bottom:0}.editorial-link p{font-size:16px;line-height:1.85;color:var(--muted);max-width:420px}@media(max-width:700px){.editorial-link{grid-template-columns:1fr;gap:28px}.editorial-link p{font-size:14px}}
.journey-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8vw;align-items:center;background:#17373c;border-bottom:1px solid var(--line)}.journey-film p{max-width:460px;font-size:16px;line-height:1.85;color:var(--muted)}.journey-film video{display:block;width:100%;max-width:286px;height:auto;aspect-ratio:590/1280;justify-self:center;border:1px solid var(--line);border-radius:14px;background:#081c20}.film-note{display:block;margin-top:24px;max-width:400px;font-size:11px;line-height:1.8;color:var(--muted)}@media(max-width:700px){.journey-film{grid-template-columns:1fr;gap:36px}.journey-film p{font-size:14px}.journey-film video{max-width:270px}.film-note{font-size:10px}}