body.boot-active{overflow:hidden}body.boot-active #modal{z-index:850}body.boot-active #lobby,body.boot-active #game-screen{display:none!important}body[data-boot-phase=selection] #lobby .mode-block{display:none!important}#boot-screen{position:fixed;inset:0;z-index:500;isolation:isolate;color:#f2edcb;background:#07141d;font-family:inherit;overflow:auto}#boot-screen[hidden],#boot-screen [hidden]{display:none!important}.boot-landscape,.boot-shade{position:absolute;inset:0;z-index:-2}.boot-landscape{background-size:cover;background-position:center;image-rendering:pixelated;animation:boot-drift 25s ease-in-out infinite alternate;transform:scale(1.04)}.boot-shade{background:rgba(2,8,13,.22);z-index:-1}.boot-title{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5vh 20px 4vh;box-sizing:border-box}.boot-brand{margin:0;width:min(890px,82vw);line-height:1}.boot-brand img{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 0 #07172299)}.boot-brand span{font-size:clamp(32px,6vw,90px);font-weight:900;color:#e8c775;text-shadow:3px 4px #0c2931}.boot-brand em{display:block;font-size:.43em;letter-spacing:.25em;font-style:normal}.boot-tagline{color:#d6e1d2;letter-spacing:.1em;font-size:clamp(13px,1.35vw,19px);margin:12px 0 7vh;text-shadow:1px 2px #07141d}.boot-native{background:var(--native-button) center/100% 100% no-repeat;background-color:transparent;border:0;color:#f8e8b2;font-family:inherit;font-weight:700;image-rendering:pixelated;cursor:pointer;text-shadow:1px 2px #15242c}.boot-native:hover,.boot-native:focus-visible{background-image:var(--native-selected);color:#fff8d7;outline:none}.boot-start{font-size:clamp(18px,2.2vw,30px);letter-spacing:.08em;width:min(410px,80vw);min-height:80px;padding:18px 35px;animation:boot-press 2.5s steps(2,end) infinite}.boot-input-hint{font-size:12px;letter-spacing:.08em;color:#b5cfc1;margin:12px 0 32px;text-shadow:1px 2px #07141d}.boot-small{min-width:145px;min-height:43px;font-size:14px;padding:8px 20px}.boot-title-options{display:flex;gap:14px}.boot-modes{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:22px 22px 30px;gap:20px}.boot-modes header{text-align:center}.boot-mode-brand{width:min(400px,62vw);height:auto;image-rendering:pixelated}.boot-modes h2{font-size:clamp(19px,2.1vw,29px);letter-spacing:.12em;margin:12px 0 6px;color:#eee4bb;text-shadow:2px 3px #081820}.boot-mode-list{width:min(1240px,96vw);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.boot-mode{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:300px;padding:14px 14px 22px;overflow:hidden;background:var(--native-card) center/100% 100% no-repeat;background-color:#102b3299;border:0;color:#e9e9cb;font-family:inherit;text-align:center;cursor:pointer;image-rendering:pixelated;transition:transform .15s}.boot-mode:hover,.boot-mode.chosen,.boot-mode:focus-visible{transform:translateY(-5px);outline:2px solid #d8c884;outline-offset:-5px;background-image:var(--native-selected);color:#fff5c9}.boot-mode-land{width:calc(100% - 12px);height:110px;object-fit:cover;image-rendering:pixelated;margin:1px 0 4px}.boot-mode-icon{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;margin-top:-25px;position:relative}.boot-mode strong{font-size:clamp(16px,1.55vw,23px);letter-spacing:.025em}.boot-mode small{font-size:10px;letter-spacing:.06em;color:#bbd2bf}.boot-mode>span{font-size:12px;line-height:1.5;max-width:190px;color:#d0dcca}.boot-modes footer{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1030px,90vw)}.boot-modes footer>span{font-size:11px;letter-spacing:.08em;color:#b8cbbc;text-shadow:1px 2px #07141d}.boot-intro{width:100%;height:100%;background:#02070b}.boot-intro video{width:100%;height:100%;object-fit:contain;background:#02070b}.boot-intro-caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;background:#06121bbb}.boot-intro-caption>span{font-size:12px;letter-spacing:.14em;color:#cad8c9}.boot-intro-caption>div{display:flex;gap:10px}.boot-back-modes{background:var(--native-button) center/100% 100% no-repeat!important;color:#e9ebc5!important;min-width:95px}.boot-back-modes:hover{background-image:var(--native-selected)!important}@keyframes boot-drift{from{transform:scale(1.04) translate(-.4%,0)}to{transform:scale(1.07) translate(.4%,-.4%)}}@keyframes boot-press{0%,100%{opacity:1}50%{opacity:.76}}@media(max-width:1050px){.boot-mode-list{grid-template-columns:repeat(3,minmax(0,1fr));max-width:790px}.boot-mode{min-height:185px;gap:6px;padding:10px 12px 16px}.boot-mode-land{height:65px}.boot-mode-icon{width:28px;height:28px;margin-top:-20px}.boot-mode>span{font-size:11px}.boot-mode-brand{width:280px}.boot-modes{gap:14px}.boot-modes h2{margin:5px 0 0}.boot-tagline{margin-bottom:6vh}}@media(max-width:620px){.boot-mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.boot-mode{min-height:163px}.boot-mode-land{height:48px}.boot-mode strong{font-size:17px}.boot-mode>span{font-size:10px;line-height:1.35}.boot-modes{padding:10px 12px 18px}.boot-mode-brand{width:210px}.boot-modes h2{font-size:18px}.boot-modes footer{gap:8px}.boot-modes footer>span{display:none}.boot-small{min-width:110px;min-height:38px;font-size:12px;padding:6px 14px}.boot-intro-caption{padding:12px;justify-content:flex-end}.boot-intro-caption>span{display:none}.boot-title-options{gap:10px}.boot-input-hint{font-size:10px}.boot-tagline{font-size:12px}.boot-start{min-height:68px}.boot-brand{width:93vw}}@media(prefers-reduced-motion:reduce){.boot-landscape,.boot-start{animation:none}.boot-mode{transition:none}}
.boot-start-ball{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;vertical-align:middle;margin-right:13px}
#boot-screen{overflow-x:hidden}.boot-landscape{transform:none;animation:boot-landscape-drift 25s steps(24,end) infinite alternate}.boot-brand{max-width:100%}.boot-mode-list{width:min(1240px,100%)}@keyframes boot-landscape-drift{from{background-position:49.5% 50%}to{background-position:50.5% 50%}}@media(prefers-reduced-motion:reduce){.boot-landscape{animation:none}}
.boot-mode:hover,.boot-mode.chosen,.boot-mode:focus-visible{background-image:var(--native-card);filter:brightness(1.08)}
.boot-continue{width:min(410px,80vw);min-height:54px;margin-top:8px;padding:12px 24px;font-size:clamp(17px,1.8vw,24px);letter-spacing:.03em}.boot-journey-summary{max-width:600px;margin:5px 0;color:#e9d493;font-size:13px;line-height:1.3;text-shadow:1px 2px #122c34}.boot-journey-note{max-width:610px;margin:2px 0;color:#bfd0c2;font-size:11px;line-height:1.25;text-shadow:1px 2px #122c34}.boot-title.has-journey{padding-top:2vh;padding-bottom:2vh}.boot-title.has-journey .boot-brand{width:min(720px,75vw)}.boot-title.has-journey .boot-tagline{margin:8px 0 12px}.boot-title.has-journey .boot-start{min-height:74px}.boot-title.has-journey .boot-input-hint{margin:8px 0 18px}
@media(max-width:620px){.boot-title.has-journey .boot-brand{width:90vw}.boot-title.has-journey .boot-start{min-height:64px}.boot-continue{min-height:48px;padding:10px 18px;font-size:17px}.boot-journey-summary{font-size:11px;max-width:90vw}.boot-journey-note{font-size:10px;max-width:90vw}}
@media(max-height:540px) and (min-width:600px){.boot-title.has-journey{padding:8px}.boot-title.has-journey .boot-brand{width:min(310px,36vw)}.boot-title.has-journey .boot-tagline,.boot-title.has-journey .boot-input-hint{display:none}.boot-title.has-journey .boot-start{min-height:42px;padding:8px 20px;font-size:18px;animation:none}.boot-title.has-journey .boot-start-ball{width:23px;height:23px}.boot-title.has-journey .boot-continue{min-height:38px;margin-top:4px;padding:8px 20px;font-size:16px}.boot-title.has-journey .boot-small{min-height:30px;padding:6px 16px;font-size:12px}.boot-title.has-journey .boot-journey-summary{font-size:11px;margin:4px 0}.boot-title.has-journey .boot-journey-note{font-size:10px;margin:2px 0}}
.boot-intro-caption{left:auto;width:auto;justify-content:flex-end;background:none;padding:14px 18px;pointer-events:none}
.boot-intro-caption>span{display:none}
.boot-intro-caption>div{pointer-events:auto}
.boot-intro-caption .boot-small{min-width:108px;min-height:36px;font-size:12px;padding:7px 16px}
/* A real entry screen precedes the populated lobby on every opening. */
body[data-boot-phase=intro] .cloud-account,body[data-boot-phase=entrance] .cloud-account{display:none}
.boot-entry{min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:36px 24px;text-align:center}
.entry-brand{width:min(720px,86vw);margin:0;line-height:1}.entry-brand img{width:100%;height:auto;image-rendering:pixelated}
.entry-tagline{font-size:clamp(17px,2vw,25px);line-height:1.35;color:#e7e5c5;margin:0 0 12px;text-shadow:2px 2px #071820}
.entry-actions{display:flex;flex-direction:column;gap:10px;width:min(420px,100%)}
.native-ui .boot-entry .boot-native{height:auto;min-height:54px;padding:16px 34px;background:var(--menu-command) center/100% 100% no-repeat!important;font-size:18px;line-height:1.3;white-space:normal;overflow-wrap:break-word;box-shadow:none;border:0}
.native-ui .boot-entry .entry-primary{min-height:80px;font-size:27px;color:#26362d;text-shadow:none;background-image:var(--menu-primary)!important}
.native-ui .boot-entry .boot-native:focus-visible,.native-ui .boot-entry .boot-native:hover{background-image:var(--menu-command-active)!important;color:#fff1bd;filter:brightness(1.1)}
.entry-tools{display:flex;justify-content:center;gap:10px;max-width:100%}.entry-tools button{min-width:0;flex:1}
.entry-hint,.entry-modes{font-size:13px;line-height:1.4;color:#bbd1c6;margin:0;max-width:100%;text-shadow:1px 1px #071820}
.entry-modes{color:#dac995}.entry-journey-summary{font-size:15px;line-height:1.4;color:#e3d3a1;margin:0 10px}
.boot-intro-caption{position:fixed;left:0;right:0;bottom:0;padding:18px;z-index:2}.boot-intro-caption>div{flex-wrap:wrap;justify-content:flex-end}
.native-ui .boot-intro-caption .boot-small{min-height:48px;padding:14px 26px;font-size:14px;max-width:none}
.boot-video-status{position:absolute;top:50%;left:10%;right:10%;padding:18px;text-align:center;line-height:1.5;color:#f3e3b4;background:#071820d9;pointer-events:none}
@media(max-width:480px){.boot-entry{padding:28px 18px;gap:14px}.entry-brand{width:100%}.entry-tagline{font-size:18px;max-width:270px}.native-ui .boot-entry .entry-primary{min-height:72px;font-size:23px}.native-ui .boot-entry .boot-small{font-size:15px;padding:16px 24px}.entry-tools{width:100%;gap:6px}.entry-hint{font-size:12px}.entry-modes{font-size:12px;max-width:240px}.native-ui .boot-intro-caption .boot-small{font-size:12px;padding:13px 20px;min-width:0;max-width:100%}.boot-intro-caption{padding:12px}}
@media(max-height:540px) and (orientation:landscape){.boot-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:12px 24px;padding:24px 32px}.entry-brand{grid-column:1;grid-row:1;width:100%;max-width:430px;align-self:end}.entry-tagline{grid-column:1;grid-row:2;font-size:16px;margin:0;align-self:start}.entry-actions{grid-column:2;grid-row:1/3;align-self:center}.entry-tools{grid-column:2;grid-row:3}.entry-hint{grid-column:1;grid-row:3;font-size:12px}.entry-modes{display:none}.native-ui .boot-entry .entry-primary{min-height:64px;font-size:23px}.native-ui .boot-entry .boot-native{padding:13px 25px;font-size:16px;min-height:48px}.entry-journey-summary{font-size:12px}.native-ui .boot-entry .boot-small{font-size:14px;padding:13px 21px}}
@media(max-width:480px){.boot-entry:has([data-entry-action=continue]:not([hidden])){padding:18px;gap:9px}.boot-entry:has([data-entry-action=continue]:not([hidden])) .entry-brand{max-width:240px}.boot-entry:has([data-entry-action=continue]:not([hidden])) .entry-primary{min-height:62px}.boot-entry:has([data-entry-action=continue]:not([hidden])) .entry-tagline{margin-bottom:0;font-size:16px}.boot-entry:has([data-entry-action=continue]:not([hidden])) :is(.entry-hint,.entry-modes){display:none}.boot-entry:has([data-entry-action=continue]:not([hidden])) .entry-journey-summary{font-size:13px}}

.boot-intro video::cue{font-family:'Pixelify Sans',monospace;font-size:clamp(14px,2.1vw,26px);color:#fff7d7;background:#071820ed}
.native-ui .boot-entry .entry-primary:is(:hover,:focus-visible,.controller-focused){background-image:var(--menu-primary)!important;color:#26362d!important;text-shadow:none!important}
