:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#eef4ff;background:#080e1b;--mint:#91f1cc;--muted:#abb8c9;--line:#4b6471}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}#canvas{width:100vw;height:100dvh;display:block;outline:none}#startup{min-height:100dvh;display:grid;place-items:center;overflow:hidden;padding:76px 16px 64px;isolation:isolate}#gallery,.scrim{position:fixed;inset:0;z-index:-2;pointer-events:none}#gallery{background:#080e1b}#gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:0}#gallery #art-a{opacity:1}.scrim{z-index:-1;background:linear-gradient(180deg,#050b1970,#070d1c35 48%,#050b19d9)}[data-phase=studio] #gallery,[data-phase=title] #gallery{opacity:.12;transition:opacity 1s}[data-phase=login] #gallery,[data-phase=loading] #gallery{opacity:1;transition:opacity 1.4s}.intro{text-align:center;width:min(850px,100%);animation:arrive .8s ease both}.studio-logo{width:min(650px,90vw);height:auto;display:block;margin:-24px auto -20px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--mint);line-height:1.8}.quiet,.tagline{color:var(--muted);font-size:13px;letter-spacing:.08em}h1{font-size:clamp(35px,7vw,82px);letter-spacing:.04em;line-height:1.05;margin:24px 0;color:#edfff7;text-shadow:0 4px #1a5956}h1 span{color:var(--mint)}.skip{position:fixed;right:24px;bottom:28px;background:transparent;border:0;color:#d8e8e7;padding:14px}.skip span{color:var(--mint);padding-left:10px}.terminal{width:min(430px,100%);border:2px solid var(--line);background:#0b1322f5;box-shadow:6px 6px 0 #040a17a1;animation:arrive .65s ease both}.terminal-top{height:39px;display:flex;align-items:center;gap:10px;padding:0 17px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.1em;background:#152536}.signal,.download-dot{width:6px;height:6px;background:var(--mint);box-shadow:0 0 7px #91f1cc55;flex-shrink:0}.terminal-code{margin-left:auto;color:#6b8996}.terminal-body{padding:25px 28px 23px}h2{font-size:27px;letter-spacing:.025em;margin:9px 0;color:#c5ffe4}.welcome{margin:10px 0 27px;font-size:13px;color:var(--muted)}label{display:block;font-size:11px;color:#ced8e5;margin:18px 0 9px}input{border:1px solid #415567;border-radius:0;background:#080f1d;color:#fff;width:100%;min-height:48px;padding:12px;font-size:13px;outline:none}input:focus{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.primary{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:#9af2cd;color:#102721;border:1px solid #bbffe2;border-bottom:4px solid #438d79;min-height:50px;margin-top:22px;padding:12px 14px;font-weight:700;font-size:12px}.primary:hover{background:#c2ffe6}.secondary-actions{display:flex;gap:16px;justify-content:center}.secondary-actions button,#retry,#loading-back{border:0;background:transparent;color:#c6d9ea;font-size:11px;padding:16px 0;text-decoration:underline;text-underline-offset:4px}#notice{min-height:34px;font-size:11px;color:var(--mint);line-height:1.6;margin:21px 0 16px}.footnote{font-size:10px;line-height:1.7;color:#93a4b8;border-top:1px solid #2b3e50;padding-top:17px;margin-bottom:15px}.legal{display:flex;gap:16px}.legal a{font-size:10px;color:#abb8c9;text-underline-offset:3px}#download-status{position:fixed;bottom:19px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:9px;color:#c0d2dd;font-size:10px;pointer-events:none;text-align:center;line-height:1.5}.loading-card{width:min(540px,100%);text-align:center;background:#0b1322ec;padding:34px 27px;border:1px solid var(--line)}.loading-card h2{font-size:clamp(22px,5vw,30px)}#loading-detail{font-size:12px;color:#d3e0e8;line-height:1.7}progress{appearance:none;width:100%;height:7px;border:0;background:#25394b;margin:21px 0 13px;accent-color:var(--mint)}progress::-webkit-progress-bar{background:#25394b}progress::-webkit-progress-value{background:var(--mint)}#tip{font-size:11px;color:#b6c8d8;line-height:1.7}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){#startup{padding:28px 12px 65px}.terminal-body{padding:21px}h2{font-size:25px}.studio-logo{margin:-4px auto}.skip{right:12px;bottom:38px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#canvas{position:fixed;inset:0;z-index:0}#startup{position:relative;z-index:1;background:#080e1b}

.studio-logo{mix-blend-mode:screen}

#startup[data-phase=studio]{background:#000}#startup[data-phase=studio] #gallery{opacity:0}

.guest{display:block;border:1px solid #415567;color:#c4dfd6;background:transparent;width:100%;padding:12px;min-height:44px;font-size:11px;margin-top:12px}

#retry,#loading-back{margin:0 12px}

#startup[data-phase=studio] .scrim{background:none}

/* Wordmark-only view of the retained original artwork: emblem is outside the clip. */
.studio-wordmark{position:relative;overflow:hidden;width:min(650px,84vw);aspect-ratio:724/104;margin:auto}
.studio-wordmark img{position:absolute;width:141.437%;max-width:none;height:auto;left:-37.0166%;top:-201.923%;display:block}
#startup[data-phase=studio],#startup[data-phase=presenter]{background:#000}
#startup[data-phase=presenter] #gallery{opacity:0}
#startup[data-phase=presenter] .scrim{background:none}
.intro{animation:intro-in .7s ease-out both}
.presenter-label{color:#9aabb4;font-size:clamp(12px,2vw,15px);letter-spacing:.18em;margin:0 0 20px}
.presenter-name{font-size:clamp(25px,5vw,46px);font-weight:500;letter-spacing:.035em;color:#edfff7;margin:0}
.sound-control{position:fixed;left:24px;bottom:28px;border:1px solid #415567;background:#080e1bba;color:#c4dfd6;font-size:11px;padding:12px 15px;min-height:44px}
.sound-control span{color:var(--mint);margin-left:8px}
@keyframes intro-in{from{opacity:0;filter:blur(3px);transform:scale(.985)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@media(max-width:480px){.sound-control{left:12px;bottom:39px;font-size:10px;padding:10px}.skip{font-size:11px}.studio-wordmark{width:88vw}}
@media(prefers-reduced-motion:reduce){.intro{animation:none}}

/* Parity revision3: same Pixelify face, palette, stepped frame and touch height as Android definition-v3. */
@font-face{font-family:SeekerPixel;src:url('startup-pixel-font.ttf') format('truetype');font-display:swap}
:root{font-family:SeekerPixel,monospace;--mint:#78d9aa;--muted:#998cb7;--line:#78d9aa;color:#e6efec;background:#08142b}
#startup{padding:48px max(16px,env(safe-area-inset-right)) 76px;overflow:visible}
.terminal,.loading-card{border:2px solid #78d9aa;background:#08142bf5;box-shadow:inset 0 0 0 4px #08142b,inset 0 0 0 5px #253354,6px 6px 0 #040a1780;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px),0 12px,6px 12px,6px 6px,12px 6px)}
.terminal-top{font-size:13px;letter-spacing:.03em;height:42px;border-bottom:2px solid #253354;background:#14384b;padding:0 20px}.terminal-code{color:#b19add}
.terminal-body{padding:20px 24px 24px}.eyebrow{font-size:14px;letter-spacing:.08em}h2{font-size:38px;letter-spacing:.015em}.welcome{font-size:19px;margin:8px 0 20px}
label{font-size:17px;margin:14px 0 7px;color:#e6efec}input{font-size:20px;min-height:48px;padding:10px 12px;background:#08142b;border:2px solid #78d9aa;box-shadow:inset 0 0 0 3px #08142b,inset 0 0 0 4px #253354}
input:focus{border-color:#b19add;box-shadow:inset 0 0 0 3px #08142b,inset 0 0 0 4px #b19add}
.primary,.guest,.sound-control,.skip,#retry,#loading-back,.secondary-actions button{border:2px solid #78d9aa;min-height:48px;font-size:19px;font-weight:400;padding:8px 12px;text-decoration:none;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 3px,100% 3px,100% calc(100% - 6px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) 100%,6px 100%,6px calc(100% - 3px),0 calc(100% - 3px),0 6px,3px 6px,3px 0)}
.primary{background:#58d09b;color:#072b24;margin-top:18px;box-shadow:inset 0 -4px #267c5b}.primary:hover{background:#82e9bb}.guest{background:#08142b;color:#e6efec}.guest:hover,.sound-control:hover,.skip:hover{background:#14384b}
#notice{font-size:16px;line-height:1.35;margin:16px 0 12px;min-height:40px}.footnote{font-size:14px;line-height:1.4;padding-top:12px;margin-bottom:12px}.legal a{font-size:15px;color:#c4b6e3}.legal{gap:22px}
#download-status{font-size:14px;bottom:max(14px,env(safe-area-inset-bottom));background:#08142be0;padding:6px;width:fit-content;max-width:calc(100% - 32px);margin:auto}
.sound-control,.skip{font-size:17px;bottom:max(58px,env(safe-area-inset-bottom));background:#08142be6}.sound-control{left:max(16px,env(safe-area-inset-left))}.skip{right:max(16px,env(safe-area-inset-right))}
.primary span,.sound-control span,.skip span{display:none}.loading-card{padding:30px 24px}.loading-card h2{font-size:36px}#loading-detail{font-size:19px}#tip{font-size:17px}progress{height:12px;border:2px solid #253354}
.tagline{font-size:20px}.presenter-label{font-size:clamp(17px,2vw,22px)}.presenter-name{font-size:clamp(30px,5vw,52px)}
button::after,.legal a::before{content:'';display:inline-block;width:28px;height:28px;flex-shrink:0;vertical-align:middle;background-image:url('startup-ui-icons.png');background-repeat:no-repeat;image-rendering:pixelated;margin-left:8px}
.guest{display:flex;align-items:center;justify-content:center;gap:10px}.secondary-actions button{font-size:16px;margin-top:12px}.legal a::before{width:20px;height:20px;margin:0 6px 0 0}.download-dot{box-shadow:none}
@media(max-width:480px){#startup{padding:20px 12px 130px}.terminal-body{padding:18px 20px}.terminal-top{font-size:12px;padding:0 14px}h2{font-size:34px}.sound-control,.skip{font-size:14px;padding:8px}.sound-control{max-width:calc(100% - 130px)}.skip{max-width:112px}.primary{font-size:18px}}
@media(min-width:900px) and (max-height:700px){#startup{padding:24px 16px 72px}.terminal{width:540px}.terminal-body{padding:14px 24px}.welcome{margin-bottom:10px}#notice{margin:12px 0 8px;min-height:24px}.footnote{margin:8px 0;font-size:13px}h2{font-size:32px}.eyebrow{margin:4px 0}.sound-control,.skip{bottom:20px}}
@media(max-height:440px){.sound-control,.skip{position:absolute;top:12px;bottom:auto}#startup{padding-top:74px}.terminal{margin-bottom:20px}}
.primary::after{background-size:684.4919786096257% 766.4670658682635%;background-position:20.768526989935957% 93.44115004492363%;}
.guest::after{background-size:684.4919786096257% 624.390243902439%;background-position:20.768526989935957% 40.18604651162791%;}
.sound-control::after{background-size:684.4919786096257% 663.2124352331606%;background-position:20.768526989935957% 77.00091996320147%;}
.skip::after{background-size:684.4919786096257% 766.4670658682635%;background-position:20.768526989935957% 93.44115004492363%;}
#retry::after{background-size:649.746192893401% 766.4670658682635%;background-position:38.688827331486614% 93.44115004492363%;}
#loading-back::after{background-size:624.390243902439% 766.4670658682635%;background-position:1.8604651162790697% 93.44115004492363%;}
#resend::after{background-size:649.746192893401% 766.4670658682635%;background-position:38.688827331486614% 93.44115004492363%;}
#back::after{background-size:624.390243902439% 766.4670658682635%;background-position:1.8604651162790697% 93.44115004492363%;}
#sign-out::after{background-size:684.4919786096257% 624.390243902439%;background-position:20.768526989935957% 40.18604651162791%;}
.legal a::before{background-size:649.746192893401% 663.2124352331606%;background-position:38.688827331486614% 77.00091996320147%;}

/* Iteration4: keep legal and download status disjoint at720px height. */
.terminal-body{padding:18px 24px 20px}.terminal-top{height:36px}.terminal-body>.eyebrow{line-height:1.2;margin:4px 0}h2{line-height:1.05;font-size:34px;margin:8px 0}.welcome{font-size:18px;line-height:1.2;margin:6px 0 14px}label{font-size:16px;margin:10px 0 6px}#notice{min-height:32px;line-height:1.3;margin:12px 0 8px}.footnote{line-height:1.3;padding-top:10px;margin:8px 0 10px}
@media(min-width:900px) and (max-height:700px){.terminal{width:620px}.terminal-body{padding:12px 24px}.terminal-body>.eyebrow{margin:2px 0}.welcome{margin-bottom:8px}#login-form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#login-form label[for=email]{grid-column:1;grid-row:1}#email{grid-column:1;grid-row:2}#password-label{grid-column:2;grid-row:1}#password{grid-column:2;grid-row:2}#sign-in{grid-column:1/-1;grid-row:4;margin-top:12px}#verify-fields{grid-column:1/-1;grid-row:3}.footnote{padding-top:8px;margin:6px 0}.primary,.guest{margin-top:10px}#notice{margin:10px 0 6px;min-height:24px}}

/* The shared gameplay HUD uses the Android landscape contract. Login stays portrait-friendly. */
#orientation{display:none;position:fixed;inset:0;z-index:10000;background:#081426;color:#d7f6eb;place-items:center;padding:24px;outline:0;font-family:SeekerPixel,monospace;text-align:center}
.orientation-card{width:min(420px,100%);padding:32px 24px;border:2px solid #83dcb3;background:#0b1627;box-shadow:6px 6px 0 #342c52;box-sizing:border-box;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,100% 4px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) 100%,8px 100%,8px calc(100% - 4px),0 calc(100% - 4px),0 8px,8px 8px)}
.orientation-card h2{font-size:30px;line-height:1.1;margin:14px 0;color:#b5f4d6;text-transform:none}
.orientation-card p{font-size:18px;line-height:1.45;margin:16px 0}
.orientation-card .eyebrow{font-size:12px;color:#83dcb3;letter-spacing:1px}
.orientation-note{font-size:14px;color:#9b90bc}
.orientation-art{position:relative;width:80px;height:80px;margin:0 auto 24px;background:url(startup-ui-icons.png) -333.6px -12px/512px 512px no-repeat;image-rendering:pixelated}
.orientation-art:after{content:"";position:absolute;right:-20px;bottom:-8px;width:53px;height:49px;background:url(startup-ui-icons.png) -259px -59.5px/320px 320px no-repeat;image-rendering:pixelated}
@media(max-aspect-ratio:1/1){body.in-game #orientation{display:grid}}

/* Corporate fantasy / sakura office: shared design-tokens-v1 palette. */
:root{color-scheme:dark;--mint:#43e894;--muted:#a4b9ac;--line:#587e69;color:#d8e6dc;background:#14241f}
#startup{background:#14241f;min-height:100dvh}
.scrim{background:linear-gradient(180deg,#14241f4d,#14241f26 45%,#d8e6dc80)}
.terminal,.loading-card{background:#14241ff7;border-color:#587e69;color:#d8e6dc;box-shadow:inset 0 0 0 4px #14241f,inset 0 0 0 5px #304a3d,6px 6px 0 #d8e6dc30}
.terminal-top{background:#1d3329;border-bottom-color:#eaa5bd;color:#d8e6dc}
.terminal-code,.eyebrow{color:#7cddb0}.signal,.download-dot{background:#43e894;box-shadow:none}
h2,#loading-detail,#tip{color:#d8e6dc}.welcome,.quiet,.tagline,.footnote,.legal{color:#a4b9ac}
h1{color:#d8e6dc;text-shadow:0 3px #07130e,2px 0 #07130e,-2px 0 #07130e}h1 span{color:#43e894}
label{color:#d8e6dc;font-size:16px}input{background:#1b3028;color:#d8e6dc;border:2px solid #587e69;font-size:18px;min-height:48px;caret-color:#7cddb0}
input::placeholder{color:#a4b9ac;opacity:1}input:focus{border-color:#eaa5bd;box-shadow:0 0 0 1px #eaa5bd}
.primary,.guest,.sound-control,.skip,#retry,#loading-back,.secondary-actions button{border-color:#587e69;color:#d8e6dc;background:#14241f;min-height:48px}
.primary{background:#26533d;color:#d8e6dc;box-shadow:inset 0 -4px #163629}.primary:hover{background:#315641}.primary:active{background:#315641}
.guest:hover,.sound-control:hover,.skip:hover,.secondary-actions button:hover{background:#223d30}
button:disabled{opacity:1;background:#192b23;color:#91a59a;cursor:default;box-shadow:none}
button:focus-visible,a:focus-visible{outline:3px solid #eaa5bd;outline-offset:4px}
.secondary-actions button{color:#7cddb0;font-size:16px}.legal a{color:#7cddb0;display:inline-flex;align-items:center;min-height:44px;padding:2px 4px}
#notice{color:#eaa5bd;font-size:16px}progress{border-color:#587e69;background:#2c4638}progress::-webkit-progress-bar{background:#2c4638}progress::-webkit-progress-value{background:#43e894}
#download-status{color:#d8e6dc;background:#14241feb;border-top:1px solid #eaa5bd;bottom:0;left:0;right:0;padding:6px 12px;font-size:14px;min-height:32px}
.sound-control,.skip{bottom:44px}.presenter-label{color:#eaa5bd}.presenter-name{color:#d8e6dc}
#startup[data-phase=studio],#startup[data-phase=presenter]{background:#102d21}
#startup[data-phase=title] .tagline{color:#d8e6dc;text-shadow:0 1px #07130e}
#orientation{color:#14241f;background:#102d21f5}
@media(max-width:480px){#startup{padding:20px max(12px,env(safe-area-inset-right)) 132px max(12px,env(safe-area-inset-left))}.terminal-body{padding:18px}h2{font-size:32px}.sound-control,.skip{bottom:44px;font-size:14px}.sound-control{max-width:calc(100% - 148px)}.skip{max-width:112px}#download-status{font-size:12px;line-height:1.25;min-height:32px}.legal a{min-height:44px}}
@media(max-height:440px){#startup{padding-top:76px;padding-bottom:72px}.sound-control,.skip{top:12px;bottom:auto}}

/* Night office: keep the artwork in front; no ivory scrim or card fill. */
.scrim{background:linear-gradient(180deg,#07130e66,#07130e1a 45%,#07130eaa)}
.terminal,.loading-card{background:#14241ff7}

/* Readable aligned access panel; text and icon lanes remain independent. */
#login button{position:relative;display:block;text-align:center;padding-inline:42px;box-sizing:border-box;width:100%;}
#login button::after{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin:0;}
#login-form{display:grid;grid-template-columns:minmax(0,1fr);}
#login input{width:100%;min-width:0;box-sizing:border-box;}
#login .account-notes{max-width:100%;}
@media(max-height:620px){#login{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;}#login .terminal-body{padding-block:14px;}#startup .ready{display:none;}}

/* Same-page legal surface; background engine/gallery keep their existing ownership. */
#legal-document{color:#d8e6dc;background:#14241ffb;border:2px solid #7cddb0;box-shadow:inset 0 0 0 3px #14241f,inset 0 0 0 4px #587e69,6px 6px #07130e;max-width:min(760px,calc(100vw - 24px));width:760px;max-height:calc(100dvh - 24px);padding:20px;overflow:hidden;font-family:SeekerPixel,monospace;}
#legal-document[open]{display:flex;flex-direction:column;gap:12px}#legal-document::backdrop{background:#07130ebb}.legal-heading{display:flex;align-items:center;gap:16px}.legal-heading h2{font-size:28px;flex:1;margin:0;line-height:1.15}#legal-document button{font:inherit;font-size:18px;min-height:48px;min-width:76px;padding:8px 12px;border:2px solid #587e69;background:#26533d;color:#d8e6dc}#legal-document button::after{display:none}#legal-document nav{display:flex;gap:8px}#legal-version{font-size:15px;color:#a4b9ac;margin:0}#legal-body{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:0;font-size:19px;line-height:1.45;white-space:pre-line;padding-right:8px}#legal-body h3{font-size:22px;color:#eaa5bd;margin:20px 0 8px}#legal-body p{margin:0 0 18px}#legal-close{flex:none}@media(max-height:440px){#legal-document{padding:12px;gap:6px}#legal-body{font-size:17px}.legal-heading h2{font-size:24px}}

/* Generated from the active native stepped-frame geometry and Sakura tokens. */
.terminal,.loading-card,#legal-document,.orientation-card{border:2px solid transparent;border-image:url(pixel-frame-panel-v1.svg) 16 fill / 16px / 0 stretch;background:transparent;clip-path:none;box-shadow:6px 6px 0 #07130e80;position:relative;}
.terminal::before,.loading-card::before,#legal-document::before{content:"";position:absolute;left:14px;top:4px;width:74px;height:2px;background:linear-gradient(to right,#43e894 0 28px,transparent 28px 32px,#eaa5bd 32px 74px);pointer-events:none;}
.terminal-top{border:0;background:transparent;padding-inline:18px;color:#a4b9ac;}
input,.primary,.guest,.sound-control,.skip,#retry,#loading-back,.secondary-actions button,#legal-document button{border:2px solid transparent;border-image:url(pixel-frame-control-v1.svg) 12 fill / 10px / 0 stretch;background:transparent;clip-path:none;box-shadow:none;border-radius:0;}
.primary{border-image-source:url(pixel-frame-action-v1.svg);color:#d8e6dc;}.primary:hover,.guest:hover,.sound-control:hover,.skip:hover,.secondary-actions button:hover,#legal-document button:hover{border-image-source:url(pixel-frame-hover-v1.svg);background:transparent;}
button:disabled,#legal-document button:disabled{border-image-source:url(pixel-frame-disabled-v1.svg);background:transparent;color:#91a59a;}
input:focus{border-color:transparent;box-shadow:none;outline:2px solid #eaa5bd;outline-offset:2px;}
.legal a{color:#7cddb0;}#legal-document{position:fixed;}#legal-document::backdrop{background:#07130ebb;}

/* Readability revision12: opaque fallback surfaces and a neutral intro stage. */
#startup[data-phase=studio],#startup[data-phase=presenter],#startup[data-phase=title]{background:#000;}
#startup[data-phase=studio] #gallery,#startup[data-phase=presenter] #gallery,#startup[data-phase=title] #gallery{opacity:0;}
#startup[data-phase=studio] .scrim,#startup[data-phase=presenter] .scrim,#startup[data-phase=title] .scrim{background:none;}
.studio-wordmark{background:#000;}
.presenter-label{color:#eaa5bd;}.presenter-name{color:#edf5f1;}
.terminal,.loading-card,#legal-document,.orientation-card{background-color:#14241f;background-clip:padding-box;}
input,.primary,.guest,.sound-control,.skip,#retry,#loading-back,.secondary-actions button,#legal-document button{background-color:#14241f;background-clip:padding-box;}
#login input{background-color:#101d18;color:#edf5f1;}
#login input::placeholder{color:#b4c8bc;opacity:1;}
#login .terminal-top{background-color:#1d3329;}
#login .eyebrow,#login label,#login .welcome,#login .footnote,#login .legal{color:#c6d8cc;}
#login .primary{background-color:#26533d;}
#login .primary:hover,#login .guest:hover,.sound-control:hover,.skip:hover{background-color:#223d30;}
#login button:disabled{background-color:#192b23;}
#login .terminal-body{position:relative;z-index:1;}
#login{width:min(440px,100%);}
@media(max-height:620px){#login{max-height:calc(100dvh - 96px);overflow-y:auto;}#startup[data-phase=login]{padding-top:12px;padding-bottom:84px;}}
@media(min-width:900px) and (max-height:760px){#login{width:min(620px,100%);}#login-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;}#login-form label[for=email]{grid-column:1;grid-row:1;}#email{grid-column:1;grid-row:2;}#password-label{grid-column:2;grid-row:1;}#password{grid-column:2;grid-row:2;}#sign-in{grid-column:1/-1;grid-row:4;}#verify-fields{grid-column:1/-1;grid-row:3;}}

/* Center startup presentation; keep form fields and long legal text readable. */
#login .eyebrow,#login h2,#login .welcome,#notice,#login .footnote{text-align:center;}
#login .legal{justify-content:center;align-items:center;flex-wrap:wrap;}
#login .primary,#login .guest{position:relative;justify-content:center;text-align:center;padding-inline:42px;}
#login .primary::after,#login .guest::after{position:absolute;right:16px;top:50%;transform:translateY(-50%);}
#loading{text-align:center;}#loading progress{display:block;margin-inline:auto;}
#legal-document .legal-heading{display:grid;grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr);align-items:center;gap:10px;}
#legal-document .legal-heading h2{grid-column:2;text-align:center;}
#legal-close{grid-column:3;justify-self:end;}
#legal-document nav{justify-content:center;flex-wrap:wrap;}#legal-version{text-align:center;}
@media(max-width:480px){#legal-document .legal-heading{grid-template-columns:minmax(0,1fr) auto;}#legal-document .legal-heading h2{grid-column:1;}#legal-close{grid-column:2;}}