:root{color-scheme:dark;--bg:#09151b;--muted:#9db1b8;--blue:#8ae0f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e5eeef;font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue)}[hidden]{display:none!important}header{height:86px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{display:flex;align-items:center;gap:13px;font:23px Georgia,serif;letter-spacing:4px}.back{font-size:12px;color:var(--muted)}main{min-height:calc(100vh - 145px);max-width:1380px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center}.story{padding:65px 12%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 30% 40%,#16445555,transparent 65%)}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--blue);font-weight:600}h1{font:clamp(62px,6.5vw,94px)/1.08 Georgia,serif;letter-spacing:-3px;margin:30px 0}em{font-weight:normal;color:var(--blue)}.story>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9}.story-foot{display:flex;align-items:center;gap:20px;margin-top:65px;color:#c2d3d9;font-size:12px}.story-foot small{color:#718d98;font-size:10px}.spark{color:var(--blue);font-size:28px}.account{padding:45px 8%}.card{max-width:415px;margin:auto}h2{font:38px Georgia,serif;margin:17px 0 12px}.subtitle{color:var(--muted);margin:0 0 25px;font-size:13px}.tabs{display:flex;border-bottom:1px solid #29404b;margin-bottom:25px;gap:28px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:#829aa5;cursor:pointer;font-size:13px}.tabs button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}label{display:block;font-size:12px;color:#c3d3da;margin:17px 0 8px}input{width:100%;background:#0e202a;border:1px solid #2a424e;border-radius:4px;padding:12px 14px;color:#edf6fa;height:46px}input::placeholder{color:#728b96;font-size:12px}input:focus{border-color:var(--blue)}.password{position:relative}.password input{padding-right:65px}.password button{position:absolute;right:6px;top:4px;height:38px;background:none;border:0;color:#a6c5d1;font-size:11px;padding:0 10px;cursor:pointer}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:3px;background:#96e2f6;color:#122b37;font-weight:650;padding:14px 19px;cursor:pointer;margin-top:22px;font-size:13px;min-height:47px}.primary:hover{background:#bcefff}.primary:disabled{opacity:.6;cursor:wait}.error{color:#ffb7ad;font-size:12px;margin:12px 0 0}.error:empty{display:none}.hint,.account-note{font-size:10px;color:#91a7b2;line-height:1.8}.hint{margin:7px 0 0}.account-note{border-top:1px solid #203740;padding-top:20px;margin:27px 0 14px}.legacy-link{font-size:10px;color:#a9c8d3}.legacy-link:hover{color:var(--blue)}.notice{font-size:12px;border-left:2px solid var(--blue);padding:8px 14px;background:#14313c;color:#cde7ef}.status{font-size:12px;color:var(--blue)}.text-button{background:none;border:0;color:var(--blue);cursor:pointer;padding:15px 0;font-size:12px}footer{border-top:1px solid #ffffff10;margin:0 6%;padding:20px 0;display:flex;justify-content:space-between;color:#6f8995;font-size:9px;letter-spacing:1px}@media(max-width:760px){header{height:72px;padding:0 6%}.brand{font-size:19px;letter-spacing:2px}.back{font-size:10px}main{display:block;min-height:calc(100vh - 130px)}.story{display:none}.account{padding:38px 7% 48px}.card{max-width:420px}h2{font-size:35px}footer{gap:18px;font-size:8px}footer span:last-child{display:none}}@media(prefers-reduced-motion:no-preference){.card{animation:appear .2s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
/* A painted view of the real starting town; no WebGL or game UI before login. */
body{background:#161b16 url('https://winderfall.com/assets/town.webp') center center/cover fixed no-repeat;color:#eee4cb}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#07131145,#0b141060 42%,#10120ee8),linear-gradient(0deg,#0a1009b5,transparent 55%);z-index:-1}header{background:#171b16e8;border-bottom:1px solid #a68b4c77;height:78px}.brand{color:#e4cd8f}.back{color:#d2c6a9}main{min-height:calc(100vh - 140px);grid-template-columns:1.1fr 1fr}.story{background:none;justify-content:flex-end;padding-bottom:90px;text-shadow:0 2px 5px #000}.story .eyebrow{display:none}.story h1{font-size:68px;margin:18px 0}.story>p:not(.eyebrow){color:#eee2c3}.story em{color:#e2c27b}.story-foot{display:none}.preview-tag{align-self:flex-start;background:#172019cf;border:1px solid #b59c5a88;color:#e8d39a;padding:9px 14px;letter-spacing:2px;font-size:9px}.account{padding:45px 6%}.card{max-width:410px;padding:30px;background:linear-gradient(135deg,#34372aee,#20271ff5);border:1px solid #b8a06a;outline:3px solid #151a13;box-shadow:0 0 0 5px #79633f77,0 22px 70px #0009;position:relative}.card:before,.card:after{content:'✦';position:absolute;top:-12px;color:#d2b977;font-size:18px;text-shadow:0 1px #000}.card:before{left:12px}.card:after{right:12px}.card .eyebrow{color:#d8bd7c}.card h2{font-size:33px;color:#f6e6b6;margin-top:12px}.subtitle{color:#c4c1aa;font-size:12px;margin-bottom:15px}.tabs{border-color:#82734b;margin-bottom:18px;gap:25px}.tabs button{color:#b7b7a1}.tabs button[aria-pressed=true]{color:#f3d88f;border-color:#d2b167}label{color:#e0d9bf;margin-top:14px}input{background:#141d17;border-color:#65654a;color:#f4edda;box-shadow:inset 0 2px 5px #0005;border-radius:2px}input::placeholder{color:#939c88}input:focus{border-color:#d8bd7c}.password button{color:#d8c793}.primary{background:linear-gradient(#c8aa64,#a98a49);border:1px solid #ecd28e;border-radius:2px;color:#171d15;box-shadow:0 3px 0 #12190f;font-weight:700}.primary:hover{background:linear-gradient(#e1c780,#c5a15a)}.account-note{border-color:#6d6846;color:#afaF99;font-size:10px;margin-top:23px;padding-top:15px}.legacy-link{color:#cbbd94}.text-button,.status{color:#ebd18a}.hint{color:#b9bda5}.notice{background:#1b291e;border-color:#c6a966;color:#ece0bf}footer{border-color:#b9a35e44;color:#d0c4a2;background:#11181088;margin:0;padding:18px 6%}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#f2d187}@media(max-width:760px){body{background-position:40% top;background-attachment:scroll}body:before{background:linear-gradient(#10160b22,#10160bd9 250px,#10160bf5)}header{height:66px}.story{display:block;padding:25px 7% 8px;min-height:80px}.story h1,.story>p,.story-foot{display:none}.preview-tag{font-size:8px;padding:7px 10px}.account{padding:12px 6% 40px}.card{padding:23px}.card h2{font-size:30px}main{min-height:calc(100vh - 122px)}footer{padding:16px 6%}}
/* Stable viewport layout and reserved account form space. */
html{min-height:100%}body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}body:before{z-index:-1}header{flex:none}main{flex:1 0 auto;width:100%;min-height:0;margin:0 auto}footer{flex:none;width:100%;margin-top:auto}.account{min-width:0}.card{width:100%}.card h2{font-size:30px;line-height:1.2;min-height:72px;display:flex;align-items:center;margin:10px 0 0}.subtitle{min-height:38px;margin-bottom:12px}.auth-content{min-height:405px;display:flex;flex-direction:column}.auth-content #authForm{min-height:405px;display:flex;flex-direction:column}.auth-content .primary{margin-top:auto;flex:none}.auth-content .error{margin:10px 0;min-height:20px}.auth-content .error:empty{display:block}.auth-content #passwordHint{margin-bottom:14px}.auth-content #savedAccount{min-height:405px;display:flex;flex-direction:column;justify-content:flex-start}.auth-content #savedAccount .primary{margin-top:auto}.account-identity{margin:18px 0 24px;padding:16px 18px;border:1px solid #766a46;background:#172218}.account-identity div+div{margin-top:16px}.account-identity dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#b5b89d}.account-identity dd{margin:3px 0 0;color:#f3dfaa;font:24px Georgia,serif;overflow-wrap:anywhere}.account-identity div+div dd{font:16px system-ui,sans-serif}.session-badge{color:#c2d79b;font-size:9px;letter-spacing:1.6px}.text-button{min-height:44px}.card:before,.card:after{top:-9px;width:18px;height:18px;display:grid;place-items:center;line-height:1;font-size:14px;background:#303727;padding:0;text-shadow:none}.card:before{left:15px}.card:after{right:15px}
.account-note{min-height:48px}.legacy-link{display:block;min-height:32px}
@media(max-width:760px){main{min-height:0}.story{padding:20px 7% 8px;min-height:72px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.preview-tag{font-size:7px;letter-spacing:1px}.card{padding:23px}.card h2{font-size:28px;min-height:68px}.auth-content,.auth-content #authForm,.auth-content #savedAccount{min-height:405px}.account{padding-top:12px}.account-note{min-height:50px}footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}

/* Compact frame: keep all account modes aligned without a tall empty form. */
header{height:64px}.account{padding:16px 6%}.card{padding:20px 24px}.card>.eyebrow{margin:0 0 6px;font-size:9px}.card h2{font-size:26px;min-height:32px;line-height:1.2;margin:0 0 6px}.subtitle{font-size:11px;min-height:32px;line-height:16px;margin:0 0 6px}.tabs{margin-bottom:10px;gap:24px}.tabs button{padding:7px 0;font-size:12px}.auth-content,.auth-content #authForm,.auth-content #savedAccount{min-height:300px}label{font-size:11px;line-height:16px;margin:8px 0 5px}input{height:38px;padding:8px 12px}.password button{height:30px;top:4px}.primary{min-height:40px;padding:10px 15px}.auth-content .error{min-height:16px;margin:6px 0;font-size:11px;line-height:16px}.auth-content #passwordHint{font-size:9px;line-height:14px;margin:4px 0 6px}.account-note{min-height:0;line-height:16px;font-size:9px;margin:12px 0 8px;padding-top:10px}.legacy-link{min-height:0;font-size:9px;line-height:16px}.status:empty{display:none}.account-identity{margin:12px 0;padding:12px 15px}.account-identity div+div{margin-top:10px}.account-identity dd{font-size:22px}.text-button{min-height:36px;padding:8px 0;font-size:11px}footer{padding:12px 6%;font-size:8px}.card:before,.card:after{content:'';width:12px;height:12px;top:9px;display:block;padding:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 15 9 23 12 15 15 12 23 9 15 1 12 9 9Z' fill='%23cdb273'/%3E%3C/svg%3E") center/12px 12px no-repeat}.card:before{left:8px}.card:after{right:8px}
@media(max-width:760px){header{height:60px}.account{padding:10px 6% 20px}.card{padding:20px 22px}.card h2{font-size:25px;min-height:32px}.auth-content,.auth-content #authForm,.auth-content #savedAccount{min-height:300px}.account-note{min-height:0}.story{padding-top:14px;min-height:58px}footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(min-width:761px) and (max-height:720px){.story{padding-top:30px;padding-bottom:35px}.story h1{font-size:58px}.account{padding-block:10px}header{height:56px}footer{padding-block:9px}}

.boot-progress{width:100%;margin:16px 0;color:#e5d7ad}.boot-progress progress{display:block;width:100%;height:13px;border:1px solid #9e8757;background:#151d13;border-radius:2px;overflow:hidden;accent-color:#c9ac66;appearance:none}.boot-progress progress::-webkit-progress-bar{background:#151d13}.boot-progress progress::-webkit-progress-value{background:linear-gradient(#ead08b,#a88b44)}.boot-progress progress::-moz-progress-bar{background:linear-gradient(#ead08b,#a88b44)}.boot-progress>div{display:flex;justify-content:space-between;gap:12px;font:10px/1.5 Tahoma,sans-serif;margin-top:7px}.boot-progress #bootStage{text-align:left}.boot-progress #bootPercent{font-variant-numeric:tabular-nums}#retryLoad{padding:8px 14px;margin:12px auto 0;background:#b69b5e;border:1px solid #ead093;color:#172014}