*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#0b1119;color:#f2f5f7}body{height:100vh;overflow:hidden}.scene,.shade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene{background:radial-gradient(ellipse at 80% 35%,#23465c 0%,#142838 40%,#0b1119 80%)}.scene canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease}.scene canvas.active{opacity:1}.shade{background:linear-gradient(90deg,rgba(7,13,21,.96) 0%,rgba(7,13,21,.85) 30%,rgba(7,13,21,.18) 85%),linear-gradient(0deg,#080e17 0%,transparent 38%,rgba(8,14,23,.6) 100%)}header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:4vh 5vw}.brand{font-size:36px;font-weight:800;letter-spacing:-2px}.brand span{color:#58beee}.brand small{display:block;font-size:11px;letter-spacing:3px;font-weight:400;margin-top:8px;color:#b8c9d9}.map{font-size:13px;letter-spacing:2px;color:#bacbdb}main{position:relative;width:60%;max-width:850px;padding:6vh 5vw 0}.eyebrow{font-size:12px;letter-spacing:3px;color:#80cdeb}.eyebrow span{margin-left:25px;color:#8c9eae;letter-spacing:1px}article{transition:opacity .45s,transform .45s;min-height:38vh}article.fade{opacity:0;transform:translateY(12px)}h1{font-size:clamp(36px,4.4vw,76px);line-height:1.06;letter-spacing:-2px;margin:24px 0}p{font-size:clamp(16px,1.3vw,21px);line-height:1.65;color:#cbd4df;margin:0;max-width:650px}ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}li{font-size:14px;padding:9px 13px;border:1px solid #526172;border-radius:4px;background:rgba(13,24,36,.55)}.hint{font-size:14px;color:#a8b9cb;margin-top:26px}.hint b{display:inline-block;border:1px solid #647589;border-radius:5px;padding:8px 11px;margin-right:10px;color:#e9f3ff}footer{position:absolute;bottom:5vh;left:5vw;right:5vw}.progress-label,.footnote{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#c5d5e3}.track{height:5px;background:#2c3948;overflow:hidden;margin:17px 0 13px;border-radius:5px}#bar{width:0;height:100%;background:#6dcfff;transition:width .35s}.track.indeterminate #bar{width:20%;animation:waiting 2s ease-in-out infinite}.footnote{font-size:12px;color:#899bac}#file{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes waiting{0%{transform:translateX(-100%)}100%{transform:translateX(550%)}}@media(max-width:900px){main{width:85%;padding-top:2vh}h1{font-size:42px}article{min-height:34vh}.shade{background:rgba(7,13,21,.8)}.map{display:none}p{font-size:16px}}@media(max-height:650px){header{padding-top:20px}main{padding-top:0}h1{margin:14px 0;font-size:36px}p{font-size:16px}ul{margin-top:12px}.hint{margin-top:12px}footer{bottom:24px}.brand small{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}