/* The Early Access desktop follows the supplied 1536 × 1024 composition. */
body:is([data-page="early"],[data-page="play"]){--cream:#ffeed7;--blush:#e8bed0;--mint:#44f2c0;--lilac:#b7a8ed;--desktop-ink:#0d193a;--body:Pixeloid,monospace;background:#123498;color:var(--cream);font-synthesis:none}
.desktop-sky{display:none;position:fixed;inset:0;z-index:-1;background:#17399f url('/site-assets/early-desktop-bg.webp') center center/cover no-repeat;pointer-events:none}
body:is([data-page="early"],[data-page="play"]) .desktop-sky{display:block}
.early-weather{display:none;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(#202f6a,#4b4d91 58%,#6c629c)}
.early-weather canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s}
.early-weather[data-scene="ready"] canvas{opacity:1}
body:is([data-page="early"],[data-page="play"]):not([data-early-backdrop="pixel"]) .early-weather{display:block}
body:is([data-page="early"],[data-page="play"]):not([data-early-backdrop="pixel"]) .desktop-sky{display:none}
body:is([data-page="early"],[data-page="play"]) .world,body:is([data-page="early"],[data-page="play"]) .scene-status,body:is([data-page="early"],[data-page="play"]) .site-footer,body:is([data-page="early"],[data-page="play"]) .site-header nav{display:none}
.desktop-brand{display:none}
body:is([data-page="early"],[data-page="play"]) .site-header{height:161px;min-height:161px;padding:36px 50px 24px;align-items:flex-start}
body:is([data-page="early"],[data-page="play"]) .site-header .brand{display:block;line-height:1;width:184px;height:100px;padding:0;flex:none}
body:is([data-page="early"],[data-page="play"]) .site-header .brand>svg,body:is([data-page="early"],[data-page="play"]) .site-header .brand>span{display:none}
body:is([data-page="early"],[data-page="play"]) .desktop-brand{display:block;width:184px;height:100px;object-fit:contain}
body:is([data-page="early"],[data-page="play"]) main{display:flex;align-items:flex-start}
.journey-shell{width:100%;padding:0 32px 50px;color:var(--cream);font:20px/1.4 var(--body);gap:24px;perspective:1600px}
.journey-shell [hidden]{display:none!important}
.desktop-window{width:100%;max-width:1240px;position:relative;isolation:isolate;padding:0 28px;background:none;border:0;filter:drop-shadow(-14px 18px 0 #081e686e);transform-origin:32% 90%;transition:max-width .3s ease}
.desktop-window:before,.desktop-window:after{content:'';position:absolute;inset:0;pointer-events:none;clip-path:polygon(28px 0,calc(100% - 28px) 0,calc(100% - 28px) 12px,calc(100% - 16px) 12px,calc(100% - 16px) 24px,100% 24px,100% calc(100% - 28px),calc(100% - 12px) calc(100% - 28px),calc(100% - 12px) calc(100% - 16px),calc(100% - 28px) calc(100% - 16px),calc(100% - 28px) 100%,28px 100%,28px calc(100% - 10px),12px calc(100% - 10px),12px calc(100% - 24px),0 calc(100% - 24px),0 28px,12px 28px,12px 12px,28px 12px)}
.desktop-window:before{z-index:-2;background:linear-gradient(110deg,#c3b2ec,#9c85ce 65%,#d6a4cf);transform:translate(-10px,10px);box-shadow:inset 8px 8px #d8cbf8,inset -8px -8px #906faf}
.desktop-window:after{z-index:-1;background:linear-gradient(45deg,#d5abc8 0 25%,#f8dcd6 26% 49%,#fff8e5 50% 73%,transparent 74%) left top/40px 40px no-repeat,linear-gradient(135deg,transparent 0 26%,#fff9da 27% 49%,#f2c7bf 50% 74%,#d59fac 75%) right top/40px 40px no-repeat,linear-gradient(135deg,#bc9ac4 0 24%,#fae1d8 25% 49%,#e4acb8 50% 74%,transparent 75%) left bottom/40px 40px no-repeat,linear-gradient(45deg,transparent 0 26%,#c893a5 27% 49%,#ffdbb8 50% 73%,#fff6d1 74%) right bottom/40px 40px no-repeat,linear-gradient(#fff9df,#fff9df) top center/calc(100% - 56px) 12px no-repeat,linear-gradient(#ffeedf,#ffeedf) left center/12px calc(100% - 56px) no-repeat,linear-gradient(#fff6d8,#fff6d8) right center/12px calc(100% - 56px) no-repeat,linear-gradient(#e7bbbf,#e7bbbf) bottom center/calc(100% - 56px) 10px no-repeat,linear-gradient(104deg,#ffe8d5 0%,#f4d0d0 50%,#ffedd2 100%);box-shadow:inset 0 2px #fff9df,inset 2px 0 #ffeedf,inset -2px 0 #fff6d8,inset 0 -2px #d3a1b1}
.desktop-window.is-expanded{width:calc(100vw - 36px);max-width:none}
.window-bar{display:flex;align-items:center;gap:32px;height:68px;padding:10px 22px 0;color:#152448}
.window-bar h1{margin:0;font:400 22px/1.2 var(--display);letter-spacing:1.5px}
.window-monogram{margin-left:auto;font:700 29px/1 var(--display);color:#5d5985;letter-spacing:2px}
.window-controls{display:flex;gap:12px}
.window-control{display:grid;place-items:center;position:relative;isolation:isolate;width:40px;height:44px;background:none;border:0;padding:0;text-decoration:none;color:#192448}
.window-control:before{content:'';position:absolute;inset:9px 7px;background:#ff4c70;box-shadow:inset 3px 3px #ff7186,inset -2px -2px #ec3d62,-3px 3px #977bb8,2px 3px #c75b8f,-1px -2px #ff9a98;z-index:-1;border-radius:2px}
.window-control.minimize:before{background:#ffb229;box-shadow:inset 3px 3px #ffc75c,inset -2px -2px #e99d25,-3px 3px #a285a3,2px 3px #c28653,-1px -2px #ffdc99}
.window-control.expand:before{background:#1bce7b;box-shadow:inset 3px 3px #4eed9a,inset -2px -2px #12b772,-3px 3px #8d9cb6,2px 3px #4c9d7c,-1px -2px #9af2a6}
.window-control .icon{width:15px;height:15px;stroke-width:2.5;opacity:0}
.window-control.minimize span{width:12px;height:2px;background:currentColor;opacity:0}
.window-control.expand span{width:12px;height:12px;border:2px solid currentColor;opacity:0}
.window-control:hover .icon,.window-control:hover span,.window-control:focus-visible .icon,.window-control:focus-visible span{opacity:.85}
.window-interior{display:grid;grid-template-columns:minmax(0,577fr) minmax(0,500fr);gap:35px;padding:44px 36px 32px 28px;background:radial-gradient(ellipse at 48% 42%,#132141 0%,#0d193a 75%);border:4px solid #a29bd0;border-bottom-color:#fff3df;border-right-color:#d6b5ca;min-height:590px;box-shadow:inset 0 5px #081329;clip-path:polygon(16px 0,calc(100% - 16px) 0,calc(100% - 16px) 5px,calc(100% - 8px) 5px,calc(100% - 8px) 12px,100% 12px,100% calc(100% - 16px),calc(100% - 8px) calc(100% - 16px),calc(100% - 8px) calc(100% - 6px),calc(100% - 16px) calc(100% - 6px),calc(100% - 16px) 100%,16px 100%,16px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 16px),0 calc(100% - 16px),0 16px,7px 16px,7px 7px,16px 7px)}
.journey-aside{min-width:0;align-self:stretch;position:relative;padding-right:31px}
.journey-aside:after{content:'';position:absolute;width:1px;right:0;top:-24px;bottom:-22px;background:#8181bf80;box-shadow:1px 0 #26395c}
.journey-right{min-width:0;display:flex;flex-direction:column;justify-content:center}
.window-status{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:9px 35px;color:#253970;font:400 14px/1.4 var(--body);letter-spacing:.5px}
.window-status span:last-child{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.window-status .chain-feather{width:22px;height:26px;color:#11945b}
.journey-task{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}
.journey-task form{display:flex;flex-direction:column;flex:1}
.journey-task .task-title{margin:0 0 8px;font:700 46px/1.15 var(--display);letter-spacing:-1px;text-wrap:balance;color:#fff8e8;transform:scaleX(.84);transform-origin:left center;width:119.05%}
.journey-task .task-description{margin:0 0 35px;color:#f4eff6;font:400 20px/1.4 var(--body);letter-spacing:.5px}
.journey-shell label:not(.checkbox-row){display:block;margin:20px 0 9px;font:400 19px/1.4 var(--body)}
.journey-shell input:not([type=checkbox]){display:block;width:100%;min-width:0;min-height:54px;padding:12px 17px;border:1px solid #8b86c0;border-radius:2px;background:#0b1734;color:#fff5ec;font:400 17px/1.5 var(--body);transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #343362}
.journey-shell input::placeholder{color:#a6aecf;opacity:1}
.journey-shell input:focus{outline:2px solid #dfcef3;outline-offset:3px}
.journey-shell input[aria-invalid=true]{border-color:#f4af9f}
.journey-shell .button{position:relative;min-height:56px;padding:12px 22px;gap:12px;border-radius:2px;font:700 22px/1.3 var(--body);text-align:center;white-space:normal}
.journey-shell .large-action{display:flex;width:100%;justify-content:center;min-height:64px;font-size:27px}
.journey-shell .button.primary{background:linear-gradient(115deg,#ffefda,#ffe8d0);color:#101d3c;border:3px solid #fff7e2;box-shadow:-4px 0 #d1b7d7,0 4px #bda3c4,3px 0 #fff3dc,inset 0 1px white}
.journey-shell .button.primary:hover:not(:disabled){background:#fff6e6;box-shadow:-4px 0 #d1b7d7,0 5px #bda3c4,3px 0 #fff3dc,0 0 20px #ffdf9c30}
.journey-shell .button.primary:active:not(:disabled){transform:translateY(3px);box-shadow:-4px 0 #d1b7d7,0 1px #bda3c4,3px 0 #fff3dc}
.journey-shell .button.secondary{border:2px solid #8988b6;background:#182447;color:#f9edda;box-shadow:0 3px #070e27}
.journey-shell .button:disabled{cursor:not-allowed;opacity:.4;transform:none}
.journey-shell .button .icon{width:25px;height:25px;flex:0 0 25px;stroke-width:2.7}
.journey-shell .large-action>.icon{width:34px;height:34px;flex-basis:34px;stroke-width:2}
.task-action{isolation:isolate}.task-action>.action-label,.task-action>.icon{position:relative;z-index:1}.task-action .action-tick{z-index:2}.task-content>.task-title+.large-action{margin-top:28px}
.task-action:before{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffffce 49%,transparent 68%);background-size:300% 100%;background-position:150% 0;opacity:0}
.task-action[data-current=true]:not(:disabled):before{animation:action-shimmer 2.6s ease-in-out infinite}
.task-navigation .task-action[data-current=true]:not(:disabled){box-shadow:-4px 0 #d1b7d7,0 4px #bda3c4,3px 0 #fff3dc,0 0 14px #ffe19c68}
.action-tick{position:absolute;right:-5px;top:-19px;display:grid;place-items:center;width:34px;height:34px;border:3px solid #7cffe0;border-radius:3px;background:var(--mint);color:#133943;box-shadow:-2px 2px #1ba591,0 0 18px #46e8bc70}
.journey-shell .action-tick .icon{width:22px;height:22px;stroke-width:3.5}
.journey-task input[data-current=true]{animation:input-pulse 3.8s ease-in-out infinite}
.proof-input{position:relative}
.proof-input input{padding-right:43px!important}
.proof-tick{position:absolute;right:13px;top:15px;color:var(--mint)}
.proof-tick .icon{width:22px;height:22px;stroke-width:2.5}
.proof-issue{margin:8px 0 0;color:#ffb8a8;font:400 13px/1.45 var(--body)}
.proof-issue[hidden]{display:none}
.continue-hint{margin:10px 0 0;text-align:right;color:#c9cbe4;font:400 13px/1.45 var(--body)}
.continue-hint[hidden]{display:none}
.task-confirm{display:flex;align-items:center;gap:13px;margin:24px 0 0;padding:0;font-size:17px;min-height:32px;cursor:pointer;color:#fff2ed;letter-spacing:.1px}
.journey-shell input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:30px;height:30px;flex:0 0 30px;border:2px solid #8e86bb;border-radius:3px;background:#122347;margin:0;cursor:pointer}
.journey-shell input[type=checkbox]:checked{background:var(--mint);border-color:#55f5c4;box-shadow:inset 2px 2px #91ffdd,0 2px #1c987e}
.journey-shell input[type=checkbox]:checked:after{content:'';position:absolute;left:8px;top:4px;width:8px;height:13px;border:solid #103e43;border-width:0 3px 3px 0;transform:rotate(43deg)}
.follow-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:0 14px}
.follow-confirm .text-button{margin-top:24px;font-size:13px}
.follow-confirm .icon{width:15px;height:15px}
.journey-shell .task-note{margin:12px 0 0;color:#b4b9d7;font:400 13px/1.5 var(--body)}
.journey-shell .self-report{font-size:11px;opacity:.8}
.task-content{flex:1}
.task-navigation{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-top:28px;padding-top:22px;border-top:1px solid #676b9b80}
.task-navigation .button{min-width:194px;min-height:58px;padding-inline:13px;font-size:22px}
.task-back{display:inline-flex;align-items:center;gap:13px;min-height:48px;border:0;background:none;color:#bdb0ed;font:400 21px var(--body);padding:6px 0}
.task-back .icon{width:27px;height:27px;stroke-width:3}
.task-back:hover{color:#fff0db}
.identity-navigation{justify-content:flex-end;margin-top:24px}
.journey-shell .feedback{margin:18px 0 0;padding:13px 16px;border:1px solid #d9a39b;border-radius:3px;background:#452b35;color:#ffe0d5;font-size:14px}
.x-profile{display:flex;align-items:center;gap:12px;margin:2px 0 22px;padding:14px 0;border-block:1px solid #6b70a855}
.profile-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border:2px solid #afa3e4;border-radius:50%;background:#334a86;color:#fff0db;font-size:24px}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.x-profile strong{display:block;font-size:18px;overflow-wrap:anywhere}
.x-profile p{margin:0;color:#b1b5d9;font-size:14px}
.x-profile .text-button{margin-left:auto}
.journey-shell .text-button{min-height:32px;color:#c3baf1;font:400 13px/1.4 var(--body);white-space:normal}
.inviter-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px;font-size:14px;color:#e2d6f5}
.journey-shell .inviter-note .text-button{margin-left:auto;flex-basis:auto}
.inviter-note .icon{color:#c8b0f0}
.invitation-preview{margin:0}
#invite-card{display:block;width:100%;height:auto;aspect-ratio:1536/1024}
.card-status:empty,.progress-save-status:empty{display:none}
.progress-save-status{font-size:12px;color:#f0c9a5;margin:14px 0 0}
.journey-referral{margin:25px 0 0 7px}
.journey-referral label{margin:0 0 10px!important;color:#fff3df;font-size:20px!important;line-height:28px!important}
.journey-shell .copy-field{display:flex;align-items:stretch;gap:14px;min-width:0}
.journey-shell .copy-field input{flex:1;width:0;border-radius:2px!important;font-size:17px!important}
.journey-shell .copy-field .button{flex:0 0 138px;width:138px;min-width:138px;border-radius:2px;padding-inline:14px;font-size:20px}
.journey-shell .copy-field .icon{width:22px;height:22px;flex-basis:22px}
.arrival-art{position:relative;aspect-ratio:1200/852;overflow:hidden;border:8px solid #ffead5;box-shadow:-4px 4px #b09cdb;background:#16399e}
.arrival-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.arrival-art h2{position:relative;margin:0;padding:32px 24px;font:700 30px/1.25 var(--display);text-shadow:3px 3px #123079;letter-spacing:-1px}
.card-caption{font-size:16px;color:#d3cfea;text-align:center;margin:23px 0 0}
.journey-progress{margin:0 0 40px}
.journey-progress ol{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0}
.journey-progress ol:before{content:'';position:absolute;top:18px;left:10%;right:10%;height:3px;background:#555c87}
.journey-progress li{position:relative;min-width:0;text-align:center}
.journey-progress li.is-done:not(:last-child):after{content:'';position:absolute;left:50%;width:calc(100% + 6px);top:18px;height:3px;background:#f9ecd8}
.journey-progress button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0;border:0;background:transparent;color:#b9ace5;font:400 18px/1.3 var(--body)}
.journey-progress button:disabled{opacity:1;cursor:default}
.step-circle{display:grid;place-items:center;width:40px;height:40px;border:2px solid #9e90cd;border-radius:50%;background:#101b3b;color:#bbb0eb;font-size:22px;transition:background .2s,border-color .2s}
.step-circle .icon{width:23px;height:23px;stroke-width:3.5}
.is-done .step-circle{background:var(--mint);border-color:var(--mint);color:#163843}
.is-done button{color:#fff3ec}
.is-current .step-circle{background:#fff3db;border-color:#fff4df;color:#172447;box-shadow:0 0 18px #ffecd640;font-weight:700}
.is-current button{color:#fff3df;font-weight:700}
.journey-meter{display:flex;align-items:center;gap:14px;margin-top:23px;min-height:19px}
.journey-meter>div{height:15px;flex:1;border-radius:8px;overflow:hidden;background:#51577f;box-shadow:inset 0 2px 3px #10152f22}
.journey-meter i{display:block;height:100%;border-radius:inherit;background:var(--mint);transition:width .25s ease}
.journey-meter>span{font:400 15px/1.2 var(--body);color:#c1b1ef;min-width:31px;text-align:right}
.share-actions{display:grid;gap:18px}
.share-actions [data-social="quote"][data-current="true"]{box-shadow:-4px 0 #d1b7d7,0 4px #bda3c4,3px 0 #fff3dc,0 0 18px #ffe19c80}
.share-actions [data-social="quote"][data-current="true"]:before{background-image:linear-gradient(110deg,transparent 28%,#fff9df 43%,#ffffff 50%,#fff9df 57%,transparent 72%);animation:quote-shimmer 1.8s ease-in-out infinite}
@keyframes quote-shimmer{0%{background-position:150% 0;opacity:.45}15%{opacity:1}75%,100%{background-position:-50% 0;opacity:1}}

.journey-review{margin:0;font-size:15px}
.journey-review>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #6b70a855}
.journey-review dt{color:#b9bad7}.journey-review dd{margin:0;text-align:right;max-width:66%;overflow-wrap:anywhere}
.edit-wallet{display:block;margin:12px 0 0 auto}
.journey-success{text-align:center}
.success-symbol{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 22px;border:2px solid #79f7cf;border-radius:8px;background:var(--mint);color:#123940;box-shadow:0 0 28px #46e8bc24}
.success-symbol .icon{width:32px;height:32px;stroke-width:3}
.success-date{font-size:16px;color:#dfd5f2;display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0}
.success-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.journey-shell .success-actions .button{font-size:16px;padding-inline:13px}
.sign-out-x{display:block;margin:17px auto 0}
.registration-choice{padding:22px;margin:22px 0;border:1px solid #7c8ea9;border-radius:8px}.registration-choice>strong{font-size:23px}.registration-choice>p{margin:4px 0 18px}.registration-choice .checkbox-row{margin-bottom:20px}
@keyframes action-shimmer{0%{background-position:150% 0;opacity:0}12%{opacity:.95}48%{background-position:-50% 0;opacity:.8}58%,100%{background-position:-50% 0;opacity:0}}
@keyframes input-pulse{0%,100%{border-color:#8b88bc;box-shadow:0 0 0 0 #c4b1f420}50%{border-color:#d7c3f4;box-shadow:0 0 0 3px #c6acf422}}
@media(min-width:761px){.journey-shell[data-step='2'] .task-title{white-space:nowrap;text-wrap:nowrap}.journey-shell[data-step='0'] .journey-aside,.journey-shell[data-step='closed'] .journey-aside{display:flex;flex-direction:column;justify-content:center}.journey-shell[data-step='0'] .journey-task,.journey-shell[data-step='closed'] .journey-task{justify-content:center}.identity-welcome{padding-bottom:24px}}
@media(min-width:1600px){body:is([data-page="early"],[data-page="play"]) .site-header{height:calc(161px + (100svh - 1024px)*.25);min-height:161px}.journey-shell{padding-bottom:70px}}
@media(max-height:850px) and (min-width:761px){body:is([data-page="early"],[data-page="play"]) .site-header{height:112px;min-height:112px;padding-top:20px;padding-bottom:16px}body:is([data-page="early"],[data-page="play"]) .desktop-brand{width:138px;height:75px}body:is([data-page="early"],[data-page="play"]) .site-header .brand{width:138px;height:75px}.journey-shell{padding-bottom:30px}.window-interior{padding-top:30px;padding-bottom:26px;min-height:540px}.window-bar{height:60px}.window-status{min-height:46px}.journey-progress{margin-bottom:28px}.journey-task .task-title{font-size:40px}.journey-task .task-description{margin-bottom:28px}.task-navigation{margin-top:24px;padding-top:18px}.journey-aside:after{top:-12px;bottom:-16px}}
@media(max-width:1250px) and (min-width:761px){.journey-shell{padding-inline:28px}.desktop-window{padding-inline:22px}.window-interior{padding-inline:24px;gap:28px}.journey-aside{padding-right:25px}.journey-task .task-title{font-size:clamp(29px,3vw,40px)}.journey-task .task-description{font-size:17px}.journey-shell .large-action{font-size:23px}.journey-referral{margin-inline:3px}.journey-shell .copy-field{gap:12px}.journey-shell .copy-field .button{flex-basis:auto;width:auto;min-width:100px;font-size:16px;padding-inline:14px}.journey-shell .copy-field input{font-size:14px!important}.journey-referral label{font-size:17px!important}.journey-progress button{font-size:15px}.task-confirm{font-size:14px}.task-navigation .button{min-width:160px;font-size:19px}.window-status{padding-inline:25px}.follow-confirm{display:block}.follow-confirm .text-button{display:inline-flex;align-items:center;margin-top:7px}.arrival-art h2{font-size:26px;padding:22px 18px}}
@media(max-width:1000px) and (min-width:761px){.journey-shell{padding-inline:24px}.desktop-window{padding-inline:16px}.window-interior{padding-inline:19px;gap:22px}.journey-aside{padding-right:19px}.window-bar{gap:18px;padding-inline:16px}.window-controls{gap:7px}.window-control{width:33px}.window-bar h1{font-size:20px}.window-monogram{font-size:25px}.journey-shell .copy-field{gap:9px}.journey-shell .copy-field .button{min-width:80px;font-size:14px;padding-inline:10px}.journey-shell .copy-field .icon{width:18px;height:18px;flex-basis:18px}.journey-shell .copy-field input{font-size:12px!important;padding-inline:11px}.journey-shell .large-action{font-size:20px}.journey-progress button{font-size:13px}.step-circle{width:36px;height:36px;font-size:19px}.journey-progress ol:before,.journey-progress li.is-done:not(:last-child):after{top:16px}.task-confirm{font-size:13px;gap:10px}.journey-shell input[type=checkbox]{width:26px;height:26px;flex-basis:26px}.journey-shell input[type=checkbox]:checked:after{left:6px;top:3px}.task-navigation .button{min-width:140px;font-size:17px}.task-back{font-size:17px}.window-status{font-size:12px}}
@media(max-width:760px){body:is([data-page="early"],[data-page="play"]) .site-header{height:110px;min-height:110px;padding:18px 22px 12px}body:is([data-page="early"],[data-page="play"]) .site-header .brand,body:is([data-page="early"],[data-page="play"]) .desktop-brand{width:138px;height:75px}body:is([data-page="early"],[data-page="play"]) main{align-items:flex-start}.journey-shell{padding:6px 18px 36px;gap:24px}.desktop-window{padding:0 12px;filter:drop-shadow(-6px 10px 0 #091f6566)}.desktop-window:before{transform:translate(-5px,6px)}.desktop-window:before,.desktop-window:after{clip-path:polygon(16px 0,calc(100% - 16px) 0,calc(100% - 16px) 6px,calc(100% - 8px) 6px,calc(100% - 8px) 14px,100% 14px,100% calc(100% - 16px),calc(100% - 8px) calc(100% - 16px),calc(100% - 8px) calc(100% - 6px),calc(100% - 16px) calc(100% - 6px),calc(100% - 16px) 100%,16px 100%,16px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 16px),0 calc(100% - 16px),0 16px,6px 16px,6px 6px,16px 6px)}.desktop-window:after{box-shadow:inset 0 6px #fff9df,inset 6px 0 #ffeedf,inset -6px 0 #fff6d8,inset 0 -6px #e7bbbf}.window-bar{height:58px;padding:0 5px;gap:13px}.window-bar h1{font-size:16px;letter-spacing:.5px}.window-monogram{font-size:20px;letter-spacing:0}.window-controls{gap:6px}.window-control{width:25px;height:36px}.window-control:before{inset:7px 2px}.window-control .icon{width:12px;height:12px}.window-control.expand span{width:10px;height:10px}.window-interior{display:flex;flex-direction:column;gap:29px;padding:24px 17px 25px;border-width:3px;min-height:0}.journey-aside{width:100%;padding:0 0 24px;border-bottom:1px solid #6b70a866}.journey-aside:after{display:none}.journey-referral{margin:19px 1px 0}.journey-referral label{font-size:15px!important;line-height:23px!important;margin-bottom:8px!important}.journey-shell .copy-field{gap:10px}.journey-shell .copy-field input{font-size:12px!important;min-height:47px;padding:10px}.journey-shell .copy-field .button{flex-basis:auto;width:auto;font-size:15px;min-width:76px;min-height:47px;padding:9px 10px;gap:6px}.journey-shell .copy-field .icon{width:17px;height:17px;flex-basis:17px}.card-caption{font-size:13px;margin-top:20px}.arrival-art h2{font-size:25px;padding:22px 17px}.journey-task .task-title{font-size:31px;transform:none;width:auto;letter-spacing:-.7px;margin-bottom:12px;text-wrap:balance}.journey-task .task-description{font-size:16px;margin-bottom:28px;letter-spacing:0}.journey-progress{margin-bottom:29px}.journey-progress ol{gap:3px}.journey-progress button{font-size:12px;gap:10px}.step-circle{width:33px;height:33px;font-size:18px}.step-circle .icon{width:20px;height:20px}.journey-progress ol:before,.journey-progress li.is-done:not(:last-child):after{top:15px;height:2px}.journey-progress li.is-done:not(:last-child):after{width:calc(100% + 3px)}.journey-meter{margin-top:20px;gap:10px}.journey-meter>div{height:12px}.journey-meter>span{font-size:13px}.journey-shell .button{font-size:17px;min-height:53px;padding:12px 14px;border-width:2px}.journey-shell .large-action{font-size:20px;min-height:58px}.journey-shell .large-action>.icon{width:27px;height:27px;flex-basis:27px}.journey-shell .button .icon{width:21px;height:21px;flex-basis:21px}.action-tick{width:30px;height:30px;top:-15px;right:-4px;border-width:2px}.task-navigation{margin-top:26px;padding-top:23px;gap:10px}.task-navigation .button{min-width:146px}.task-back{font-size:17px;gap:9px}.task-back .icon{width:23px;height:23px}.window-status{padding:13px 5px 16px;font-size:10px;gap:13px;align-items:flex-start;flex-wrap:wrap;letter-spacing:0}.window-status span:last-child{gap:6px}.window-status .chain-feather{width:15px;height:18px}.x-profile{gap:9px}.x-profile .text-button{font-size:11px;max-width:67px}.x-profile strong{font-size:16px}.x-profile p{font-size:12px}.journey-shell .task-note{font-size:12px}.task-confirm{font-size:14px;gap:10px;margin-top:24px}.journey-shell input[type=checkbox]{width:27px;height:27px;flex-basis:27px}.journey-shell input[type=checkbox]:checked:after{left:6px;top:3px}.follow-confirm{display:block}.follow-confirm .text-button{margin-top:8px}.journey-review{font-size:13px}.journey-shell[data-step='0'] .journey-aside{padding-bottom:20px}.journey-shell[data-step='0'] .arrival-art{aspect-ratio:1.65}.journey-shell[data-step='0'] .journey-right{padding-bottom:6px}.desktop-window.is-expanded{width:calc(100vw - 20px)}}
@media(max-width:380px){.journey-shell{padding-inline:12px}.window-interior{padding-inline:14px}.window-monogram{display:none}.window-status{font-size:10px}.journey-task .task-title{font-size:28px}.task-navigation .button{min-width:135px}.journey-shell .copy-field .button{padding-inline:9px;min-width:68px}.journey-shell .copy-field .icon{display:none}}
@media(prefers-reduced-motion:reduce){.task-action:before,.journey-task input[data-current=true]{animation:none!important}.desktop-window,.journey-shell .button,.journey-meter i,.step-circle{transition:none!important}}
/* Keep game registration readable; it uses the existing non-desktop panel. */
.mobile-card-meta{display:none}
.journey-shell>.journey-panel{width:100%;max-width:680px;margin:0 auto;padding:34px 40px 36px;border:1px solid #c1a56b;border-radius:14px;background:#0d1a35f7;box-shadow:0 22px 80px #050d2866,inset 0 1px #ffe4a614}
.journey-shell>.journey-panel .task-title{color:var(--ink);font-size:34px;transform:none;width:auto}
.journey-shell>.journey-panel .task-description{font-size:18px;letter-spacing:0}
@media(max-width:760px){.mobile-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#d2cdeb;margin:12px 0 0}.mobile-card-meta strong{font-weight:700;color:#fff0dc}.journey-aside .invitation-preview{margin-inline:-7px}}
@media(max-width:600px){.journey-shell>.journey-panel{padding:26px 22px}.journey-shell>.journey-panel .task-title{font-size:28px}}
.desktop-home{display:none}
body:is([data-page="early"],[data-page="play"]) .desktop-home{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:#fff5e8;font:400 21px/1.4 var(--body);min-height:44px;margin-top:3px;text-shadow:0 2px #143080}
body:is([data-page="early"],[data-page="play"]) .desktop-home .icon{width:28px;height:28px;stroke-width:3}
body:is([data-page="early"],[data-page="play"]) .journey-shell>.back-link{display:none}
@media(max-width:760px){body:is([data-page="early"],[data-page="play"]) .desktop-home{margin-top:7px;min-width:44px;justify-content:center}body:is([data-page="early"],[data-page="play"]) .desktop-home span{display:none}}
/* Keep the complete desktop window visible on short laptop displays. */
@media(max-height:760px) and (min-width:1100px){body:is([data-page="early"],[data-page="play"]) .site-header{height:88px;min-height:88px;padding:10px 50px 14px}body:is([data-page="early"],[data-page="play"]) .site-header .brand,body:is([data-page="early"],[data-page="play"]) .desktop-brand{width:118px;height:64px}body:is([data-page="early"],[data-page="play"]) .journey-shell{padding-bottom:24px}.desktop-window{zoom:.86}}

/* Docs shares the accepted animated corner sky, without the application window. */
body[data-page="docs"] .world,body[data-page="docs"] .scene-status{display:none}
body[data-page="docs"] .early-weather{display:block}
body[data-page="docs"] main{display:grid;place-items:center;padding:48px 24px 80px}
.docs-soon{text-align:center;color:#fff1d7}
.docs-soon h1{margin:0;font:700 clamp(64px,10vw,112px)/1.2 var(--display);letter-spacing:-.04em;text-shadow:0 5px 0 #19245b66,0 0 70px #edc2fb40}
.docs-soon h1:after{content:'';display:block;width:44px;height:4px;margin:26px auto 0;background:#e4c1f0;box-shadow:0 3px 0 #23317155}

.journey-task .identity-welcome .task-title{margin-bottom:32px}

/* The welcome computer shares the cream casing and lilac depth of the RH mark. */
.welcome-computer{display:grid;place-items:center;isolation:isolate;width:100%;padding:0 12px}
.welcome-computer svg{display:block;width:min(100%,420px);height:auto;overflow:visible}
.welcome-computer+.card-caption{margin-top:16px}
.computer-float{animation:computer-idle 6s ease-in-out infinite;transform-origin:center}
.computer-screen{transform-box:fill-box;transform-origin:center;animation:computer-boot .65s cubic-bezier(.2,.8,.3,1) both}
.computer-prompt{animation:computer-prompt-in .35s .6s ease-out both;filter:drop-shadow(0 0 7px #43ffd359)}
.computer-cursor{animation:computer-cursor 1.4s 1s steps(1,end) infinite}
.computer-power{animation:computer-power 3s ease-in-out infinite}
.computer-sparkles{animation:computer-sparkle 5s ease-in-out infinite}
@keyframes computer-boot{0%{opacity:0;transform:scaleY(.025) scaleX(.5)}35%{opacity:.7;transform:scaleY(.025) scaleX(1)}100%{opacity:1;transform:scale(1)}}
@keyframes computer-prompt-in{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}
@keyframes computer-cursor{0%,54%{opacity:1}55%,100%{opacity:.08}}
@keyframes computer-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes computer-power{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes computer-sparkle{0%,100%{opacity:.45}50%{opacity:.95}}
@media(max-width:760px){.welcome-computer svg{width:min(100%,310px)}.welcome-computer{padding:0}.welcome-computer+.card-caption{margin-top:10px}.identity-welcome .large-action{font-size:17px;gap:10px;white-space:nowrap}.identity-welcome .large-action>.icon{width:22px;height:22px;flex-basis:22px}}
@media(prefers-reduced-motion:reduce){.welcome-computer :is(.computer-float,.computer-screen,.computer-prompt,.computer-cursor,.computer-power,.computer-sparkles){animation:none!important;transform:none!important;opacity:1}}