@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--ink:#4a2b38;--muted:#695044;--gold:#815017;--line:#dbc494;--shadow:0 18px 55px #76608a22;font-family:'Nunito','Trebuchet MS',sans-serif;color:var(--ink);background:#fffcf5}*{box-sizing:border-box}body{margin:0;font-size:16px;font-weight:600;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #557bb8;outline-offset:5px}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Baloo 2','Nunito','Trebuchet MS',sans-serif;font-weight:800;line-height:1.14}h1{font-size:clamp(40px,4.2vw,60px);font-weight:800}h2{font-size:38px}h3{font-size:29px}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{height:90px;display:flex;align-items:center;gap:42px;padding:8px max(30px,calc((100vw - 1400px)/2));position:relative;z-index:10;background:linear-gradient(#fffef8,#fff9ea);border-bottom:1px solid var(--line);box-shadow:0 4px 24px #81592712}.small-brand{width:156px;height:77px;object-fit:contain}.site-nav{display:flex;gap:34px;margin:auto;align-items:center}.site-nav a{font-weight:800;font-size:14px;white-space:nowrap;padding:12px 0}.site-nav a[aria-current=page]{color:var(--gold);border-bottom:2px solid var(--gold)}.account-links{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:800}.register-link{border:1px solid var(--line);padding:9px 20px;border-radius:5px}.mobile-menu{display:none}.sky-hero{height:730px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(0deg,#fffaf2 1%,#fffaf200 23%),url('assets/eternal-sky.png') center/cover}.hero-brand{position:absolute;width:430px;left:50%;top:4px;transform:translateX(-50%);filter:drop-shadow(0 8px 10px #af7a4430)}.hero-copy{position:absolute;z-index:3;top:235px;left:50%;width:570px;transform:translateX(-50%);text-align:center;text-shadow:0 2px 0 #fff8ec}.eyebrow{font-size:14px;font-weight:900;letter-spacing:1.6px;color:var(--gold);margin-bottom:14px}.hero-copy h1{color:#8d3f38}.hero-copy>p:not(.eyebrow){margin:20px 0 27px;color:#503342;font-size:19px;font-weight:800}.hero-actions{display:flex;justify-content:center;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 25px;border-radius:5px;font-weight:900;font-size:16px;border:1px solid transparent;box-shadow:0 5px 14px #9e742d17;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.03)}.gold{background:linear-gradient(#eac47b,#c68e3d);border-color:#ba8437;color:#3f2a0d;box-shadow:inset 0 1px #fff6c5,0 6px 20px #a7732525}.ivory{background:linear-gradient(#fffdf6,#f6e9cf);border-color:#ceb88f;color:#705526}.hero-character{position:absolute;z-index:2;width:390px;object-fit:contain;filter:drop-shadow(0 20px 20px #72619226);animation:float 7s ease-in-out infinite}.hero-left{left:calc(50% - 675px);top:150px}.hero-right{right:calc(50% - 690px);top:160px;animation-delay:-3.5s}.hero-bottom{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:14px;font-weight:800;letter-spacing:.5px;color:#72513d}.hero-bottom span{display:block;font-size:24px;color:#cfb06c}.home-notice{padding:45px 0;display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:center}.home-notice h2{font-size:34px}.home-notice>p{color:var(--muted)}.text-link{font-size:14px;color:#744714;font-weight:800;white-space:nowrap}.home-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:65px}.home-links>a{padding:27px;display:flex;gap:24px;align-items:center;border:1px solid var(--line);background:linear-gradient(120deg,#fffdf7,#f6f0e3);border-radius:9px;box-shadow:var(--shadow)}.link-symbol{color:#bc8d47;font-size:45px}.home-links small{font-size:14px;font-weight:900;letter-spacing:1px;color:#805023}.home-links h3{margin:5px 0 8px}.home-links p{font-size:14px;color:var(--muted)}.home-links b{margin-left:auto;color:var(--gold)}.site-footer{padding:25px 0;border-top:1px solid #e7d8bc;font-size:13px;color:#705342;display:flex;justify-content:space-between;gap:20px}.site-footer>div{display:flex;gap:25px}.preview-label{background:#f4e9d6;color:#795e3b;padding:2px 9px;border-radius:20px;font-size:12px}.subpage{background:linear-gradient(#fbf6ef55,#fffaf2e8 700px),url('assets/eternal-sky.png') center top/auto 850px no-repeat;min-height:calc(100vh - 90px);padding:50px 0 70px}.page-heading{text-align:center;margin-bottom:34px}.page-heading p:not(.eyebrow){margin-top:12px;color:var(--muted)}.panel{background:#fffcf4f5;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:35px}.ornate{outline:1px solid #e8d7b4;outline-offset:-8px}.form-scene{position:relative;width:min(1060px,calc(100% - 40px));margin:auto;min-height:620px}.form-panel{width:470px;max-width:100%;margin:auto;position:relative;z-index:2;padding:38px 43px}.mini-logo{width:230px;display:block;margin:-18px auto 6px}.form-panel h1{font-size:40px;text-align:center;margin-bottom:8px}.form-intro{text-align:center;color:var(--muted);font-size:14px;margin-bottom:23px}.field{display:block;margin-top:17px;font-size:14px;font-weight:800}.field input{font-weight:700;width:100%;display:block;margin-top:6px;background:#fffdf8;border:1px solid #d7c5a3;border-radius:5px;min-height:48px;padding:11px 13px;color:var(--ink)}.field small{font-size:14px;font-weight:600;color:var(--muted);display:block;line-height:1.5;margin-top:6px}.form-panel .button{width:100%;margin-top:24px}.form-switch{text-align:center;font-size:14px;margin-top:21px}.form-switch a{color:#744714;text-decoration:underline}.form-art{position:absolute;width:340px;top:160px;left:-30px;animation:float 7s ease-in-out infinite}.form-art.right{left:auto;right:-35px}.message{font-size:14px;margin-top:16px;color:#8b3a2b}.message:empty{display:none}.demo-note{font-size:13px;line-height:1.5;color:#786448;margin-top:18px;padding:12px;background:#f9efd9;border-radius:5px}.quiet-button{color:#795e3b;border:0;background:none;text-decoration:underline;padding:8px;font-size:14px}.notice{border:1px solid #dec89d;padding:13px 18px;background:#fff7e4;color:#705731;border-radius:5px;font-size:14px;margin-bottom:25px}.download-panel{max-width:840px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center}.download-panel h2{font-size:38px;margin-bottom:15px}.download-panel p{color:var(--muted);margin-bottom:20px}.download-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;max-width:840px}.download-steps article{padding:22px;background:#fffcf2;border:1px solid #e1d1b0;border-radius:7px}.download-steps span{color:#815017;font-family:'Baloo 2','Nunito',sans-serif;font-size:26px;font-weight:800}.download-steps h3{font-size:24px;margin:8px 0}.download-steps p{font-size:14px;color:var(--muted)}.board-wrap{max-width:1000px;margin:auto;padding:16px;background:linear-gradient(130deg,#dcb779,#ffefc8 22%,#b38a4e 65%,#e3c58c);border:1px solid #b5915b;border-radius:8px;box-shadow:0 18px 50px #5c493e30}.board{background:radial-gradient(at top,#486169,#293f47);color:#f5ecdc;padding:33px 38px;border:3px solid #8b6c42;min-height:350px}.board-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.board-tab{border:1px solid #cbbcaf;background:#ede3d0;color:#655b4b;border-radius:4px;padding:8px 18px;font-size:14px;font-weight:800}.board-tab[aria-pressed=true]{background:#dfc286;color:#3e3424}.patch{border-bottom:1px solid #a6b8b544;padding:21px 0}.patch summary{cursor:pointer;display:flex;align-items:center;gap:20px;list-style:none}.patch summary:after{content:'+';margin-left:auto;font-size:25px;color:#dec58e}.patch[open] summary:after{content:'−'}.patch time{font-size:13px;color:#c3d0cd;min-width:85px}.patch h3{font-family:inherit;font-size:17px;font-weight:700;line-height:1.4}.patch-tag{font-size:12px;border:1px solid #a7b3a9;border-radius:3px;padding:1px 8px;color:#e3d2a9;margin-left:auto}.patch ul{padding-left:22px;margin:18px 0 0 107px;color:#dae1dc;font-size:15px}.board-note{font-size:13px;color:#b7c9c6;margin-top:25px}.topup-layout{display:grid;grid-template-columns:1fr 310px;gap:26px;align-items:start}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.package{position:relative;min-height:165px;border:1px solid #d6c49f;background:linear-gradient(#fffdf7,#f7eedc);border-radius:7px;padding:24px 12px 18px;text-align:center;color:var(--ink)}.package[aria-pressed=true]{border:2px solid #ac762e;box-shadow:0 0 0 3px #e9c78240;background:linear-gradient(#fff9e5,#f2dfb5)}.package .coin{display:block;color:#bc8c34;font-size:28px;line-height:1.2}.package strong{display:block;font-family:'Baloo 2','Nunito',sans-serif;font-size:26px;font-weight:800;margin-top:7px}.package small{font-size:14px;color:var(--muted);display:block}.package .price{display:block;font-size:18px;font-weight:800;margin-top:8px}.bonus{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#846594;color:white;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:800;white-space:nowrap}.order-summary{position:sticky;top:20px;padding:25px}.order-summary h2{font-size:30px;margin-bottom:20px}.order-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin:14px 0}.order-line.total{font-size:20px;font-weight:800;padding-top:15px;border-top:1px solid var(--line)}.order-summary .button{width:100%;margin-top:18px}.payment-options{display:flex;gap:12px;margin:25px 0 0}.payment-option{flex:1;background:#fffaf0;border:1px solid var(--line);border-radius:5px;padding:13px;display:flex;gap:10px;font-size:14px}.payment-option input{accent-color:#aa782e}.topup-info{margin-top:25px;color:var(--muted);font-size:14px}.session-bar{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:22px}.button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.7}.check-row{display:flex;align-items:start;gap:10px;font-size:13px;margin-top:18px;line-height:1.5}.check-row input{margin-top:4px;accent-color:var(--gold)}@keyframes float{50%{translate:0 -14px}}
@media(max-width:1100px){.site-header{gap:20px;padding-inline:20px}.site-nav{gap:20px}.hero-character{width:300px}.hero-left{left:-40px;top:210px}.hero-right{right:-40px;top:230px}.home-notice{grid-template-columns:1fr 1fr}.home-notice .text-link{grid-column:2}.form-art{width:270px;left:-20px;top:200px;opacity:.7}.form-art.right{right:-20px}.topup-layout{grid-template-columns:1fr 280px}.packages{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{width:calc(100% - 32px)}.site-header{height:74px;padding:6px 16px;gap:12px;flex-wrap:wrap}.small-brand{width:120px;height:60px}.mobile-menu{display:block;margin-left:auto;background:none;border:1px solid var(--line);border-radius:4px;padding:5px 11px;color:#744714}.site-nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fff9ed;padding:20px;box-shadow:0 10px 20px #503e2520;gap:18px;flex-wrap:wrap}.site-nav.open{display:flex}.account-links{gap:12px;font-size:12px}.register-link{padding:6px 10px}.sky-hero{height:790px;background-size:auto 100%}.hero-brand{width:310px;top:8px}.hero-copy{width:calc(100% - 36px);top:220px}.hero-copy h1{font-size:38px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-character{width:210px;top:510px}.hero-left{left:-20px}.hero-right{right:-30px;top:495px}.hero-actions{gap:10px}.button{padding:12px 17px;font-size:14px}.hero-bottom{font-size:13px;bottom:2px}.home-notice{display:block;padding:35px 0}.home-notice>p{margin:20px 0}.home-links{grid-template-columns:1fr}.home-links>a{padding:22px}.site-footer{flex-direction:column;gap:8px}.subpage{padding:30px 0 45px}.page-heading h1{font-size:42px}.page-heading p{font-size:14px}.form-scene{min-height:0}.form-panel{padding:27px}.form-art{display:none}.download-panel{display:block;padding:28px}.download-logo{max-width:230px;display:block;margin:auto}.download-steps{grid-template-columns:1fr}.board-wrap{padding:8px}.board{padding:23px 17px}.patch summary{gap:12px;flex-wrap:wrap}.patch h3{order:3;flex-basis:85%;font-size:16px}.patch summary:after{order:4}.patch-tag{margin-left:auto}.patch ul{margin-left:0}.topup-layout{grid-template-columns:1fr}.order-summary{position:static}.packages{grid-template-columns:repeat(2,1fr)}.payment-options{flex-direction:column}.session-bar{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Floating parchment medallions, matched to the celestial artwork. */
body{padding-bottom:196px}
body[data-page=home]{padding-bottom:0}
.adventure-dock{position:fixed;right:26px;bottom:24px;z-index:20;display:flex;align-items:center;gap:20px;pointer-events:none}
.floating-cta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:154px;min-height:154px;padding:22px 13px;border:1px solid #b68a49;border-radius:50%;text-align:center;color:#75451f;background:radial-gradient(circle at 38% 25%,#fffef5,#fff2d7 65%,#edd6aa);box-shadow:inset 0 0 0 5px #fff9e9,inset 0 0 0 6px #d8b576,0 12px 25px #8d694027;pointer-events:auto;animation:medallion-bob 6s ease-in-out infinite;transition:scale .2s,box-shadow .2s;rotate:5deg}
.floating-cta:before{content:'';position:absolute;inset:10px;border:1px solid #d6b87c88;border-radius:50%;pointer-events:none}
.floating-cta:after{content:'✦';position:absolute;top:-6px;right:21px;font-size:19px;color:#b18a43;text-shadow:0 1px #fff8de;pointer-events:none}
.floating-cta:hover{scale:1.06;box-shadow:inset 0 0 0 5px #fff9e9,inset 0 0 0 6px #d8b576,0 15px 30px #8d69403d}
.floating-cta:active{scale:1.02}
.floating-cta:focus-visible{outline:3px solid #4471ae;outline-offset:6px}
.gold-cta{color:#754a48;rotate:-6deg;background:radial-gradient(circle at 38% 25%,#fffdf6,#f8eadc 65%,#e8cfac);animation-delay:-3s}
.cta-icon{display:flex;align-items:center;justify-content:center;height:29px;color:#92652d;font-size:29px;line-height:1}
.cta-icon svg{width:27px;height:27px}
.cta-copy{position:relative;display:flex;flex-direction:column;gap:4px;line-height:1.25}
.cta-copy strong{font-family:'Baloo 2','Nunito',sans-serif;font-size:25px;font-weight:800;line-height:1.1}
.cta-copy>span{font-size:12px;font-weight:800;max-width:125px}
.sky-hero .adventure-dock{position:absolute;inset:0;z-index:5;display:block}
.sky-hero .floating-cta{position:absolute;bottom:110px}
.sky-hero .play-cta{right:32px}
.sky-hero .gold-cta{left:32px;bottom:90px}
@keyframes medallion-bob{0%,100%{translate:0 0}50%{translate:0 -13px}}
@media(max-width:1100px){
 .sky-hero .floating-cta{bottom:75px}
 .sky-hero .play-cta{right:24px}
 .sky-hero .gold-cta{left:24px;bottom:60px}
}
@media(max-width:760px){
 body{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
 body[data-page=home]{padding-bottom:0}
 .adventure-dock{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));gap:18px}
 .floating-cta{width:132px;min-height:132px;padding:16px 9px;gap:3px}
 .floating-cta:before{inset:8px}
 .floating-cta:after{font-size:16px;right:16px;top:-5px}
 .cta-icon{height:23px;font-size:23px}
 .cta-icon svg{width:22px;height:22px}
 .cta-copy strong{font-size:21px}
 .cta-copy>span{font-size:12px;max-width:98px}
 .sky-hero .play-cta{right:23px;bottom:66px}
 .sky-hero .gold-cta{left:23px;bottom:77px}
 body:has(.field input:focus) .adventure-dock{display:none}
}
@media(prefers-reduced-motion:reduce){.floating-cta{animation:none;transition:none}}

/* Let the more personal introduction breathe without crowding the artwork. */
.hero-copy{width:min(660px,calc(100% - 36px))}
.hero-copy h1{font-size:clamp(34px,3.5vw,50px)}
.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;margin:20px auto 26px;max-width:570px}
.hero-copy .eyebrow{font-size:12px;letter-spacing:1.2px}
.hero-welcome{display:block;margin-top:12px;font-size:16px;font-weight:700}
@media(max-width:760px){
 .sky-hero{height:870px}
 .hero-copy h1{font-size:clamp(29px,4.6vw,34px)}
 .hero-copy>p:not(.eyebrow){font-size:16px;margin-top:16px}
 .hero-welcome{font-size:15px}
 .hero-character{top:590px}
 .hero-right{top:575px}
}

/* Visitor guidance: keep the illustrated world, give its content room to breathe. */
:root{--focus:#426aa0;--success:#285a43;--reading-width:68ch}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:12px 20px;background:#fffdf7;color:var(--ink);border:2px solid var(--focus);border-radius:5px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
#main-content:focus{outline:none}
.site-nav{gap:25px}
.site-nav a,.account-links>a{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.account-links [aria-current=page]{color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.text-link{text-decoration:underline;text-underline-offset:4px;white-space:normal;display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.eyebrow{letter-spacing:0;font-size:15px;font-weight:800}
.sky-hero{height:690px}
.hero-copy{top:222px;width:min(660px,calc(100% - 40px));text-shadow:0 1px #fffaf2}
.hero-copy h1{font-size:clamp(36px,3.5vw,50px)}
.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;margin:18px auto 24px;max-width:570px}
.hero-copy>p.hero-release{max-width:480px;font-size:14px;font-weight:700;line-height:1.6;margin:18px auto 0;padding:9px 14px;background:#fffcf5ed;border:1px solid #d9c596;border-radius:6px;text-shadow:none}
.hero-bottom{bottom:16px}
.hero-character,.form-art,.floating-cta{animation:none}
.sky-hero .floating-cta{width:138px;min-height:138px;bottom:82px}
.sky-hero .gold-cta{bottom:82px}
.cta-copy strong{font-size:23px}
.welcome-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;padding-block:68px}
.welcome-heading h2{font-size:42px;margin-bottom:20px}
.welcome-copy{max-width:var(--reading-width)}
.welcome-copy>p+p{margin-top:18px}
.release-note{font-size:15px;color:var(--muted);border-left:3px solid #aa793d;padding-left:18px}
.release-note strong{display:block;color:var(--ink);margin-bottom:5px}
.release-note a,.prose a{text-decoration:underline;text-underline-offset:3px;color:var(--gold)}
.join-section{background:#f6efdfe6;border-block:1px solid #e3d4b7;padding:48px 0 52px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:30px}
.section-heading>p{color:var(--muted)}
.join-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.join-steps>li{position:relative;padding-left:48px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.step-number{position:absolute;left:0;top:0;font-family:'Baloo 2','Nunito',sans-serif;font-size:27px;color:var(--gold);border-bottom:2px solid #b99252;line-height:1.3;min-width:26px}
.join-steps h3{font-size:25px;line-height:1.2}
.join-steps p{font-size:16px;max-width:32ch;color:var(--muted)}
.join-steps .text-link,.step-detail{margin-top:auto;font-size:15px}
.step-detail{color:var(--muted);min-height:44px;display:flex;align-items:center}
.home-notice{padding-block:54px;grid-template-columns:1fr 1.3fr auto;gap:38px}
.home-notice h2{font-size:34px}
.site-footer{padding-block:30px;font-size:14px}
.site-footer .footer-brand{display:flex;flex-direction:column;gap:4px}
.footer-brand strong{color:var(--ink);font-size:16px}
.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
body:not([data-page=home]){padding-bottom:0}
body:not([data-page=home])>.adventure-dock{position:static;justify-content:center;padding:26px 20px 36px;background:#fffcf5}
@media(max-width:1020px){
 .site-header{height:80px;padding:7px 20px;gap:18px}
 .small-brand{width:135px;height:65px}
 .mobile-menu{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;margin-left:auto;color:var(--gold);background:#fffaf0;border:1px solid var(--line);border-radius:5px;font-size:14px;font-weight:800}
 .site-nav{display:none;position:absolute;top:79px;left:0;right:0;margin:0;background:#fffaf0;padding:14px 24px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #503e2517;gap:4px}
 .site-nav.open{display:grid;grid-template-columns:repeat(3,1fr)}
 .site-nav a{padding:12px;border-radius:4px;border-bottom:0}
 .site-nav a[aria-current=page]{background:#f0e1c5;border:0}
 .hero-character{width:265px;top:270px;opacity:.95}
 .hero-left{left:-65px}.hero-right{right:-65px}
 .welcome-section{gap:40px}
 .join-steps{gap:24px}.join-steps>li{padding-left:36px}
 .home-notice{grid-template-columns:1fr 1fr}.home-notice .button{grid-column:2;justify-self:start}
 .site-footer{gap:30px}
}
@media(max-width:760px){
 .site-header{height:74px;padding:6px 16px;gap:10px;flex-wrap:nowrap}
 .small-brand{width:110px;height:58px}
 .site-nav{top:73px;padding:12px 16px;grid-template-columns:1fr 1fr!important}
 .account-links{gap:8px}.account-links>a{font-size:13px}.register-link{padding:8px 10px}
 .mobile-menu{padding:8px 10px;font-size:13px}
 .sky-hero{height:790px}
 .hero-brand{width:300px;top:4px}
 .hero-copy{top:206px;width:calc(100% - 36px)}
 .hero-copy h1{font-size:clamp(29px,5.7vw,38px)}
 .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:40ch;margin:16px auto 22px}
 .hero-copy>p.hero-release{font-size:13px;line-height:1.55;max-width:370px;margin:15px auto 0;padding:8px 12px}
 .desktop-break{display:none}
 .hero-character{width:205px;top:570px;opacity:1}.hero-left{left:-30px}.hero-right{right:-35px;top:550px}
 .sky-hero .floating-cta{width:116px;min-height:116px;padding:15px 10px;bottom:49px}
 .sky-hero .play-cta{right:24px}.sky-hero .gold-cta{left:24px;bottom:49px}
 .sky-hero .cta-copy strong{font-size:20px}.sky-hero .cta-copy>span{font-size:11px;line-height:1.35}
 .sky-hero .cta-icon{height:20px;font-size:23px}.hero-bottom{font-size:12px;bottom:13px}
 .welcome-section{grid-template-columns:1fr;gap:22px;padding-block:40px}
 .welcome-heading h2{font-size:36px;margin-bottom:10px}.welcome-heading h2 br{display:none}
 .welcome-copy{font-size:16px}.welcome-copy>p+p{margin-top:16px}
 .join-section{padding-block:36px}
 .section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:34px}.section-heading>p{margin-top:10px}
 .join-steps{grid-template-columns:1fr;gap:24px}.join-steps>li{padding-left:44px;gap:6px}.join-steps p{max-width:60ch}
 .join-steps>li+li{padding-top:22px;border-top:1px solid #dfcfb2}.join-steps>li+li .step-number{top:22px}
 .home-notice{display:block;padding-block:40px}.home-notice>p{margin-block:16px}.home-notice .button{margin-top:6px}
 .site-footer{gap:16px}.site-footer nav{gap:2px 18px}
 body:has(.field input:focus)>.adventure-dock{display:flex}
}
@media(max-width:420px){
 .account-links .register-link{display:none}
 .hero-copy h1{font-size:25px}
 .hero-copy>p:not(.eyebrow){font-size:15px}
 .hero-copy>p.hero-release{font-size:13px}
 .hero-actions{gap:8px}.hero-actions .button{padding:12px 10px;font-size:13px;min-height:48px}
}

/* Shared page and form guidance. */
.site-header{gap:24px}
.page-heading{max-width:900px}
.page-heading h1{font-size:clamp(34px,4.2vw,52px)}
.page-heading p:not(.eyebrow){max-width:65ch;margin:14px auto 0;font-size:17px}
.page-heading .eyebrow{margin-bottom:10px}
.form-panel{width:500px;padding:32px 38px}
.mini-logo{width:185px;margin:-12px auto 8px}
.form-panel h1{font-size:38px}
.form-panel h2{font-size:26px;margin:22px 0 10px}
.form-intro{font-size:15px;line-height:1.65;margin:12px 0 20px}
.field-required{font-size:13px;color:var(--muted);margin-top:15px}
.field{font-size:15px}
.field input{font-size:16px;border-color:#947950}
.field input[aria-invalid=true]{border:2px solid #a13d32}
.field small{font-size:13px;line-height:1.5}
.check-row{min-height:44px;gap:10px}
.check-row input{width:18px;height:18px;accent-color:#815017}
.form-progress{list-style:none;padding:0;margin:0 0 20px;display:flex;gap:18px;border-bottom:1px solid #ddcbaa;font-size:14px}
.form-progress li{padding:8px 0 10px;color:var(--muted)}
.form-progress li[aria-current=step]{color:var(--gold);font-weight:900;border-bottom:3px solid var(--gold)}
.message{color:var(--muted);line-height:1.6}
.message[data-tone=error]:not(:empty){border-left:3px solid #a13d32;background:#fff0e9;color:#872f27;padding:12px 14px;border-radius:3px}
.message[data-tone=success]:not(:empty){border-left:3px solid var(--success);background:#edf5eb;color:var(--success);padding:12px 14px;border-radius:3px}
.message:focus{outline:2px solid var(--focus);outline-offset:4px}
.signup-next{margin-top:20px;padding-top:4px;border-top:1px solid var(--line);font-size:15px}
.signup-next p+p{margin-top:12px}
.button:disabled,.button[aria-disabled=true]{background:#eae0cb;border-color:#c1ae8c;color:#67573e;box-shadow:none;cursor:default;transform:none;filter:none;opacity:1}
.download-panel{max-width:940px;grid-template-columns:.75fr 1.3fr;gap:38px}
.download-panel h2{font-size:34px}
.download-panel .message{margin:16px 0 8px}
.download-panel small{display:block;color:var(--muted);font-size:13px}
.download-next{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px}
.download-help,.download-steps{max-width:940px;margin-inline:auto}
.download-help{margin-top:44px;margin-bottom:25px}
.download-help h2{font-size:30px}
.download-steps{margin-top:0;padding:0}
.download-steps .step-number{font-size:27px}
.board-toolbar{gap:10px}.board-tab{min-height:44px}
.board{padding:30px 34px}.board-note{line-height:1.7}
.topup-gate{margin-bottom:26px;padding:26px 30px}
.topup-gate h2{font-size:30px}
.gate-actions{display:flex;align-items:center;gap:20px;margin-top:16px}
.package-heading{font-size:30px;margin-bottom:18px}
.package{padding:28px 12px 22px;min-height:185px}
.package .coin{font-size:23px}.package small{font-size:14px}
.package-selection{display:block;font-size:12px;font-weight:900;min-height:20px;margin-top:6px;color:var(--gold);visibility:hidden}
.package[aria-pressed=true] .package-selection{visibility:visible}
.package[aria-pressed=true]{outline:2px solid #ac762e;outline-offset:2px}
.order-summary{top:24px}
.order-summary h2{font-size:28px}
.order-summary .button{width:100%;gap:8px}
.topup-info{font-size:15px;line-height:1.65}
.about-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start;max-width:1100px}
.prose{max-width:var(--reading-width)}
.prose h2{font-size:34px;margin-bottom:20px}
.prose p+p{margin-top:16px}
.game-facts{margin:26px 0 0;display:grid;gap:12px;padding-top:24px;border-top:1px solid var(--line)}
.game-facts>div{display:grid;grid-template-columns:140px 1fr;gap:16px;font-size:15px}
.game-facts dt{color:var(--muted)}.game-facts dd{margin:0;font-weight:800}
.release-panel h2{font-size:30px;margin-bottom:18px}
.release-panel p{font-size:15px;margin-bottom:16px}
.release-panel .button{margin-top:6px}.release-panel .text-link{margin-top:10px;display:flex}
.world-section{max-width:1100px;margin-top:55px}
.world-section .section-heading h2{font-size:32px}
.world-figure{margin:0;max-width:900px}
.world-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:7px}
.world-figure figcaption{font-size:14px;color:var(--muted);margin-top:12px;max-width:70ch}
.about-next{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:42px}
.about-next h2{font-size:30px;margin-bottom:12px}.about-next p{max-width:55ch;color:var(--muted)}
@media(max-width:1020px){
 .site-header{gap:18px}
 .about-intro{gap:32px}.game-facts>div{grid-template-columns:110px 1fr}
}
@media(max-width:760px){
 .site-header{gap:10px}
 .page-heading p:not(.eyebrow){font-size:16px}
 .form-panel{padding:27px 24px}.form-scene{width:calc(100% - 32px)}
 .form-panel h1{font-size:34px}.field input{font-size:16px}
 .download-panel{padding:28px 24px}.download-panel h2{font-size:30px}
 .download-logo{max-width:185px;margin-bottom:16px}
 .download-help h2{font-size:28px}.download-steps{max-width:100%}
 .board{padding:24px 18px}.board-toolbar{gap:8px}.board-tab{padding:8px 14px}
 .package-heading{font-size:28px}.package{min-height:190px}.package strong{font-size:24px}
 .bonus{font-size:11px;white-space:nowrap}
 .about-intro{grid-template-columns:1fr;gap:28px}.game-facts>div{grid-template-columns:110px 1fr}
 .release-panel{padding:28px}.world-section{margin-top:38px}
.about-next{display:block;margin-top:32px}.about-next .button{margin-top:20px}
 .world-section .section-heading h2{font-size:30px}
}

/* Stronger branding and a gold coin finish for the top-up medallion. */
.site-header>a{flex-shrink:0;display:flex;align-items:center}
.small-brand{width:176px;height:82px}
.hero-brand{width:485px;top:-10px}
.hero-copy{top:240px}
.mini-logo{width:210px}
.gold-cta{color:#59330f;border-color:#a16b22;background:radial-gradient(circle at 32% 20%,#fff4c9 0%,#f5ce72 46%,#dfa53c 100%);box-shadow:inset 0 0 0 5px #fff0bb,inset 0 0 0 7px #c18c32,0 10px 26px #a36a3440}
.gold-cta:before{border-color:#9d641c66}
.gold-cta:after{color:#875319;font-size:25px;text-shadow:0 1px #fff4c9}
.gold-cta:hover{box-shadow:inset 0 0 0 5px #fff5d6,inset 0 0 0 7px #c18c32,0 14px 30px #a36a3455}
.gold-cta .cta-icon{color:#835018;height:33px}
.gold-cta .cta-icon svg{width:40px;height:32px}
.play-cta .cta-icon svg{width:29px;height:29px}
@media(min-width:1021px) and (max-width:1100px){.site-nav{gap:18px}}
@media(max-width:1020px){.small-brand{width:150px;height:70px}}
@media(max-width:760px){
 .small-brand{width:124px;height:62px}
 .hero-brand{width:min(340px,100%);top:0}
 .hero-copy{top:218px}
 .sky-hero .gold-cta .cta-icon{height:25px}
 .gold-cta .cta-icon svg{width:32px;height:26px}
 .sky-hero .play-cta .cta-icon{height:24px}
 .play-cta .cta-icon svg{width:25px;height:25px}
 .gold-cta:after{font-size:20px}
}