html,body,#root{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#7cb342;width:100%;height:100%;margin:0;overflow:hidden}.lap-timer{color:#37474f;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;background:#f5f5f5;border-bottom:4px solid #cfcfcf;border-radius:14px;padding:.6em .9em;font:700 .85rem/1.3 system-ui,sans-serif;position:fixed;bottom:16px;left:16px}.lap-timer__current{color:#e53935;font-size:1.7rem;line-height:1.15;display:block}.lap-timer__rows{grid-template-columns:auto auto;gap:0 .9em;margin:.25em 0 0;display:grid}.lap-timer__rows dd{text-align:right;margin:0}.lap-notice{color:#f5f5f5;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#1e88e5;border-bottom:4px solid #1565c0;border-radius:999px;padding:.5em 1.1em;font:700 1.1rem/1.2 system-ui,sans-serif;position:fixed;top:16%;left:50%;transform:translate(-50%)}.interaction-prompt{color:#37474f;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fdd835;border-bottom:4px solid #c9a800;border-radius:999px;padding:.55em 1.1em;font:700 1.1rem/1.2 system-ui,sans-serif;position:fixed;bottom:12%;left:50%;transform:translate(-50%)}.loader__error{flex-direction:column;align-items:center;gap:12px;max-width:28em;display:flex}.loader__error p{margin:0}.loader__error button{color:#37474f;cursor:pointer;background:#fdd835;border:0;border-bottom:4px solid #c9a800;border-radius:999px;padding:.6em 1.2em;font:700 1rem/1.2 system-ui,sans-serif}.mute-button{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#37474f;cursor:pointer;background:#f5f5f5;border:0;border-bottom:4px solid #cfcfcf;border-radius:14px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed}.mute-button[aria-pressed=true]{color:#e53935}.touch .lap-timer{top:calc(12px + env(safe-area-inset-top));bottom:auto;left:calc(12px + env(safe-area-inset-left));font-size:.75rem}.touch .lap-timer__current{font-size:1.25rem}.touch .interaction-prompt{top:calc(14px + env(safe-area-inset-top));white-space:normal;text-align:center;max-width:62vw;font-size:.95rem;bottom:auto}.touch .lap-notice{top:22%}.touch-controls{pointer-events:none;position:fixed;inset:0}.joystick{pointer-events:auto;touch-action:none;width:48%;height:72%;position:absolute;bottom:0;left:0}.joystick__base{left:calc(36px + env(safe-area-inset-left));bottom:calc(36px + env(safe-area-inset-bottom));opacity:.8;background:#37474f47;border:3px solid #f5f5f5bf;border-radius:50%;place-items:center;display:grid;position:absolute}.joystick__base--held{opacity:1}.joystick__thumb{background:#fdd835;border-bottom:4px solid #c9a800;border-radius:50%;width:46%;height:46%}.touch-buttons{right:calc(20px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));grid-template-columns:auto auto;align-items:end;gap:14px;display:grid;position:absolute}.touch-button{color:#f5f5f5;pointer-events:auto;touch-action:none;border:0;border-radius:50%;place-items:center;width:78px;height:78px;padding:0;font:700 .9rem/1 system-ui,sans-serif;display:grid}.touch-button:active{border-bottom-width:2px;transform:translateY(3px)}.touch-button--jump{background:#1e88e5;border-bottom:5px solid #1565c0}.touch-button--interact{opacity:.6;background:#e53935;border-bottom:5px solid #8e0000;margin-bottom:44px}.touch-button--ready{opacity:1}