@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#edf4f2;background:#0c1317}*{box-sizing:border-box}body{margin:0}main{max-width:1520px;margin:auto;padding:44px 42px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,4vw,49px);letter-spacing:-2px;margin:12px 0}h1 span{color:#a2f1ca}p{color:#92a4ac;font-size:14px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2.4px;color:#a2f1ca}.live{font-size:12px;border:1px solid #34454d;padding:12px 16px;border-radius:25px;max-width:330px;color:#bed1d6}.controls{display:flex;gap:20px;align-items:end;background:#141f25;border:1px solid #28343c;border-radius:12px;padding:20px;margin:26px 0}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#9bafb7;flex:1}select,button{font:inherit;color:#edf4f2;border:1px solid #3b4a53;background:#1e2c34;padding:11px;border-radius:7px;font-size:13px}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid #b4ffd8;outline-offset:3px}#refresh{background:#b6efd0;color:#112a22;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0}.stats>div{border-left:2px solid #33434a;padding:0 20px}.stats small{display:block;font-size:10px;letter-spacing:1.7px;color:#8c9ea7}.stats strong{font-family:'Space Grotesk',sans-serif;display:block;font-size:25px;margin-top:10px}#up,#winner{color:#a7ebbf}#down,#loser{color:#f3a3a7}.maphead{display:flex;justify-content:space-between;align-items:center}h2{font-size:19px}.maphead span{font-size:11px;color:#a5b4bc;display:flex;gap:5px;align-items:center}i{width:21px;height:7px;border-radius:2px}.r{background:#9c384f}.n{background:#33464d}.g{background:#227e66}#map{height:660px;position:relative;margin-top:7px}.tile{position:absolute;border:3px solid #0c1317;border-radius:11px;padding:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;transition:left .7s,top .7s,width .7s,height .7s,background .7s;line-height:1.25}.tile:hover{filter:brightness(1.22);z-index:1}.tile b{font-family:'Space Grotesk',sans-serif;font-size:clamp(15px,1.7vw,24px);letter-spacing:-.5px}.tile .pct{font-size:clamp(15px,1.8vw,26px);font-weight:600;margin:6px 0}.tile .price{font-size:12px;opacity:.85}.tile.compact{padding:7px}.tile.compact b,.tile.compact .pct{font-size:13px;margin:2px 0}.tile.compact .price{font-size:10px}.caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8fabb4;margin:16px 0;line-height:1.5}#detail{border:1px solid #33434a;border-radius:10px;padding:20px;color:#b7cad0;font-size:14px;line-height:1.8}footer{margin-top:28px;color:#849ba6;font-size:11px}footer p{font-size:11px;max-width:900px}a{color:#b6efd0}#notice{color:#ffc78a;font-size:12px;margin:10px 0}.empty{padding:100px 20px;text-align:center;color:#a5b4bc}button:disabled{opacity:.5}@media(max-width:700px){main{padding:25px 14px}header{display:block}.live{margin:18px 0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.stats{grid-template-columns:1fr 1fr;gap:22px}.stats strong{font-size:22px}#map{height:1100px}.caption{display:block}#timer{display:block;margin-top:7px}.tile{padding:7px}.tile b,.tile .pct{font-size:15px}.tile .price{font-size:11px}}