@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;700&display=swap');*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0d1b24;color:white;font-family:'DM Sans',sans-serif}canvas{display:block}button{cursor:pointer}button:focus-visible{outline:3px solid #dcff7e}.hidden{display:none!important}#loading{position:fixed;z-index:15;inset:0;background:#10232c;display:flex;flex-direction:column;align-items:center;justify-content:center}#loading strong{font:900 65px 'Barlow Condensed';color:#dcff7e}#loading p{color:#c4d5d9}#menu{position:fixed;inset:0;z-index:10;background:linear-gradient(90deg,#07151bf5,#0a1a21e8 45%,#10263270 100%)}nav{padding:26px 5%;display:flex;gap:60px;align-items:center;border-bottom:1px solid #ffffff2a}nav b,.hudtop>b{font:900 30px 'Barlow Condensed'}nav b span,.hudtop>b span{color:#d8ff70}nav small{font-size:12px;letter-spacing:.14em;color:#d6e4e7}main{padding:5vh 5%;max-width:900px}.eyebrow{font-size:12px;letter-spacing:.22em;color:#d8ff70;font-weight:700}h1{font:900 clamp(72px,10vw,150px)/.82 'Barlow Condensed';letter-spacing:-.025em;margin:22px 0}h1 em{font-style:normal;color:#d8ff70}main>p{max-width:500px;line-height:1.6;color:#c7d6d9}.maps{display:flex;gap:12px;margin-top:28px}.map{min-width:220px;max-width:270px;flex:1;text-align:left;background:#10242bd9;border:1px solid #ffffff5b;color:white;border-radius:10px;padding:15px}.map.chosen{border:2px solid #d8ff70;background:#263f40e8}.map small{display:block;color:#d8ff70;font-size:10px;letter-spacing:.15em}.map b{display:block;font:800 29px 'Barlow Condensed';margin:5px 0}.map span{font-size:11px;color:#c1cfd2}.actions{display:flex;align-items:center;gap:24px;margin-top:22px}.primary{background:#d8ff70;border:0;padding:16px 42px;color:#142323;font:900 25px 'Barlow Condensed'}.actions div{font-size:10px;color:#c4d2d2;line-height:1.5}.actions div b{font:800 25px 'Barlow Condensed';color:white}.fine{font-size:11px!important;color:#a5b4b8!important}#hud{position:fixed;inset:0;z-index:8;pointer-events:none}.hudtop{position:absolute;top:15px;left:20px;display:flex;gap:12px;align-items:flex-start}.hudtop>b{margin-right:12px}.chip{background:#0c1c23cf;padding:9px 13px;border-left:3px solid #d8ff70;font-size:10px;letter-spacing:.1em}.chip strong{display:block;font:800 29px 'Barlow Condensed';letter-spacing:0}.chip small{font-size:10px}#toast{position:absolute;top:26%;width:100%;text-align:center;font:900 55px 'Barlow Condensed';color:#d8ff70;text-shadow:0 2px 9px #0009}.hudbottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;font-size:11px;line-height:1.7;text-shadow:0 2px 5px #000}.hudbottom button{pointer-events:auto;background:#0d1c25d9;border:1px solid #ffffff80;color:white;padding:11px 15px;font-weight:700}#mobile{display:none;position:absolute;bottom:15px;right:10px;gap:5px;pointer-events:auto}#mobile button{touch-action:none;background:#0c1c23d9;color:white;border:1px solid #ffffff77;padding:12px;border-radius:7px}@media(max-width:760px){nav{padding:14px 20px}nav small{display:none}main{padding:35px 20px}h1{font-size:75px}.maps{flex-direction:column;gap:7px}.map{max-width:100%;min-height:65px;padding:10px}.map b{font-size:22px}.hudtop{left:6px;top:7px;gap:4px}.hudtop>b{font-size:18px;margin-right:0}.chip{padding:4px 6px;font-size:8px}.chip strong{font-size:18px}.hudbottom{bottom:90px;left:8px;font-size:9px}#mobile{display:flex;flex-wrap:wrap;justify-content:flex-end}#mobile button{padding:9px}}
