@font-face{font-family:DreamPixel;src:url('/assets/pixelify.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:#050505;color:#aaa;height:100%;overflow:hidden}.frame{height:calc(100dvh - 32px);width:calc(100% - 32px);margin:16px;border:1px solid #404040;display:flex;flex-direction:column}header{flex:0 0 61px;border-bottom:1px solid #404040;padding:9px 26px;display:flex;align-items:center}.mini-logo{width:154px;height:43px;object-fit:contain}main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:35px}h1{margin:0;font-size:0;width:min(1020px,78vw);height:min(48dvh,420px);max-height:100%;font-weight:400}.main-logo{width:100%;height:100%;object-fit:contain}footer{flex:0 0 60px;display:flex;justify-content:center;align-items:center;border-top:1px solid #404040;font-family:DreamPixel,monospace;font-size:20px;font-weight:400;letter-spacing:2px;color:#96968e}@media(max-width:600px){.frame{width:calc(100% - 16px);height:calc(100dvh - 16px);margin:8px}header{flex-basis:55px;padding:9px 14px}.mini-logo{width:88px;height:34px}main{padding:18px}h1{width:100%;height:35dvh}footer{flex-basis:50px;font-size:17px}}@media(max-height:500px){header{flex-basis:45px}footer{flex-basis:40px}main{padding:15px}h1{height:44dvh}}
main{position:relative;flex-direction:column;gap:35px;overflow:hidden}h1{position:relative;z-index:1}.soon{margin:0;font-family:DreamPixel,monospace;font-size:17px;letter-spacing:2px;color:#92928b;z-index:1}footer{justify-content:space-between;padding:0 26px;gap:15px;flex-basis:42px}.terminal{display:flex;align-items:center;gap:9px;font-family:'SFMono-Regular',Menlo,Consolas,monospace;font-size:9px;letter-spacing:.3px;color:#aaa;white-space:nowrap}.prompt{letter-spacing:-1px}.channel,.separator{color:#777}.separator{margin:0 5px}.offline{color:#ff453a}.cursor{width:5px;height:10px;background:#ff453a;animation:blink 1.2s steps(1,end) infinite}.battery{width:95px;height:23px;padding:4px 5px;border:1px solid #ff453a;background:none;position:relative;cursor:pointer;flex:none}.battery:after{content:'';position:absolute;right:-4px;top:6px;width:3px;height:9px;background:#ff453a}.battery-grid{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(3,1fr);gap:1px;width:100%;height:100%}.battery-grid span{background:#28120f}.battery-grid span.on{background:#ff453a}.pixel-main{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.flash .main-logo{visibility:hidden}.echoes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.echoes img{position:absolute;image-rendering:pixelated;image-rendering:crisp-edges;height:auto;opacity:.55}.battery:focus-visible{outline:1px solid #ff453a;outline-offset:4px}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@media(max-width:600px){main{gap:30px}.soon{font-size:14px}footer{padding:0 12px;gap:7px}.terminal{font-size:5px;letter-spacing:0;gap:4px}.separator{margin:0 1px}.cursor{width:3px;height:7px}.battery{width:47px;height:19px;padding:3px}.battery:after{top:5px;height:7px}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}.echoes,.pixel-main{display:none}.flash .main-logo{visibility:visible}}
/* Mobile layout: legible terminal, generous logo, complete viewport. */
@media(max-width:600px){
.frame{width:calc(100% - 20px);height:calc(100dvh - 20px);margin:10px}
header{flex-basis:67px;padding:10px 18px}.mini-logo{width:126px;height:46px}
main{padding:24px 16px;gap:31px;justify-content:center}
h1{width:100%;height:auto;aspect-ratio:2.2;max-height:42dvh;flex:none}
.soon{font-size:23px;letter-spacing:2px}
footer{flex-basis:100px;padding:17px 16px;gap:12px;align-items:center}
.terminal{display:grid;grid-template-columns:14px auto auto;grid-template-rows:auto auto;column-gap:7px;row-gap:12px;font-size:10px;letter-spacing:.1px;align-items:center;min-width:0}
.terminal .prompt{grid-column:1;grid-row:1;font-size:11px;color:#bebeb7}
.terminal>span:nth-child(2){grid-column:2/4;grid-row:1;font-size:11px;letter-spacing:.2px;color:#bebeb7}
.terminal .separator{display:none}
.terminal .channel{grid-column:1/3;grid-row:2;font-size:9px;white-space:nowrap}
.terminal .offline{grid-column:3;grid-row:2;font-size:9px;white-space:nowrap}
.terminal .cursor{display:none}
.battery{width:62px;height:24px;padding:4px;align-self:center}.battery:after{top:7px;height:8px}
}
@media(max-width:370px){header{padding-left:14px}footer{padding:16px 12px;gap:10px}.terminal{column-gap:5px}.terminal>span:nth-child(2){font-size:10px}.terminal .channel,.terminal .offline{font-size:8px}.battery{width:52px;height:22px}}
@media(max-height:500px) and (orientation:landscape){.frame{height:calc(100dvh - 16px);margin:8px;width:calc(100% - 16px)}header{flex-basis:42px;padding:5px 18px}.mini-logo{width:106px;height:30px}main{padding:12px;gap:13px}h1{width:min(440px,60vw);height:40dvh;aspect-ratio:auto}.soon{font-size:17px}footer{flex-basis:48px;padding:10px 18px}.terminal{display:flex;font-size:9px;gap:7px}.terminal>span:nth-child(2){font-size:9px}.terminal .separator{display:inline}.terminal .channel,.terminal .offline{font-size:9px}.terminal .cursor{display:block;width:4px;height:9px}.battery{width:70px;height:22px}}
h1.settled .main-logo{filter:brightness(0) saturate(100%) invert(41%) sepia(94%) saturate(3263%) hue-rotate(339deg) brightness(105%) contrast(102%)}h1.settled+.soon{color:#ff453a}.echoes img{opacity:.42}@media(prefers-reduced-motion:reduce){h1.settled .main-logo{visibility:visible}}
/* Short original clip-path slice effect; active only within the existing flashes. */
.glitch-slices{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}.glitch-slice{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;opacity:.9}@media(prefers-reduced-motion:reduce){.glitch-slices{display:none!important}}
.soon{font-family:'SFMono-Regular',Menlo,Consolas,monospace;font-size:13px;font-weight:400;letter-spacing:3px;color:#85857f}@media(max-width:600px){.soon{font-size:12px;letter-spacing:2.5px}}@media(max-height:500px) and (orientation:landscape){.soon{font-size:11px}}
@font-face{font-family:VaultTerminal;src:url('/assets/vt323.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}.soon{font-family:VaultTerminal,monospace;font-size:25px;font-weight:400;letter-spacing:1.5px;line-height:1;color:#9d9d95}@media(max-width:600px){.soon{font-size:24px;letter-spacing:1.2px}}@media(max-height:500px) and (orientation:landscape){.soon{font-size:21px}}