:root{color:#f3f2ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--hud-bg:#0a0d12b8;--hud-border:#ffffff14;--hud-accent:#ff6f3c;--hud-muted:#f3f2ef9e;--panel-shadow:0 24px 80px #00000059;background:radial-gradient(circle at top,#57687c38,#0000 42%),linear-gradient(#15171c 0%,#090a0d 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}.swim{background:radial-gradient(circle at 20% 20%,#ff6f3c14,#0000 25%),linear-gradient(#ffffff05,#00000014);width:100vw;height:100vh;position:relative}.swim__canvas{cursor:grab;outline:none;width:100%;height:100%;display:block}.swim--loading .swim__canvas,.swim--loading .swim__fps,.swim--loading .swim__speedo,.swim--loading .swim__status,.swim--loading .swim__ui{opacity:0;pointer-events:none}.swim__canvas:active{cursor:grabbing}.swim--game .swim__canvas{cursor:none}.hud-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--panel-shadow);border-radius:18px}.swim__ui{z-index:2;position:absolute;top:24px;right:24px}.swim__ui[data-mode=game]{pointer-events:none}.swim__ui[data-mode=game] .tp-dfwv{opacity:.72}.swim__fps{z-index:2;pointer-events:none;align-items:baseline;gap:10px;padding:10px 14px;display:flex;position:absolute;top:24px;left:24px}.swim__fps-label{color:var(--hud-accent);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.swim__fps-value{color:#fff;letter-spacing:-.04em;font-size:24px;line-height:1}.swim__speedo{z-index:2;pointer-events:none;min-width:180px;padding:16px 18px 14px;position:absolute;bottom:24px;left:24px}.swim__speedo-label{color:var(--hud-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.swim__speedo-readout{align-items:baseline;gap:10px;display:flex}.swim__speedo-value{letter-spacing:-.06em;color:#fff;font-size:54px;line-height:.9}.swim__speedo-unit{color:var(--hud-muted);letter-spacing:.08em;text-transform:uppercase;font-size:16px}.swim__speedo-help{color:var(--hud-muted);margin:10px 0 0;font-size:12px;line-height:1.4}.swim__status{z-index:2;max-width:min(420px,100vw - 48px);padding:12px 16px;position:absolute;inset:auto 24px 24px auto}.swim__status p{color:var(--hud-muted);margin:0;font-size:13px;line-height:1.45}.swim__status strong{color:#fff}.swim__boot{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#08090cb8;place-items:center;display:grid;position:absolute;inset:0}.swim__boot-card{border:1px solid var(--hud-border);width:min(460px,100vw - 40px);box-shadow:var(--panel-shadow);background:#10131ae0;border-radius:24px;padding:22px 24px}.swim__boot-card h1{margin:0;font-size:44px;line-height:.95}.swim__boot-card p{color:var(--hud-muted);margin:14px 0 0;line-height:1.5}.swim__boot-card p:first-of-type{color:#fff}@media (width<=920px){.swim__fps,.swim__speedo,.swim__ui,.swim__status{left:16px;right:16px}.swim__fps{top:16px;right:auto}.swim__ui{top:16px;left:auto}.swim__speedo{min-width:164px;bottom:16px;left:16px;right:auto}.swim__status{max-width:none;inset:auto 16px 16px}}