html,body{margin:0;height:100%;overflow:hidden;background:#f2d9c4;font-family:ui-monospace,Menlo,Consolas,monospace;color:#2b2d3a;user-select:none}
  canvas{display:block}
  #hud{position:fixed;inset:0;pointer-events:none}
  .box{position:absolute;font-weight:700;letter-spacing:.04em}
  #speed{right:28px;bottom:22px;font-size:54px;text-align:right;line-height:1}
  #speed small{display:block;font-size:13px;opacity:.55;letter-spacing:.2em}
  #lap{left:28px;top:22px;font-size:22px;line-height:1.5}
  #lap span{opacity:.55;font-size:13px;letter-spacing:.2em;display:block;margin-top:6px}
  #drift{left:50%;top:22px;transform:translateX(-50%);text-align:center;font-size:30px;opacity:0;transition:opacity .25s}
  #drift small{display:block;font-size:13px;opacity:.6;letter-spacing:.2em}
  #msg{left:50%;top:38%;transform:translateX(-50%);font-size:34px;opacity:0;transition:opacity .3s;text-align:center}
  #start{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(242,217,196,.88);text-align:center;cursor:pointer}
  #start h1{font-size:64px;margin:0 0 6px;letter-spacing:.3em}
  #start p{margin:6px 0;opacity:.75}
  #start b{display:inline-block;border:2px solid #2b2d3a;border-radius:6px;padding:1px 8px;margin:0 2px}
  #start .go{margin-top:24px;font-size:18px;opacity:1;animation:p 1.2s infinite}
  @keyframes p{50%{opacity:.3}}
  #online{right:28px;top:22px;font-size:13px;letter-spacing:.2em;opacity:.6;text-transform:uppercase}

  #you{right:28px;top:44px;font-size:15px;letter-spacing:.08em}
  #plist{right:28px;top:72px;font-size:12px;letter-spacing:.06em;text-align:right;line-height:1.55;max-width:260px}
  #plist div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}
  #plist div.me{opacity:1;font-weight:700}
  #plist i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:6px;vertical-align:baseline}
  #start .name{margin-top:20px}
  #start input,#rename input{font:inherit;font-size:16px;padding:8px 12px;border:2px solid #2b2d3a;border-radius:6px;background:#fff8f0;color:#2b2d3a;width:210px;text-align:center;outline:none;user-select:text}
  #start button{font:inherit;font-weight:700;letter-spacing:.15em;font-size:16px;padding:9px 20px;border:2px solid #2b2d3a;border-radius:6px;background:#2b2d3a;color:#f2d9c4;cursor:pointer}
  #rename{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(242,217,196,.7)}
  #rename[hidden]{display:none}
  #rename>div{text-align:center;font-weight:700;letter-spacing:.1em}
  #rename input{display:block;margin:10px auto 8px}
  #rename small{opacity:.6;letter-spacing:.04em;font-weight:400}