/* A separate, quiet glass sheet; all selectors stay inside the account surface. */
.wt-account-dialog{box-sizing:border-box;position:fixed;width:min(480px,calc(100% - 28px));max-width:none;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #fffdf8ed;border-radius:28px;background:linear-gradient(140deg,#fffdf5f5,#f8f3eff7 53%,#eee7f1f5);color:#665d6b;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #cbbbc848,0 26px 90px #62536e30;-webkit-backdrop-filter:blur(24px) saturate(105%);backdrop-filter:blur(24px) saturate(105%);scrollbar-width:thin;scrollbar-color:#cbb9cd transparent;animation:wt-account-arrive .3s ease-out both}
.wt-account-dialog::backdrop{background:#49414e40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.wt-account-dialog,.wt-account-dialog *{box-sizing:border-box}
.wt-account-sheet{padding:28px 30px 16px;min-width:0}
.wt-account-header{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:23px;padding-top:8px;border-radius:12px;background:transparent}
.wt-account-dialog[data-scrolled=true] .wt-account-header{background:linear-gradient(120deg,#fcf9f3f7,#f7f1f3fa);box-shadow:0 8px 14px #faf5f2ed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.wt-account-header>div{min-width:0;padding-right:7px}
.wt-account-dialog .wt-account-eyebrow{margin:0 0 14px;font:9px/1.8 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:.18em;color:#917b9e}
.wt-account-header h2{margin:0;font:normal 28px/1.5 var(--serif,Georgia,'Songti SC',serif);letter-spacing:.05em;color:#65556e;overflow-wrap:anywhere}
.wt-account-dialog .wt-account-subtitle{margin:10px 0 0;font-size:12px;line-height:1.85;color:#85788d}
.wt-account-dialog button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wt-account-dialog .wt-account-close{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;margin:-8px -10px 0 0;padding:8px;border:0;border-radius:50%;background:none;box-shadow:none;color:#93809e;transform:none}
.wt-account-close:before{content:'';position:absolute;inset:8px;border:1px solid #fffaf5b8;border-radius:50%;background:#fffdf35c;box-shadow:inset 0 1px 0 #fff9;transition:background-color .18s,border-color .18s}
.wt-account-close span{position:relative;font:22px/1 Arial,sans-serif;font-weight:300}
.wt-account-dialog .wt-account-close:hover{background:none;box-shadow:none;color:#6e547c}
.wt-account-close:hover:before{background:#efe6f0c4;border-color:#c2adce74}
.wt-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 24px;padding:4px;border:1px solid #c4b5cb33;border-radius:15px;background:#f1eaf157}
.wt-account-dialog .wt-account-tabs button{min-height:39px;border:1px solid transparent;border-radius:11px;padding:8px 10px;background:none;box-shadow:none;font-size:12px;color:#8c7898;transition:background-color .18s,color .18s}
.wt-account-dialog .wt-account-tabs button[aria-pressed=true]{background:#fffdf5bd;border-color:#fffdf6;box-shadow:0 2px 8px #8c749011;color:#6c527d}
.wt-account-dialog .wt-account-tabs button:hover{background:#fffdf48c;color:#6c527d}
.wt-account-form,.wt-account-form fieldset{border:0;padding:0;margin:0;min-width:0}
.wt-account-form label{display:block;margin:0 0 17px;font-size:12px;line-height:1.7;color:#76627f}
.wt-account-dialog input:not([type=checkbox]){display:block;width:100%;min-height:45px;margin:7px 0 0;padding:11px 13px;border:1px solid #bba7c239;border-radius:12px;background:#fffdf886;color:#63576d;box-shadow:inset 0 1px 3px #806c8a05;font:14px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;transition:border-color .18s,box-shadow .18s}
.wt-account-dialog input::placeholder{color:#b5a4bd;font-size:12px}
.wt-account-dialog .wt-account-hint{display:block;margin-top:6px;font-size:10px;line-height:1.8;color:#918197}
.wt-account-dialog button:focus-visible,.wt-account-dialog input:focus-visible,.wt-account-dialog textarea:focus-visible{outline:2px solid #ac92be;outline-offset:3px}
.wt-account-dialog input:not([type=checkbox]):focus-visible{border-color:#b29abe;box-shadow:0 0 0 3px #d3c1df21}
.wt-account-dialog .wt-account-primary,.wt-account-dialog .wt-account-secondary{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:46px;padding:11px 17px;border:1px solid #fffdf7;border-radius:14px;background:linear-gradient(115deg,#fffef8ef,#f7f0f3dd 52%,#e9e0f0d9);box-shadow:inset 0 1px 1px #fff,0 0 0 1px #c2adca4a,0 5px 15px #8d71900c;color:#715980;font-size:13px;letter-spacing:.03em;transition:background-color .18s,box-shadow .18s,transform .18s}
.wt-account-dialog .wt-account-primary:hover{background:linear-gradient(115deg,#fffef9,#f7f0f3,#e7dcf0);box-shadow:inset 0 1px 1px #fff,0 0 0 1px #b29cbe78,0 6px 17px #8d71901a}
.wt-account-dialog .wt-account-primary:active{transform:translateY(1px)}
.wt-account-dialog svg:not(.wt-account-motif){width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.wt-account-dialog button:disabled,.wt-account-dialog fieldset:disabled{opacity:.5;cursor:default}
.wt-account-dialog fieldset:disabled button{opacity:1}
.wt-account-dialog .wt-account-guest{display:flex;justify-content:center;align-items:center;gap:13px;width:100%;min-height:44px;padding:9px 8px;border:0;border-radius:12px;background:none;box-shadow:none;font-size:12px;color:#7f6b8b;transition:background-color .18s,color .18s}
.wt-account-dialog .wt-account-guest:hover{background:#e7ddee3b;color:#664d77}
.wt-account-divider{display:flex;align-items:center;gap:13px;margin:19px 0 4px;color:#9b8b9e;font-size:9px;line-height:1.7}
.wt-account-divider:before,.wt-account-divider:after{content:'';height:1px;flex:1;background:#cdbcd330}
.wt-account-dialog .wt-account-local{margin:17px 0 0;padding-top:15px;border-top:1px solid #c5b2cd29;font-size:10px;line-height:1.95;color:#908198}
.wt-account-dialog .wt-account-message{margin:10px 0 0;min-height:20px;font-size:11px;line-height:1.8;color:#80708b;overflow-wrap:anywhere}
.wt-account-dialog .wt-account-message[data-error=true]{color:#946977}
.wt-account-dialog .wt-account-forgot,.wt-account-dialog .wt-account-back{min-height:40px;padding:7px 0;margin:2px 0 -7px;border:0;border-radius:8px;background:none;box-shadow:none;color:#8c7599;font-size:11px}
.wt-account-dialog .wt-account-forgot:hover,.wt-account-dialog .wt-account-back:hover{color:#6b507a;background:none;text-decoration:underline;text-underline-offset:4px}
.wt-account-dialog .wt-account-back{margin:-10px 0 17px}
.wt-account-connection{display:flex;gap:9px;align-items:flex-start;margin:0 0 20px;padding:12px 13px;border:1px solid #c9b8d132;border-radius:13px;background:#f6eef551}
.wt-account-status-dot{width:5px;height:5px;flex:none;border-radius:50%;margin-top:7px;background:#b59fc0}
.wt-account-dialog .wt-account-connection p{margin:0;font-size:11px;line-height:1.8;color:#89748e;flex:1}
.wt-account-dialog .wt-account-connection button{padding:0 0 0 3px;min-height:24px;border:0;background:none;box-shadow:none;font-size:10px;color:#765c86;white-space:nowrap}
.wt-account-identity{display:flex;align-items:center;gap:19px;padding:20px 21px;margin:0 0 23px;border:1px solid #fffef8dd;border-radius:20px;background:linear-gradient(130deg,#fffdf67a,#ece2f24a);box-shadow:inset 0 1px 0 #fff9}
.wt-account-motif{width:64px;height:64px;flex:none;fill:none;stroke:#b5a0c2;stroke-width:.85;stroke-linecap:round;stroke-linejoin:round}
.wt-account-identity>div{min-width:0}
.wt-account-dialog .wt-account-identity p{margin:3px 0 4px;font:22px/1.6 var(--serif,Georgia,'Songti SC',serif);color:#7b6488;overflow-wrap:anywhere}
.wt-account-caption{display:block;font-size:9px;letter-spacing:.1em;color:#a08bad}
.wt-account-signed{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#8e7c99}
.wt-account-signed:before{content:'';width:4px;height:4px;border-radius:50%;background:#b49abe}
.wt-account-entry-options{display:grid;gap:12px;margin-top:22px}
.wt-account-dialog .wt-account-secondary{background:#fffdf341;border-color:#c2adca47;box-shadow:inset 0 1px 0 #fff9;color:#8c7399}
.wt-account-dialog .wt-account-secondary:hover{background:#eee5f264;border-color:#b39abd66}
.wt-account-recovery{position:relative;margin:0 0 16px;padding:17px 17px 10px;border:1px solid #cbb7d53d;border-radius:17px;background:#fffdf37a}
.wt-account-dialog .wt-account-code{display:block;width:100%;min-height:78px;margin:9px 0 0;padding:0;border:0;border-radius:4px;background:none;resize:none;color:#7a6289;font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap;-webkit-user-select:text;user-select:text}
.wt-account-dialog .wt-account-copy{min-height:34px;margin:2px 0 0;padding:7px 0;border:0;border-radius:6px;background:none;box-shadow:none;font-size:10px;color:#8b6f9d}
.wt-account-dialog .wt-account-copy:hover{background:none;text-decoration:underline;text-underline-offset:4px}
.wt-account-dialog .wt-account-recovery-note{margin:0 0 19px;font-size:11px;line-height:1.9;color:#8d7b96}
.wt-account-check{display:flex;align-items:center;gap:10px;margin:0 0 21px;font-size:11px;line-height:1.8;color:#826b8f;cursor:pointer}
.wt-account-check input{width:16px;height:16px;flex:none;margin:0;accent-color:#a38bb4}
@keyframes wt-account-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:400px){.wt-account-sheet{padding:24px 22px 12px}.wt-account-header{margin-bottom:21px}.wt-account-header h2{font-size:25px}.wt-account-dialog .wt-account-eyebrow{font-size:8px;letter-spacing:.13em}.wt-account-dialog .wt-account-subtitle{font-size:11px}.wt-account-dialog .wt-account-close{margin-right:-9px}.wt-account-form label{margin-bottom:15px}.wt-account-dialog .wt-account-local{font-size:9px}.wt-account-identity{padding:17px 14px;gap:13px}.wt-account-motif{width:57px;height:57px}.wt-account-dialog .wt-account-identity p{font-size:20px}}
@media(max-width:350px){.wt-account-header h2{font-size:22px}}
@media(max-height:540px) and (min-width:540px){.wt-account-dialog{width:min(620px,calc(100% - 40px))}.wt-account-sheet{padding:22px 28px 12px}.wt-account-header{margin-bottom:17px}.wt-account-header h2{font-size:25px}.wt-account-dialog .wt-account-eyebrow{margin-bottom:7px}.wt-account-dialog .wt-account-subtitle{margin-top:6px}.wt-account-tabs{margin-bottom:18px}.wt-account-form label{margin-bottom:13px}.wt-account-dialog .wt-account-local{margin-top:13px;padding-top:12px}.wt-account-divider{margin-top:13px}}
@supports not(backdrop-filter:blur(1px)){.wt-account-dialog{background:linear-gradient(140deg,#fcf9f1,#f2ebf3)}}
@media(prefers-reduced-transparency:reduce){.wt-account-dialog{background:#faf5f1;-webkit-backdrop-filter:none;backdrop-filter:none}.wt-account-dialog::backdrop{background:#49414e70;-webkit-backdrop-filter:none;backdrop-filter:none}.wt-account-dialog[data-scrolled=true] .wt-account-header{background:#faf5f1;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.wt-account-dialog,.wt-account-dialog *,.wt-account-dialog *:before,.wt-account-dialog *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-magic-motion=off] .wt-account-dialog,body[data-magic-motion=off] .wt-account-dialog *,body[data-magic-motion=off] .wt-account-dialog *:before,body[data-magic-motion=off] .wt-account-dialog *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(forced-colors:active){.wt-account-dialog,.wt-account-dialog[data-scrolled=true] .wt-account-header{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.wt-account-dialog button,.wt-account-dialog input,.wt-account-dialog textarea,.wt-account-tabs,.wt-account-recovery,.wt-account-identity,.wt-account-connection{forced-color-adjust:auto;border-color:ButtonText;box-shadow:none}.wt-account-close:before{border-color:ButtonText;background:Canvas}.wt-account-status-dot,.wt-account-signed:before{background:CanvasText}.wt-account-divider:before,.wt-account-divider:after{background:CanvasText}.wt-account-dialog p,.wt-account-dialog h2,.wt-account-dialog span{color:CanvasText}}

/* Account and luggage remain a single quiet group beside the brand. */
.masthead-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:12px;min-width:0}
.masthead-actions>.text-button{min-height:44px;white-space:nowrap}
.masthead-actions .account-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:9px 10px;border:1px solid transparent;border-radius:14px;background:none;box-shadow:none;color:#8b7796;font-size:11px;line-height:1.5;transition:background-color .18s,border-color .18s,color .18s}
.masthead-actions .account-nav-button:hover{background:linear-gradient(125deg,#fffdf58a,#ebe1f035);border-color:#c9b6d12b;box-shadow:none;color:#70587f}
.masthead-actions .account-nav-button>svg{display:block;width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.masthead-actions .account-nav-button>#account-label{display:block;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.masthead-actions #save-menu{font-size:12px}
.masthead-actions #save-menu>span{margin-left:8px}
@media(min-width:701px) and (max-width:1000px){.masthead-actions{gap:6px}.masthead-actions .account-nav-button>#account-label{max-width:64px}.masthead .top-nav{gap:14px}}
@media(min-width:701px) and (max-width:860px){.masthead-actions .account-nav-button>#account-label{display:none}}
@media(max-width:700px){.masthead-actions{gap:6px}.masthead-actions .account-nav-button{padding:10px;gap:0}.masthead-actions .account-nav-button>#account-label{display:none}.masthead-actions #save-menu{font-size:11px}.masthead-actions #save-menu>span{margin-left:6px}}
@media(max-width:350px){.masthead-actions{gap:2px}.masthead-actions #save-menu>span{margin-left:4px}}
@media(prefers-reduced-motion:reduce){.masthead-actions .account-nav-button{transition:none!important}}
body[data-magic-motion=off] .masthead-actions .account-nav-button{transition:none!important}
@media(forced-colors:active){.masthead-actions .account-nav-button{color:ButtonText;border-color:ButtonText;background:Canvas}.masthead-actions .account-nav-button:hover{color:HighlightText;background:Highlight}}

/* Avoid a flash of the old journey while the entry surface is being mounted. */
body.entry-boot>.masthead,body.entry-boot>main,body.entry-boot>.site-footer,body.entry-boot>.skip-link,body.entry-boot>#save-warning,body.entry-boot>#toast{visibility:hidden}
/* This gate pauses only the game scenery. The globe and account sheet are independent. */
body[data-world-gate] .scene-ambience *,body[data-world-gate] .scene-ambience *:before,body[data-world-gate] .scene-ambience *:after,body[data-world-gate] .cozy-scene *,body[data-world-gate] .away-stage *,body[data-world-gate] .home-letter.is-ready,body[data-world-gate] .letter-arrival__seal{animation-play-state:paused!important}

/* The journal keeps identity separate from play preferences. */
.settings-account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 18px;border-bottom:1px solid #b8a5c02b;margin-bottom:18px}.settings-account-name{display:block;font-size:13px;color:#796783;overflow-wrap:anywhere}.settings-account-row .settings-caption{margin:4px 0 0}.settings-account-row>.text-button{flex:none;min-height:44px;font-size:11px;color:#887292}.account-journal-offer>p{max-width:39em;line-height:1.95}.account-journal-offer .button-row{margin-top:25px}
@media(max-width:360px){.settings-account-row{gap:9px}.settings-account-name{font-size:12px}}
