*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{font-family:'Segoe UI',Tahoma,Verdana,sans-serif;background:#000;color:#f4f3fa}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #89cbe7;outline-offset:4px}[hidden]{display:none!important}.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}
/* The console stays visible with reduced motion. It never contains moving graphics. */
.boot-screen{display:none;position:fixed;inset:0;z-index:10;background:#000;color:#eee;overflow:auto}.boot-pending .boot-screen{display:block}.boot-pending .login-screen{visibility:hidden}.bios{max-width:1020px;padding:clamp(24px,5vw,68px);font:clamp(12px,1.4vw,16px)/1.7 Consolas,'Courier New',monospace;letter-spacing:.02em}.bios-brand{font-weight:bold;font-size:22px;line-height:1.5}.bios-brand small{font-weight:normal;font-size:12px}.bios-rule{height:1px;background:#aaa;margin:22px 0 26px;max-width:620px}.bios p{margin:0 0 7px}.bios-output{margin-top:30px;max-width:620px}.bios-output p{visibility:hidden}.bios-output p.is-visible{visibility:visible}.bios-result{float:right;padding-left:12px}.bios-final{padding-top:20px}.cursor{animation:blink .7s steps(1) infinite;padding-left:8px}.boot-controls{position:fixed;bottom:28px;right:32px;display:flex;gap:10px}.skip-boot,.sound-button{border:1px solid #555;border-radius:3px;background:#111;color:#ddd;padding:11px 16px;font-size:12px}.skip-boot:hover,.sound-button:hover{background:#242424;color:#fff}.sound-button[aria-pressed=true]{border-color:#8baba1;color:#b2decb}.os-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 24px 110px}.loading-logo{width:min(440px,82vw);height:auto;display:block}.os-wordmark{margin-top:12px;font-size:13px;letter-spacing:5px;color:#ded8e6}.os-wordmark span{color:#f58abd;margin-left:5px}.load-track{margin-top:43px;width:176px;height:19px;padding:3px;border:1px solid #777;border-radius:4px;overflow:hidden}.load-track>span{display:flex;gap:3px;width:47px;animation:load-slide 1.35s linear infinite}.load-track i{height:11px;width:13px;flex:none;background:linear-gradient(#a9e4ce,#4b9d87,#a9e4ce)}.os-loading>p{font-size:12px;color:#aaa;margin-top:18px}.loading-copyright{position:absolute;bottom:36px;left:32px;font-size:12px;color:#888}
/* Illustrated city wallpaper, restrained desktop chrome, and readable form surfaces. */
.login-screen{min-height:100dvh;display:grid;grid-template-rows:82px 1fr 74px;background:linear-gradient(90deg,#11142108,#11142110 55%,#11142144),url('./halloween-minecraft.png') center/cover no-repeat;background-color:#111421;position:relative}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);background:linear-gradient(180deg,#171a2bf0,#20243adb);border-bottom:1px solid #f58abd55;box-shadow:0 2px 0 #0002;gap:20px}.edition{display:flex;align-items:center;gap:17px}.edition img{width:146px;height:auto;display:block}.edition>span{font-size:9px;letter-spacing:1.7px;color:#c3bfd1;border-left:1px solid #77678366;padding-left:17px}.top-caption{font-size:10px;letter-spacing:2px;color:#c7bdd1}.welcome-area{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:clamp(30px,4vw,55px);padding:60px 40px}.welcome-brand{text-shadow:0 2px 10px #11142160}.welcome-logo{width:min(360px,100%);height:auto;display:block;margin-bottom:30px;filter:drop-shadow(0 7px 17px #11142130)}.eyebrow{font-size:10px;letter-spacing:2.3px;margin:0 0 19px;color:#ffd0e3}.welcome-brand h1{font-size:clamp(35px,4vw,53px);letter-spacing:-1.8px;line-height:1.13;font-weight:400;margin:0 0 24px}.welcome-brand h1 span{display:block;color:#ffe0ee}.welcome-description{font-size:14px;line-height:1.85;color:#ece6ef;margin:0}.brand-caption{display:flex;align-items:center;gap:16px;color:#fff;margin-top:46px;font-size:10px;letter-spacing:1.6px}.brand-caption span{color:#d1bdcc;font-size:9px;border-left:1px solid #ffe2ef66;padding-left:16px}.welcome-divider{align-self:stretch;min-height:390px;background:linear-gradient(transparent,#f7bacd5c 20%,#f7bacd5c 80%,transparent)}.account-area{min-width:0;max-width:420px;width:100%;padding:32px;background:linear-gradient(135deg,#24273fe8,#171b2cf2);border:1px solid #bca9cd55;border-radius:9px;box-shadow:0 22px 65px #07081666,inset 0 1px 0 #ffffff0d;backdrop-filter:blur(12px)}.account-heading{margin-bottom:28px}.account-kicker{font-size:9px;letter-spacing:1.9px;color:#e3a7c5;margin:0 0 12px}.account-heading h2{font-size:23px;font-weight:400;letter-spacing:-.4px;margin:0 0 8px}.account-heading p:last-child{font-size:12px;margin:0;color:#b9bed3}form label{display:block;font-size:12px;color:#d8dbe9;margin-bottom:8px}.input-wrap{display:flex;align-items:center;margin-bottom:18px;background:#111421;border:1px solid #5a5873;border-radius:4px;box-shadow:inset 0 2px 4px #07081644}.input-wrap:focus-within{outline:2px solid #89cbe7;outline-offset:2px}.input-wrap input{width:100%;min-width:0;height:46px;padding:0 13px;border:0;border-radius:4px;background:transparent;color:#f4f3fa;font-size:13px;outline:none;box-shadow:none}.input-wrap input::placeholder{color:#8d94b0}.input-wrap input:focus-visible{outline:none}.input-wrap input:-webkit-autofill{-webkit-text-fill-color:#f4f3fa;box-shadow:0 0 0 100px #1c2338 inset}.password-toggle{align-self:stretch;border:0;border-left:1px solid #4a4d65;background:#252a40;color:#c7dbea;padding:0 11px;border-radius:0 3px 3px 0;font-size:10px}.password-toggle:hover{background:#343b54}.password-hint{font-size:11px;line-height:1.6;color:#adb5cd;margin:-4px 0 23px}.login-button{width:100%;display:block;border:1px solid #92d2ba;border-radius:4px;background:linear-gradient(#9be6c9,#7ed4b4 49%,#68c2a2 50%,#71ccad);box-shadow:inset 0 1px 0 #e0ffef88,0 3px 9px #090c1b44;color:#11372d;padding:12px 17px;font-size:13px;font-weight:600;min-height:47px}.login-button:hover{background:linear-gradient(#b3f0da,#8bdfbf 50%,#7cd3b2);box-shadow:inset 0 1px 0 #effff6,0 4px 12px #0005}.login-button:active{transform:translateY(1px)}.ic-note{border-top:1px solid #9b8eac33;padding-top:18px;margin:25px 0 0;color:#c2bad0;font-size:10px;line-height:1.7}.login-error{background:#fff3e3;color:#763307;border:1px solid #ffcd85;border-radius:4px;padding:12px 14px;font-size:12px;line-height:1.5;margin:0 0 20px}.bottom-bar{background:linear-gradient(#171b2cea,#131627f5);border-top:1px solid #67dfb547;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(24px,5vw,76px);font-size:11px;color:#bfc2d2}.entry-settings{display:flex;align-items:center;gap:8px}.footer-button{background:#ffffff07;color:#c6cbdc;font-size:10px;border:1px solid #7d7d993f;border-radius:3px;padding:8px 11px}.footer-button:hover{background:#ffffff14;border-color:#9c96b277}.footer-button[aria-pressed=true]{color:#a3e6ce;border-color:#67dfb566}
@keyframes blink{50%{opacity:0}}@keyframes load-slide{from{transform:translateX(-50px)}to{transform:translateX(180px)}}
@media(min-width:1500px){.welcome-area{width:1220px;gap:75px}.account-area{max-width:440px;padding:38px}}
@media(max-width:760px){.login-screen{grid-template-rows:64px 1fr auto;background-position:35% center}.top-bar{padding:0 22px}.edition img{width:115px}.edition>span{font-size:8px;letter-spacing:1.3px;padding-left:12px}.top-caption{display:none}.welcome-area{grid-template-columns:1fr;gap:0;padding:24px 22px 32px;max-width:460px}.welcome-brand{text-align:center}.welcome-logo{width:230px;margin:0 auto 22px}.eyebrow{font-size:8px;margin-bottom:12px}.welcome-brand h1{font-size:29px;letter-spacing:-.9px;margin-bottom:12px}.welcome-brand h1 span{display:inline;margin-left:4px;color:#ffe0ee}.welcome-description{font-size:12px;line-height:1.7}.desktop-break{display:none}.brand-caption{display:none}.welcome-divider{display:none}.account-area{margin-top:28px;max-width:none;padding:25px 23px}.account-heading{margin-bottom:22px}.account-heading h2{font-size:21px}.account-kicker{font-size:8px;margin-bottom:8px}.ic-note{margin-top:22px}.bottom-bar{padding:16px 22px;font-size:10px;flex-wrap:wrap;gap:14px}.entry-settings{order:3;width:100%}.bios-brand{font-size:19px}.bios-brand small{font-size:10px}.bios-result{float:none;display:block;color:#bbb;padding-left:0}.bios p{margin-bottom:10px}.loading-copyright{left:24px;bottom:88px;font-size:10px}.boot-controls{bottom:24px;right:24px;left:24px;justify-content:flex-end;gap:8px}.sound-button,.skip-boot{padding:11px 12px;font-size:11px}}
@media(max-height:650px) and (min-width:761px){.login-screen{grid-template-rows:62px 1fr 58px}.welcome-area{padding:28px 40px}.welcome-logo{margin-bottom:18px;width:290px}.brand-caption{margin-top:26px}.welcome-divider{min-height:340px}.welcome-brand h1{font-size:39px}.account-area{padding:24px 28px}.account-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.load-track>span{transform:translateX(56px)}.cursor{opacity:1}}

/* Halloween season: block-built city banner, pixel terminal and classic PC chrome. */
@font-face{font-family:PixelByteTerminal;src:url('./VT323-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.bios{font-family:PixelByteTerminal,Consolas,monospace;font-size:24px;line-height:1.1;letter-spacing:0;max-width:1000px;padding:42px 48px;text-shadow:none;-webkit-font-smoothing:none}
.bios-brand{font-family:inherit;font-weight:400;font-size:28px;line-height:1.15}
.bios-brand small{font-size:22px}.bios-rule{margin:20px 0 24px;background:#999;height:1px;max-width:640px}
.bios p{margin-bottom:9px}.bios-output{max-width:640px;margin-top:34px}.bios-final{padding-top:19px}.cursor{padding-left:6px}
.boot-controls button,.os-wordmark,.os-loading>p{font-family:PixelByteTerminal,Consolas,monospace;font-size:21px}
.boot-controls button{border-radius:0;padding:7px 14px;box-shadow:inset 1px 1px 0 #ffffff13}
.os-wordmark{letter-spacing:3px;font-size:24px}.load-track{border-radius:0;border-color:#a0a0a0;height:18px}
.load-track i{background:#85baa4;height:10px}.os-loading>p{color:#bbb;font-size:22px}
.login-screen{grid-template-rows:72px 1fr;background-color:#101426}
.top-bar{padding:0 38px;background:linear-gradient(#23253b,#191d2e);border-bottom:2px solid #9188a4;box-shadow:0 1px 0 #03040d;gap:16px}
.edition>span{font-family:PixelByteTerminal,Consolas,monospace;font-size:18px;letter-spacing:1px}
.entry-settings{display:flex;align-items:center;gap:8px}
.settings-button{border:1px solid #6a718c;border-radius:0;color:#d8dae8;background:linear-gradient(#343b52,#242a3e);padding:6px 12px;font:18px PixelByteTerminal,Consolas,monospace;box-shadow:inset 1px 1px 0 #ffffff20,inset -1px -1px 0 #0004}
.settings-button:hover{background:#39435c}.settings-button[aria-pressed=true]{color:#bce9d4}
.welcome-area{width:min(1240px,100%);grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr);gap:40px;padding:38px 40px}
.welcome-divider{display:none}.welcome-brand{align-self:start;padding-top:4px;text-shadow:0 2px 3px #0a0d20}
.eyebrow{display:inline-block;padding:5px 11px;background:#1c1839c9;border:1px solid #fcb27677;color:#ffcc8d;font:21px PixelByteTerminal,Consolas,monospace;letter-spacing:1px;margin:0 0 15px}
.welcome-brand h1{font-family:PixelByteTerminal,Consolas,monospace;font-size:52px;letter-spacing:0;line-height:1;margin:0 0 10px}
.welcome-description{font-family:Tahoma,Verdana,sans-serif;font-size:12px;line-height:1.7;color:#ece8f0}
.account-area{max-width:400px;justify-self:end;border:2px solid #9597af;border-radius:0;background:linear-gradient(#23273d,#171c2d);box-shadow:inset 1px 1px 0 #ffffff3b,inset -1px -1px 0 #050712,0 14px 30px #0005;backdrop-filter:none;padding:30px}
.account-kicker{font-family:PixelByteTerminal,Consolas,monospace;font-size:18px;letter-spacing:1px;color:#ffc691;margin-bottom:8px}
.account-heading h2{font-family:Tahoma,Verdana,sans-serif;font-size:20px;font-weight:400}
.input-wrap,.input-wrap input,.password-toggle,.login-button,.login-error{border-radius:0}
.input-wrap{box-shadow:inset 1px 1px 0 #050816,inset -1px -1px 0 #7b7f9c55}
.login-button{background:linear-gradient(#a5d9c0,#79bba0);border-color:#b9e4cb;box-shadow:inset 1px 1px 0 #e9fff199,inset -1px -1px 0 #326c59;color:#163d31;font:20px PixelByteTerminal,Consolas,monospace}
.login-button:hover{background:linear-gradient(#bfe7d3,#91cdb4)}
@media(max-width:980px){.welcome-area{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:24px;padding:32px}.account-area{padding:26px}.welcome-brand h1{font-size:46px}}
@media(max-width:1100px){
 .login-screen{grid-template-rows:auto 1fr;background-image:none;background-color:#111426}
 .top-bar{padding:12px 18px;min-height:65px;flex-wrap:wrap;gap:12px}.edition img{width:110px}.edition>span{font-size:16px}
 .entry-settings{order:initial;width:auto;margin-left:auto;gap:6px}.settings-button{font-size:16px;padding:5px 8px}
 .welcome-area{display:flex;flex-direction:column;padding:0;gap:0;max-width:none;margin:0;width:100%}
 .welcome-brand{position:relative;width:100%;padding:24px 22px 0;min-height:clamp(300px,56.25vw,620px);align-self:stretch;text-align:left;overflow:hidden;background:linear-gradient(#11142130,transparent 40%),url('./halloween-minecraft.png') center bottom/100% auto no-repeat}
 .eyebrow{font-size:17px;padding:3px 7px;margin-bottom:10px}.welcome-brand h1{font-size:40px;margin-bottom:5px}.welcome-description{font-size:11px}
 .account-area{width:calc(100% - 40px);max-width:440px;margin:22px auto 30px;padding:25px 23px;align-self:center}
 .bios{padding:27px 22px;font-size:21px;line-height:1.1}.bios-brand{font-size:23px}.bios-brand small{font-size:19px}.bios-result{float:none;display:block;padding-left:0;color:#ccc}.bios p{margin-bottom:11px}
 .boot-controls{gap:7px;left:22px;right:22px;bottom:22px}.boot-controls button{font-size:19px;padding:7px 11px}
}
@media(max-height:650px) and (min-width:761px){.login-screen{grid-template-rows:62px 1fr}.welcome-area{padding:25px 32px}.account-area{padding:22px 26px}.welcome-brand h1{font-size:44px}}
