@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,800;0,900;1,900&family=Inter:wght@600;800&display=swap');:root{--orange:#ff5a1f;--yellow:#ffd43b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080b0e;color:#f5f4ef;font-family:Inter,Arial}main,#view,#view canvas{position:absolute;inset:0;width:100%;height:100%}#view canvas{display:block}header{height:74px;position:absolute;z-index:20;inset:0 0 auto;display:grid;grid-template-columns:1fr repeat(3,145px) 52px;align-items:center;padding:0 24px;background:#0b1015e9;border-bottom:1px solid #3d464e}.brand{display:flex;align-items:center;gap:10px;font:900 19px 'Barlow Condensed'}.brand i{width:44px;height:43px;display:grid;place-items:center;background:var(--orange);color:#111;transform:skew(-8deg)}.brand b{color:var(--orange)}.brand small{background:white;color:#111;padding:2px 4px;margin-left:5px}.stat{height:43px;border-left:1px solid #394149;padding-left:20px;display:grid;grid-template-columns:auto 1fr;align-items:end}.stat small{grid-column:1/-1;color:#84909a;font-size:8px;letter-spacing:1px}.stat strong{font:800 24px/1 'Barlow Condensed'}.stat em{font:normal 8px Inter;color:#7b858d;margin:0 0 2px 4px}.combo strong{color:var(--yellow)}header button{width:42px;height:42px;background:#192027;border:1px solid #48535d;color:white}.mission{position:absolute;z-index:8;left:22px;top:94px;width:225px;padding:13px;background:#0b1015dd;border-left:4px solid var(--orange)}.mission small{display:block;color:var(--orange);font-size:8px;letter-spacing:2px}.mission b{font:800 16px 'Barlow Condensed'}.mission>div{height:7px;background:#374047;margin:8px 0}.mission i{display:block;height:100%;width:0;background:var(--orange)}.mission em{display:block;text-align:right;color:#8d979f;font:normal 8px Inter}.map{position:absolute;z-index:8;right:20px;top:94px;width:154px;background:#0b1015dd;border:2px solid #53606a}.map canvas{display:block}.map b{position:absolute;bottom:6px;left:8px;font-size:8px}.trick{position:absolute;z-index:9;left:50%;top:17%;transform:translateX(-50%) rotate(-3deg);display:grid;text-align:center}.trick small{color:var(--yellow);letter-spacing:4px}.trick b{font:900 italic 55px/.9 'Barlow Condensed';text-shadow:3px 3px var(--orange)}.trick em{color:var(--yellow);font:900 normal 22px 'Barlow Condensed'}.message{position:absolute;z-index:10;left:50%;bottom:80px;transform:translateX(-50%);padding:10px 17px;background:#0b1015e9;border:1px solid var(--orange);font-size:10px}.hidden{display:none!important}.overlay{position:absolute;z-index:15;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#070b0fee,#070b0f66);backdrop-filter:blur(3px)}.overlay article{width:min(540px,90%);margin-left:-27%;padding:40px;background:#121920f2;border-left:5px solid var(--orange);box-shadow:20px 30px 70px #000}.eyebrow{color:var(--orange)!important;font-size:9px!important;letter-spacing:3px}.overlay h1{margin:8px 0;font:900 italic clamp(66px,9vw,100px)/.72 'Barlow Condensed'}.overlay h1 em{color:var(--orange)}.overlay h1 sup{font-size:20px;color:var(--yellow)}.overlay p{color:#adb6bd;font-size:12px;line-height:1.6}.overlay button{width:100%;margin:18px 0;padding:15px;display:flex;justify-content:space-between;border:0;background:var(--orange);font:900 17px 'Barlow Condensed';box-shadow:6px 6px #76280c}.keys{display:flex;gap:20px;color:#8d969e;font-size:8px}.paused{position:absolute;z-index:14;inset:0;display:grid;place-content:center;text-align:center;background:#070b0fbb}.paused b{font:900 italic 75px 'Barlow Condensed'}.mobile{display:none;position:absolute;z-index:10;left:16px;bottom:16px}.mobile div{width:168px;display:grid;grid-template-columns:repeat(3,56px)}.mobile button{width:56px;height:55px;touch-action:none;background:#0b1015cc;border:1px solid #fff5;color:white}.mobile button:first-child{grid-column:2}.mobile button:nth-child(2){grid-row:2;grid-column:1}.mobile button:nth-child(3){grid-row:2;grid-column:2}.mobile button:nth-child(4){grid-row:2;grid-column:3}@media(max-width:700px),(pointer:coarse){header{height:61px;padding:0 8px;grid-template-columns:1fr repeat(3,61px) 38px}.brand span{display:none}.stat{padding-left:6px}.stat strong{font-size:18px}.stat em{display:none}header button{width:35px}.mission{top:72px;left:10px;width:195px}.map{top:72px;right:10px;transform:scale(.72);transform-origin:top right}.overlay article{margin:0;padding:28px}.overlay h1{font-size:62px}.mobile{display:block}}