:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#f5faf2;background:#072e32;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;padding:28px 38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:28px;font-weight:850;letter-spacing:-1px;pointer-events:auto}.dot{color:#c5ef75}.live{font-size:14px;color:#b0ceca;background:#073238d9;border:1px solid #ffffff1a;border-radius:30px;padding:10px 16px}.card{position:fixed;left:8vw;top:50%;transform:translateY(-50%);width:510px;max-width:90vw;background:#0b3438f5;border:1px solid #7fc4aa36;padding:42px;border-radius:28px;box-shadow:0 30px 100px #001c2866}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#c5ef75}h1{font-size:44px;letter-spacing:-1.8px;line-height:1.08;margin:22px 0}em{font-style:normal;color:#c5ef75}p{color:#b3cfcb;line-height:1.6;font-size:16px;margin-bottom:28px}label{display:block;font-size:14px;color:#b3cfcb;margin-bottom:9px}.entry{display:flex;gap:9px}input{width:100%;min-width:0;background:#06292f;border:1px solid #5e8b8360;border-radius:12px;padding:15px;color:#fff;font:inherit;font-size:16px}button{border:0;border-radius:12px;padding:15px 20px;font:inherit;font-weight:750;font-size:16px;background:#c5ef75;color:#163c2f;cursor:pointer;white-space:nowrap}button:hover{background:#d7ff91}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.instructions{display:flex;gap:18px;margin:24px 0 18px;font-size:14px;line-height:1.7;color:#85aaa5}.instructions b{display:block;color:#d6e4db;font-weight:600}#notice{font-size:14px;color:#c5ef75;min-height:22px}small{display:block;font-size:12px;color:#8baba6;line-height:1.6;margin-top:12px}footer{position:fixed;bottom:22px;left:38px;right:38px;display:flex;justify-content:space-between;color:#8cb6ad;font-size:12px;pointer-events:none}#board{position:fixed;right:28px;top:105px;width:235px;background:#062e34d9;border:1px solid #81bda22e;padding:22px;border-radius:20px}ol{padding:0;list-style:none;margin:18px 0 0}li{display:flex;gap:10px;align-items:center;font-size:14px;padding:8px 0;color:#b2cfc8}li.me{color:#d4fb83}li .rank{opacity:.6;width:14px}li .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}li b{font-variant-numeric:tabular-nums}#hud{position:fixed;left:38px;top:104px;display:flex;gap:30px}#hud span{font-size:12px;letter-spacing:1px;color:#aac9be}#hud strong{display:block;font-size:32px}#boost{position:fixed;right:30px;bottom:65px;background:#c5ef75c9;display:flex;align-items:center;gap:10px;touch-action:none}#boost[hidden], [hidden]{display:none!important}#leave{position:fixed;left:38px;bottom:65px;font-size:14px;padding:10px 16px;background:#ffffff14;color:#b9d5c9}#tip{position:fixed;bottom:110px;width:100%;text-align:center;font-size:14px;color:#c7dacd;pointer-events:none}@media(max-width:650px){header{padding:20px}.brand{font-size:24px}.live{font-size:12px;padding:8px 12px}.card{left:5vw;padding:28px;max-width:90vw;width:440px}h1{font-size:36px}p{margin-bottom:20px}.entry{flex-direction:column}.instructions{gap:16px;margin:18px 0;font-size:12px}footer{left:20px;right:20px;font-size:12px}footer>span{display:none}#board{right:16px;top:90px;width:164px;padding:14px}#board .eyebrow{font-size:10px;letter-spacing:1px}li{font-size:12px;padding:5px 0}#hud{left:20px;top:93px;gap:16px}#hud strong{font-size:25px}#hud span{font-size:10px}#boost{right:18px;bottom:65px;padding:18px}#boost span{display:none}#leave{left:20px}#tip{padding:0 70px;font-size:12px;bottom:80px}}

.player-labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.player-label{position:absolute;left:0;top:0;font:600 14px system-ui;color:#f3f8e7;white-space:nowrap;text-shadow:0 1px 3px #00252f;will-change:transform}