@font-face{font-family:Oswald;src:url('fonts/oswald-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Oswald;src:url('fonts/oswald-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Shantell;src:url('fonts/murko-shantell-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:SloganZH;src:url('fonts/slogan-zh-600.ttf');font-display:swap}@font-face{font-family:SloganJA;src:url('fonts/slogan-ja-600.ttf');font-display:swap}@font-face{font-family:SloganKO;src:url('fonts/slogan-ko-600.ttf');font-display:swap}@font-face{font-family:SloganHI;src:url('fonts/slogan-hi-600.ttf');font-display:swap}@font-face{font-family:SloganAR;src:url('fonts/slogan-ar-600.ttf');font-display:swap}
:root{--ink:#101b1e;--panel:#17262a;--gold:#d7c89f;--paper:#ece4d2;--muted:#9aa8a6;--line:#d7c89f26;--heading:Oswald,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600;line-height:1.12}h2{font-size:clamp(34px,4vw,64px);letter-spacing:-.025em}h3{font-size:25px}p{max-width:68ch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:50;left:15px;top:-70px;background:var(--gold);color:var(--ink);padding:10px 20px}.skip:focus{top:15px}.header{height:92px;padding-inline:5vw;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:linear-gradient(#101b1ecc,#101b1e11)}.brand img{width:125px;height:auto}.header nav{display:flex;align-items:center;gap:38px;font-family:var(--heading);font-size:16px;letter-spacing:.04em}.header nav a{padding-block:10px;transition:color .2s}.header nav a:hover{color:var(--gold)}.nav-play{color:var(--gold)}.language{display:flex;align-items:center;gap:8px}.globe{font-size:28px;color:var(--gold);line-height:1}.language select{color:var(--paper);background:#101b1eaa;border:0;max-width:150px;padding:10px 5px;cursor:pointer;font-size:13px}.language option{background:var(--ink);color:var(--paper)}.hero{position:relative;min-height:830px;height:100svh;max-height:1120px;isolation:isolate;overflow:hidden;background:#18343d}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 60%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0b171d55 0%,#0a161c40 15%,#0a161c08 56%,#101b1e 100%),radial-gradient(ellipse at 50% 23%,#0e202650 0%,transparent 55%)}.hero-copy{padding-top:150px;text-align:center;margin:auto;max-width:800px;padding-inline:25px;display:flex;align-items:center;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:13px}.hero-copy .eyebrow{justify-content:center;color:var(--gold);text-shadow:0 2px 10px #000}.tiny-star{font-size:15px}.hero-logo{width:clamp(260px,36vw,540px);height:auto;margin-top:18px;filter:drop-shadow(0 5px 20px #07121655)}.slogan{font-family:Shantell,system-ui,sans-serif;font-size:clamp(18px,2.1vw,29px);font-weight:600;color:var(--gold);line-height:1.4;max-width:none}.hero-copy .slogan{margin-top:4px;text-shadow:0 2px 10px #000}.hero h1{font-size:clamp(18px,2.3vw,30px);margin:18px 0 23px;letter-spacing:.005em;font-weight:400;text-shadow:0 2px 12px #000}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:16px 28px;font-family:var(--heading);font-size:18px;font-weight:600;letter-spacing:.01em;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button.gold{background:var(--gold);color:var(--ink)}.button.gold:hover{background:#efe1b7}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#24383e}.play-icon{font-size:12px}.micro{font-size:11px;letter-spacing:.1em;margin-top:12px;color:#ece4d2cc;text-shadow:0 2px 10px #000}.hero-bottom{position:absolute;bottom:45px;inset-inline:5vw;display:flex;justify-content:space-between;align-items:center;font-size:11px}.hero-bottom a{display:flex;gap:20px;align-items:center}.hero-bottom a span:last-child{font-size:22px}.coordinate{font-size:10px;letter-spacing:.18em;color:var(--muted)}.facts{display:flex;justify-content:center;gap:9vw;align-items:center;padding:40px 5vw;border-bottom:1px solid var(--line);position:relative}.facts>div{display:flex;align-items:center;gap:18px}.facts b{font-family:var(--heading);font-size:44px;font-weight:400;line-height:1;color:var(--gold)}.facts span{font-size:12px;color:var(--muted);max-width:150px;line-height:1.5}.facts .paw-trail{font-size:42px;color:var(--gold);line-height:1}.section{width:min(1280px,90%);margin:auto;padding-block:95px}.story{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.section-title h2{max-width:440px;margin-top:28px}.story-body{padding-top:40px;color:var(--muted)}.story-body .lead{font-size:21px;color:var(--paper);line-height:1.6}.story-body p+p{margin-top:24px}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--gold);margin-top:36px;padding-bottom:12px;width:220px;color:var(--gold);font-family:var(--heading);font-size:17px}.world{border-top:1px solid var(--line)}.world-heading{display:grid;grid-template-columns:1fr 1fr;gap:25px 9vw;align-items:end}.world-heading .eyebrow{grid-column:1/-1}.world-heading h2{max-width:520px}.world-heading>p:last-child{color:var(--muted);max-width:440px}.world-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:55px;margin-top:44px}.image-button{display:block;position:relative;padding:0;border:0;background:var(--panel);width:100%;cursor:zoom-in;overflow:hidden}.image-button img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.image-button:hover img{transform:scale(1.035)}.world-art .image-button{height:345px}.expand{position:absolute;bottom:16px;inset-inline-end:16px;background:var(--gold);color:var(--ink);font-size:24px;width:45px;height:45px;display:grid;place-items:center}.image-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;color:var(--muted);margin-top:14px;gap:20px}.routes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center}.routes li{display:flex;align-items:center;gap:20px;padding:34px 0;border-top:1px solid var(--line)}.routes li:last-child{border-bottom:1px solid var(--line)}.route-no{font-family:var(--heading);font-size:14px;color:var(--gold)}.routes h3{flex:1}.routes li>span:last-child{color:var(--gold);font-size:25px}.gallery{padding-top:0}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.gallery-heading .slogan{font-size:20px}.panorama{aspect-ratio:1672/941}.play-section{padding-top:0}.play-panel{position:relative;background:var(--gold);color:var(--ink);padding:64px 70px;overflow:hidden}.play-panel .eyebrow{color:#394b4d}.play-panel h2{font-size:clamp(42px,5.2vw,76px);margin-top:22px;position:relative;z-index:1;max-width:850px}.play-panel p:not(.eyebrow){margin-top:20px;max-width:550px;color:#2d4143;position:relative;z-index:1}.play-panel .button{margin-top:30px;position:relative;z-index:1}.panel-star{position:absolute;font-size:330px;inset-inline-end:35px;bottom:-160px;line-height:1;color:#b7a67c;pointer-events:none}.store-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}.store-links:empty{display:none}.store-links a{font-size:13px;border-bottom:1px solid var(--ink)}footer{border-top:1px solid var(--line);margin-inline:5%;padding-block:35px;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>a:last-child{font-size:11px;color:var(--muted)}.footer-slogan{font-family:Shantell,system-ui,sans-serif;color:var(--gold);font-size:15px}dialog{padding:0;border:1px solid var(--line);background:var(--ink);max-width:95vw;max-height:95svh}dialog::backdrop{background:#071015ee;backdrop-filter:blur(8px)}dialog img{max-height:90svh;object-fit:contain}.lightbox-close{position:absolute;inset-inline-end:12px;top:12px;z-index:1;border:0;background:var(--gold);color:var(--ink);font-size:30px;width:44px;height:44px;cursor:pointer}
html[lang=zh] .slogan{font-family:SloganZH,system-ui,sans-serif}html[lang=ja] .slogan{font-family:SloganJA,system-ui,sans-serif}html[lang=ko] .slogan{font-family:SloganKO,system-ui,sans-serif}html[lang=hi] .slogan{font-family:SloganHI,system-ui,sans-serif}html[lang=ar] .slogan{font-family:SloganAR,system-ui,sans-serif}html:is([lang=ar],[lang=zh],[lang=ja],[lang=ko],[lang=hi]){--heading:system-ui,sans-serif}html[dir=rtl] .header nav{letter-spacing:0}html[dir=rtl] .eyebrow{letter-spacing:0}
@media(min-width:1700px){.hero-copy{padding-top:180px}.hero-logo{width:580px}.hero h1{margin-top:24px}}
@media(max-width:1000px){.world-grid{grid-template-columns:1fr;gap:26px}.routes{flex-direction:row;gap:22px}.routes li{flex:1;padding:22px 0;border-bottom:1px solid var(--line)}.routes h3{font-size:20px}.facts{gap:6vw}.story{gap:6vw}.hero{min-height:760px}.hero-copy{padding-top:145px}.world-art .image-button{height:auto;aspect-ratio:1600/720}.section{padding-block:65px}.gallery{padding-top:0}.play-section{padding-top:0}.gallery-heading .slogan{font-size:16px}.facts .paw-trail{display:none}}
@media(max-width:650px){.header{height:77px;padding-inline:6%;gap:14px}.brand img{width:100px}.header nav{gap:16px;font-size:14px}.header nav a:nth-child(2){display:none}.language select{max-width:90px;font-size:12px}.globe{display:none}.hero{height:850px;min-height:0;max-height:none}.hero-copy{padding-top:125px;padding-inline:20px}.hero-art{height:100%;object-position:29% 50%}.hero-shade{background:linear-gradient(#0b171d80,#0b171d45 38%,transparent 57%,#101b1e 100%)}.hero-logo{width:320px;max-width:88vw;margin-top:24px}.hero-copy .eyebrow{font-size:10px}.hero-copy .slogan{font-size:20px;margin-top:9px}.hero h1{font-size:23px;margin:21px 0 24px}.hero-bottom{bottom:26px;inset-inline:6%}.coordinate{font-size:9px}.facts{padding:30px 6%;gap:15px;justify-content:space-between}.facts>div{flex-direction:column;align-items:flex-start;gap:8px}.facts b{font-size:38px}.facts span{font-size:10px;max-width:100px}.section{width:88%;padding-block:55px}.story{grid-template-columns:1fr;gap:25px}.section-title h2{font-size:42px;margin-top:20px;max-width:360px}.story-body{padding-top:0}.story-body .lead{font-size:18px}.world-heading{grid-template-columns:1fr;gap:20px}.world-heading h2{font-size:40px}.world-grid{margin-top:30px;gap:22px}.world-art .image-button{aspect-ratio:1.4}.routes{flex-direction:column;gap:0}.routes li{width:100%;padding:22px 0;border-bottom:0}.routes h3{font-size:24px}.gallery{padding-top:0}.gallery-heading{align-items:flex-start;flex-direction:column;gap:14px}.gallery-heading .slogan{font-size:17px}.panorama{aspect-ratio:1.3}.panorama img{object-position:28%}.play-section{padding-top:0}.play-panel{padding:36px 28px}.play-panel h2{font-size:48px}.play-panel .button{padding-inline:18px;gap:16px;font-size:16px}.panel-star{font-size:230px;bottom:-130px;inset-inline-end:-10px}footer{margin-inline:6%;flex-wrap:wrap;padding-block:28px}.footer-slogan{order:3;width:100%;font-size:14px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* V2: compact title composition, original four-symbol signature and game signwork. */
.hero{min-height:680px;height:100svh;max-height:1050px}.hero-copy{padding-top:clamp(112px,15svh,165px);max-width:720px}.hero-logo{width:clamp(310px,29vw,420px);margin-top:12px}.hero-copy .slogan{font-size:clamp(19px,1.85vw,26px);margin-top:9px}.hero h1{margin:14px 0 20px;font-size:clamp(21px,2vw,28px)}.hero-copy .eyebrow{font-size:10px;letter-spacing:.16em}.hero-bottom{bottom:28px}.hero-shade{background:linear-gradient(180deg,#0b171d66 0%,#0a161c38 15%,#0a161c08 56%,#101b1e 100%),radial-gradient(ellipse at 50% 23%,#0e20264d,transparent 55%)}
.brand-symbols{display:flex;align-items:center;justify-content:center;color:var(--gold);gap:17px}.brand-symbol{display:block;width:32px;height:32px;flex:0 0 auto;transition:color .2s,filter .2s,transform .2s}.brand-symbol svg{display:block;width:100%;height:100%}.hero-symbols{margin-top:15px;padding:5px 0}.hero-symbols::before,.hero-symbols::after{content:'';width:40px;height:1px;background:linear-gradient(90deg,transparent,#d7c89f70)}.hero-symbols::after{transform:rotate(180deg)}.hero-copy:has(.button:hover) .brand-symbol{color:#f7e6b5;filter:drop-shadow(0 0 5px #d7c89f40)}.hero-copy:has(.button:hover) .symbol-mouse{transform:translateY(-2px)}.hero-copy:has(.button:hover) .symbol-fish{transform:rotate(-6deg)}.footer-signature{display:flex;flex-direction:column;align-items:center;gap:7px}.footer-symbols{gap:12px}.footer-symbols .brand-symbol{width:23px;height:23px;opacity:.8}
.button{position:relative;border:1px solid #c6b582c0;border-radius:7px 2px 7px 2px;letter-spacing:.025em;text-shadow:0 2px 0 #06171d60;box-shadow:inset 0 0 0 3px #091e24,inset 0 0 0 4px #b6a67950;min-height:56px;transition:background-color .16s,border-color .16s,color .16s}.button.gold,.button.dark{background:linear-gradient(180deg,#345053f5,#1b343bf5);color:#f0dca8}.button.gold:hover,.button.dark:hover{background:#2a4547;color:#ffedbd;border-color:#e1ce99;transform:none}.button:active{transform:translateY(1px)}.play-panel .button{border-color:#18383b;box-shadow:inset 0 0 0 3px #091e24,inset 0 0 0 4px #b6a67980}.header nav .nav-play{border:1px solid #899b7970;background:#193840;border-radius:7px 2px 7px 2px;padding:8px 20px;box-shadow:inset 0 0 0 3px #061b2055}.header nav .nav-play:hover{background:#264347}.expand{border:1px solid #c6b582a0;background:#193840;color:var(--gold);border-radius:5px 2px 5px 2px;box-shadow:inset 0 0 0 3px #061b2055}.lightbox-close{border:1px solid #c6b582a0;background:#193840;color:var(--gold);border-radius:5px 2px 5px 2px}
@media(min-width:1700px){.hero-copy{padding-top:145px}.hero-logo{width:455px}.hero h1{margin-top:17px}}
@media(max-width:1000px){.hero{min-height:670px}.hero-copy{padding-top:118px}.hero-logo{width:360px}.hero-copy .slogan{font-size:22px}}
@media(max-width:650px){.header{gap:10px}.header nav{gap:14px}.header nav .nav-play{padding:7px 12px}.header nav a:first-child{display:none}.hero{height:800px;min-height:0}.hero-copy{padding-top:113px}.hero-logo{width:300px;max-width:86vw;margin-top:15px}.hero-copy .slogan{font-size:19px;margin-top:12px}.hero-copy .eyebrow{font-size:9px;gap:9px}.hero-symbols{margin-top:13px;gap:14px}.hero-symbols .brand-symbol{width:29px;height:29px}.hero-symbols::before,.hero-symbols::after{width:25px}.hero h1{font-size:22px;margin:16px 0 23px}.hero-art{object-position:29% 50%}.hero-bottom{bottom:25px}.footer-signature{order:3;align-items:flex-start;width:100%}.footer-signature .footer-slogan{width:auto}.footer-symbols{justify-content:flex-start}}
@media(max-height:720px) and (min-width:651px){.hero{min-height:600px}.hero-copy{padding-top:105px}.hero-logo{width:340px}.hero-copy .slogan{font-size:21px}.hero-symbols{margin-top:8px}.hero h1{margin:9px 0 14px;font-size:22px}.micro{margin-top:8px}}
/* V3: functional game symbols in the header, with a separate title/character composition. */
.header{border-bottom:0;background:linear-gradient(#101b1e85,transparent);height:86px}.header .icon-nav{display:flex;align-items:center;gap:13px;margin-inline-start:auto}.header .icon-nav .nav-icon{display:grid;place-items:center;width:48px;height:48px;padding:0;background:transparent;border:0;border-radius:7px 2px 7px 2px;color:var(--gold);cursor:pointer;transition:background-color .16s,color .16s}.header .icon-nav .nav-icon>span{display:block;width:37px;height:37px}.header .icon-nav .nav-icon svg{display:block;width:100%;height:100%}.header .icon-nav .nav-icon:hover{color:#ffe2a5;background:#18353a99}.header .icon-nav .nav-icon:focus-visible{outline:2px solid #edcf93;outline-offset:3px}.header .moon-language{margin:0;padding:0;gap:0}.header .moon-language .murko-select-trigger.icon-only{display:grid;place-items:center;min-width:48px;width:48px;height:48px;min-height:48px;max-width:none;padding:0;background:transparent;border:0;box-shadow:none;border-radius:7px 2px 7px 2px}.moon-language .icon-only>span,.moon-language .icon-only::after{display:none}.moon-language .icon-only img{width:37px;height:37px}.header .moon-language .icon-only:hover{background:#18353a99}.hero{background:#19353d;min-height:700px;overflow:hidden}.hero-art{top:190px;left:0;width:100%;height:auto;max-width:none;object-fit:fill;object-position:initial;mask-image:linear-gradient(180deg,transparent,#000 16%,#000);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000)}.hero-copy{padding-top:110px;max-width:750px}.hero-logo{width:390px;margin-top:12px}.hero-copy .slogan{font-size:25px;margin-top:12px}.hero h1{margin:22px 0;font-size:25px}.hero-shade{background:linear-gradient(180deg,transparent 45%,#101b1eaa 78%,#101b1e 100%)}.hero-copy .eyebrow{color:var(--gold)}.credits-dialog{width:min(560px,92vw);padding:0;background:linear-gradient(135deg,#1d3942,#0c232d);border:1px solid #a5ad7b66;border-radius:8px;color:#e1d4b1;box-shadow:0 20px 80px #0008}.credits-sheet{padding:28px}.credits-sheet header{display:flex;align-items:center;justify-content:space-between;gap:25px}.credits-sheet h2{font-size:30px}.credits-sheet header button{font:30px/1 system-ui;min-width:44px;min-height:44px;padding:0;color:var(--gold);background:transparent;border:0;cursor:pointer}.credits-sheet dl{margin:25px 0 0;display:grid;gap:25px}.credits-sheet dl>div{border-top:1px solid var(--line);padding-top:20px}.credits-sheet dt{font-size:13px;color:var(--muted)}.credits-sheet dd{margin:8px 0 0;font-size:22px}.credits-dialog::backdrop{background:#020b10de;backdrop-filter:blur(7px)}
@media(min-width:1700px){.hero-copy{padding-top:110px}.hero-logo{width:430px}.hero-art{top:190px}}
@media(max-width:1000px){.hero{min-height:700px}.hero-copy{padding-top:110px}.hero-logo{width:350px}.hero-copy .slogan{font-size:22px}.hero-art{top:210px}}
@media(max-width:650px){.header{height:77px;gap:10px}.header .brand img{width:90px}.header .icon-nav{gap:5px}.header .icon-nav .nav-icon{width:42px;height:42px}.header .icon-nav .nav-icon>span{width:32px;height:32px}.header .moon-language .murko-select-trigger.icon-only{width:42px;height:42px;min-width:42px;min-height:42px}.moon-language .icon-only img{width:32px;height:32px}.hero{height:800px;min-height:800px}.hero-copy{padding-top:100px;max-width:100%;padding-inline:20px}.hero-logo{width:290px;max-width:85vw;margin-top:15px}.hero-copy .slogan{font-size:19px;max-width:100%;margin-top:12px}.hero h1{font-size:22px;margin:20px 0}.hero-art{top:350px;width:900px;left:calc(50% - 330px);height:auto;object-fit:fill;mask-image:linear-gradient(180deg,transparent,#000 15%,#000);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000)}.credits-sheet{padding:22px}}
@media(max-height:720px) and (min-width:651px){.hero{min-height:620px}.hero-copy{padding-top:95px}.hero-logo{width:340px}.hero-copy .slogan{font-size:21px}.hero h1{margin:15px 0;font-size:22px}.hero-art{top:170px}}
.button .play-icon{display:block;width:25px;height:25px;flex:0 0 auto}.button .play-icon svg{width:100%;height:100%;display:block}