*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#92bcca;color:#fff;font-family:system-ui,-apple-system,sans-serif}#world{position:fixed;inset:0;width:100%;height:100%}header{position:absolute;top:0;left:0;width:100%;padding:28px 34px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#16343d65,transparent)}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:15px;letter-spacing:2px}.logo{font-size:30px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;margin-top:6px;font-weight:500;color:#e2f4e9}.top{display:flex;gap:10px;align-items:center}button{font:inherit;border:1px solid #ffffff55;background:#173c4355;color:white;padding:10px 17px;border-radius:7px;cursor:pointer}button:hover{background:#245761}.live{font-size:10px;letter-spacing:1.5px;color:#e1f5cc;margin-right:10px}#location{position:absolute;top:115px;left:35px;font-size:10px;letter-spacing:3px}#location small{display:block;font-size:25px;letter-spacing:-.6px;margin-top:7px;font-weight:500}#mission{position:absolute;right:34px;top:112px;background:#17393dcc;backdrop-filter:blur(12px);width:270px;padding:21px;border:1px solid #ffffff20;border-radius:12px}.eyebrow{font-size:9px;letter-spacing:2px;color:#e9c787}h2{font-size:17px;font-weight:550;margin:12px 0 7px}#mission p{font-size:11px;color:#c8dad6}.track{height:3px;background:#ffffff20;margin-top:17px}.track i{display:block;height:100%;width:0;background:#e7bd6d;transition:width .4s}aside{position:absolute;bottom:135px;right:34px;border-radius:12px;overflow:hidden;border:1px solid #ffffff30;background:#193c3ee8;padding:9px}#map{display:block;width:210px;height:180px}.maplabel{padding:5px 5px 3px;font-size:9px;letter-spacing:2px;color:#c4d9cc}.maplabel span{float:right}footer{position:absolute;bottom:25px;left:34px;right:34px;display:flex;gap:35px;align-items:center;padding:20px 25px;background:#143236dd;backdrop-filter:blur(14px);border:1px solid #ffffff25;border-radius:12px}footer small{display:block;font-size:8px;letter-spacing:2px;color:#afc9c6;margin-bottom:5px}footer strong{font-size:25px;font-weight:450;font-variant-numeric:tabular-nums}footer span{font-size:9px;color:#acc8c1}.keys{margin-left:auto;font-size:12px;line-height:2;color:#fff}#overlay{position:absolute;inset:0;background:#0b252b70;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.card{width:490px;padding:38px;background:#14373cf5;border:1px solid #ffffff25;border-radius:20px;box-shadow:0 30px 100px #0c252755}h1{font-size:37px;line-height:1.12;letter-spacing:-1.5px;font-weight:500;margin:20px 0} .card p{color:#bfd1ce;font-size:13px;line-height:1.7}.instructions{display:grid;grid-template-columns:80px 1fr;gap:13px;margin:25px 0;font-size:12px}.instructions b{color:#e8c889}.instructions span{color:#c5d6d1}#start{width:100%;background:#e8c889;color:#17393b;border:0;text-align:left;font-weight:650;padding:16px 20px}#start span{float:right}.card>small{display:block;text-align:center;font-size:9px;color:#8faaa5;line-height:1.8;margin-top:17px}#message{position:absolute;left:50%;top:22%;transform:translateX(-50%);padding:12px 22px;border-radius:20px;background:#193e43dd;font-size:13px;display:none;text-align:center}@media(max-width:760px){header{padding:18px}.live{display:none}#location{left:18px;top:90px}#location small{font-size:18px}#mission{right:18px;top:150px;width:215px;padding:14px}aside{right:18px;bottom:130px}footer{left:12px;right:12px;bottom:12px;padding:15px;gap:20px}footer strong{font-size:20px}.keys{display:none}.card{max-width:calc(100% - 30px);padding:28px}h1{font-size:30px}}