:root{color-scheme:dark;--red:#ee454c;--text:#f1f1f3;--muted:#92949f;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0d1015}body{color:var(--text);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.backdrop,.shade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.backdrop{background:#171b24 url("assets/imperial-hangar.f571f246b693.jpg") 70% center/cover no-repeat}.shade{background:linear-gradient(90deg,rgba(9,11,16,.95) 0%,rgba(9,11,16,.78) 28%,rgba(9,11,16,.2) 72%),linear-gradient(0deg,rgba(9,11,16,.98),rgba(9,11,16,.18) 60%,rgba(9,11,16,.4));}
.screen{position:relative;min-height:100vh;min-height:100svh;padding:38px 5vw 24px;display:flex;flex-direction:column;max-width:2400px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand strong{font-size:17px;letter-spacing:4px;font-weight:700}.brand strong span{display:block;font-size:8px;letter-spacing:2.5px;margin-top:5px;color:#acadb4}.header-right{display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:1.9px}.era{color:#babcc4}.connection{color:#b6b9be;display:flex;align-items:center;gap:8px}.connection i{height:5px;width:5px;background:var(--red);border-radius:50%;box-shadow:0 0 12px #ee454c77;animation:pulse 2s infinite}
.hero{margin-top:auto;padding:75px 0 60px;animation:rise .9s ease-out both}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:3px;color:#ccced6}.eyebrow span{width:26px;height:2px;background:var(--red)}h1{margin:22px 0 25px;font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif;font-size:clamp(75px,8.9vw,150px);font-weight:700;line-height:.9;letter-spacing:-4px}h1>span{display:block;font-size:.47em;letter-spacing:.035em;margin-top:17px;font-weight:500}.rp{color:#9b9ba3;font-weight:300}h1 b{color:var(--red);font-weight:600}.intro{font-size:15px;line-height:1.85;color:#b7bac5;margin:0}.hero-tags{display:flex;gap:17px;margin-top:26px;font-size:8px;font-weight:600;letter-spacing:1.8px;color:#a2a6b0}.hero-tags span+span{border-left:1px solid #5a5a64;padding-left:17px}
.lower{position:relative;display:flex;align-items:flex-end;min-height:265px;padding:0 500px 35px 0}.briefing{max-width:400px;padding:0 0 15px}.section-heading{display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:2px;color:var(--red);font-weight:600}.briefing-count{color:#7e8390;font-size:9px;letter-spacing:1px;font-family:Consolas,monospace}.tip-content{min-height:103px}h2{font-weight:500}.briefing h2{font-size:20px;letter-spacing:-.3px;margin:20px 0 10px}.briefing p{font-size:12px;line-height:1.9;color:#9da2af;margin:0;max-width:355px}.tip-controls{display:flex;gap:7px;margin-top:20px}.tip-controls button{position:relative;width:29px;height:20px;border:0;padding:0;background:none;cursor:pointer}.tip-controls button:after{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:#555962;transition:background .2s}.tip-controls button[aria-pressed=true]:after{background:var(--red)}button:focus-visible{outline:1px solid var(--red);outline-offset:4px}.loading-panel{position:absolute;right:0;bottom:35px;width:440px;max-height:calc(100vh - 180px);overflow-y:auto;padding:24px 25px 0;background:rgba(17,20,27,.84);border:1px solid var(--line);border-top:2px solid rgba(238,69,76,.75);border-radius:3px;box-shadow:0 16px 60px #0003}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.65px;color:#a8adb9}.panel-heading>span:first-child{display:flex;align-items:center;gap:7px}.signal{width:7px;height:7px;border:1px solid var(--red);border-radius:50%}.panel-code{color:#686e7b;font:9px Consolas,monospace;letter-spacing:1px}#preview-label{color:var(--red);font-size:8px;letter-spacing:1px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.status-row h2{min-width:0;font-size:16px;margin:0;line-height:1.4;overflow-wrap:anywhere}.status-row>span{font:24px Bahnschrift,"Segoe UI",sans-serif;white-space:nowrap}.progress-track{height:3px;background:#ffffff12;overflow:hidden;margin-top:18px}.progress-track>div{height:100%;width:0;background:var(--red);transition:width .45s ease;box-shadow:0 0 14px #ee454c55}.progress-track.is-indeterminate>div{width:25%;animation:loading 2s ease-in-out infinite}.download-info{display:flex;justify-content:space-between;gap:16px;margin-top:11px;color:#7d8391;font:9px Consolas,monospace;line-height:1.4}#file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#file-count{white-space:nowrap}.server-info{display:flex;gap:32px;padding:22px 0}.server-info>div{min-width:0;flex:1}.server-info span{display:block;font-size:8px;color:#686f7e;letter-spacing:1.7px;margin-bottom:7px}.server-info strong{display:block;font-size:11px;color:#b9bec9;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panel-bottom{border-top:1px solid #ffffff0c;padding:13px 0;display:flex;align-items:center;gap:8px;font-size:9px;color:#7d8391}.spinner{flex-shrink:0;width:9px;height:9px;border:1px solid #424855;border-top-color:#b8bdc8;border-radius:50%;animation:spin 1.2s linear infinite}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:21px;font-size:8px;font-weight:500;letter-spacing:1.8px;color:#989da8}.footer-divider{margin:0 10px;color:#545966}.muted{color:#656d7a}.footer-motto{color:#9196a0;letter-spacing:3px}.footer-id{color:#666e7b;display:flex;align-items:center;gap:10px}.footer-dot{width:4px;height:4px;background:var(--red);border-radius:50%}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes loading{from{transform:translateX(-110%)}to{transform:translateX(410%)}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.screen{padding-top:55px;padding-bottom:35px}.hero{padding:95px 0 80px}.lower{min-height:300px;padding-right:550px;padding-bottom:50px}.loading-panel{width:490px;bottom:50px}.briefing{max-width:450px}.intro{font-size:17px}}
@media(max-height:760px) and (min-width:801px){.screen{padding-top:24px;padding-bottom:18px}.hero{padding:40px 0 35px}h1{font-size:clamp(65px,8vw,105px)}.lower{min-height:245px;padding-bottom:22px}.loading-panel{bottom:22px}.loading-panel{padding-top:18px}.status-row{margin-top:16px}.server-info{padding:17px 0}.briefing{padding-bottom:0}}
@media(max-width:800px){.screen{padding:25px 6vw 20px}.header-right .connection{display:none}.header-right{font-size:8px;letter-spacing:1px}.hero{padding:80px 0 55px}h1{font-size:clamp(64px,13vw,100px);letter-spacing:-3px}.lower{min-height:0;padding-right:0;gap:30px;align-items:stretch;flex-direction:column}.briefing{max-width:none}.tip-content{min-height:85px}.loading-panel{position:static;width:100%;max-width:520px;max-height:none;overflow-y:visible}.footer-id{display:none}footer{font-size:7px;letter-spacing:1px}.shade{background:linear-gradient(90deg,rgba(9,11,16,.9),rgba(9,11,16,.6)),linear-gradient(0deg,#090b10,transparent)}.backdrop{background-position:65% center}.intro{font-size:13px}}
@media(max-width:420px){.era{display:none}.hero-tags{font-size:7px;letter-spacing:1px;gap:12px}.hero-tags span+span{padding-left:12px}.loading-panel{padding-left:18px;padding-right:18px}.footer-motto{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.progress-track.is-indeterminate>div{width:100%;opacity:.4}}