html,body{background:#000;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block}.fatal-error{color:#fff;text-align:center;justify-content:center;align-items:center;margin:0;padding:1rem;font-size:1.5rem;display:flex;position:fixed;inset:0}.fatal-error pre{white-space:pre-wrap;text-align:left;max-width:90vw;margin:1rem 0 0;font-size:1rem}.fatal-error{background:#000000d9;flex-direction:column}.debug-overlay{color:#fff;white-space:pre;pointer-events:none;background:#0009;padding:.4rem .6rem;font:14px/1.4 ui-monospace,monospace;position:fixed;top:.5rem;left:.5rem}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.25rem;position:fixed;inset:0}.hud button{pointer-events:auto;font:inherit;touch-action:none}.hud__button{color:#fff;cursor:pointer;background:#0000008c;border:2px solid #fff;border-radius:.75rem;min-width:3.25rem;min-height:3.25rem;padding:.5rem 1rem}.hud__button:focus-visible,.hud__drive:focus-visible{outline-offset:2px;outline:3px solid #ffd400}.hud__bar{gap:.75rem;display:flex;position:absolute;top:.75rem;right:.75rem}.hud__eye{font-size:1.5rem;line-height:1}.hud__eye[aria-pressed=true]{background:#ffd400bf}.ui-hidden .hud__bar>:not(.hud__eye),.ui-hidden .together,.ui-hidden .debug-overlay,.ui-hidden .bug-report__button,.ui-hidden .measure,.hud__touch{display:none}.has-touch .hud__touch{display:block}.hud__drive{color:#fff;background:#0006;border:3px solid #fff;border-radius:50%;width:6rem;height:6rem;font-size:2.25rem;position:absolute;bottom:1.25rem}.hud__drive.is-held{color:#000;background:#ffd400bf}.hud__drive--left{left:1.25rem}.hud__drive--right{left:8.5rem}.hud__drive--throttle{bottom:8.5rem;right:1.25rem}.hud__drive--brake{right:1.25rem}.hud__drive--handbrake{font-weight:700;right:8.5rem}.hud__rotate{display:none}@media (orientation:portrait){.has-touch .hud__rotate{color:#fff;text-align:center;pointer-events:auto;background:#1b2a1b;justify-content:center;align-items:center;padding:2rem;font-size:2rem;display:flex;position:absolute;inset:0}}.hud__notice{color:#fff;pointer-events:auto;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.5rem;display:flex;position:absolute;inset:0}.hud__notice[hidden]{display:none}.hud__dialog{border:none;border-radius:1rem;max-width:min(90vw,32rem);max-height:90vh;padding:1.25rem 1.5rem;font-size:1.25rem;line-height:1.5;overflow:auto}.hud__dialog::backdrop{background:#00000080}.hud__dialog h2{margin-top:0}.hud__dialog fieldset{border:1px solid #999;border-radius:.5rem;margin:0 0 1rem}.hud__choice{cursor:pointer;padding:.4rem 0;display:block}.hud__choice input{vertical-align:middle;width:1.4rem;height:1.4rem}.hud__dialog .hud__button{background:#1b4f8a;border-color:#1b4f8a;margin:.25rem .5rem .25rem 0}.hud__credits{font-size:1.05rem}.hud__credits h3{margin-bottom:.25rem}.hud__dialog button{font:inherit;touch-action:manipulation}.hud__button[aria-label=Nastavení]{font-size:1.75rem;line-height:1}.measure{color:#fff;text-align:center;background:#000000b3;border-radius:.75rem;max-width:min(36rem,100vw - 24rem);padding:.5rem .75rem;font-size:1rem;line-height:1.35;position:fixed;top:5rem;left:50%;transform:translate(-50%)}.measure p{margin:.15rem 0}.measure__variant{font-weight:600}.measure__button{color:#fff;min-height:3rem;font:inherit;cursor:pointer;background:#1f7a3a;border:2px solid #fff;border-radius:.75rem;margin-top:.35rem;padding:.4rem 1.25rem;font-weight:600}.measure__button:disabled{cursor:default;background:#555}.measure__result{margin-top:.4rem;font-size:1.1rem}.measure__link{color:#ffd400;margin:.25rem .5rem;padding:.3rem .6rem;display:inline-block}.measure-menu{color:#fff;background:#10202c;padding:1rem 1.5rem;font-size:1.15rem;position:fixed;inset:0;overflow:auto}.measure-menu__title{margin:0 0 .5rem;font-size:1.6rem}.measure-menu__text{max-width:48rem}.measure-menu__list{padding:0;list-style:none}.measure-menu__item{margin:.5rem 0}.measure-menu__link{color:#fff;background:#24465c;border-radius:.6rem;max-width:40rem;padding:.75rem 1rem;text-decoration:none;display:block}.measure-menu__link:focus-visible{outline:3px solid #ffd400}.together{color:#fff;z-index:5;max-width:min(22rem,100vw - 1rem);font:1rem/1.35 system-ui,sans-serif;position:fixed;top:.5rem;left:.5rem}.together[data-status=solo]{display:none}.together__form,.together__room{background:#141c24e0;border-radius:.75rem;flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex}.together__title{margin:0;font-size:1.4rem}.together__label{flex-direction:column;gap:.25rem;font-weight:600;display:flex}.together__input,.together__link{font:inherit;color:#111;background:#fff;border:1px solid #8aa;border-radius:.4rem;padding:.45rem .6rem;font-size:1.15rem}.together__code{text-transform:uppercase;letter-spacing:.15em}.together__link{box-sizing:border-box;width:100%;font-size:.9rem}.car-picker fieldset{flex-wrap:wrap;gap:.5rem;display:flex}.car-picker [hidden]{display:none}.car-picker__note{color:#555;margin:0 0 1rem}.car-picker__car{color:#1d1d1b;min-height:3rem;font:inherit;cursor:pointer;background:#f4f4f4;border:2px solid #999;border-radius:.75rem;padding:.4rem 1rem}.car-picker__car[aria-pressed=true]{background:#e3f0ff;border-color:#1565c0;font-weight:600}.car-picker__colour{cursor:pointer;border:3px solid #ccc;border-radius:50%;width:2.75rem;height:2.75rem}.car-picker__colour--model{color:#fff;width:auto;font:inherit;text-shadow:0 0 3px #000;background:linear-gradient(90deg,#d32f2f,#f2c200,#2e9e44,#1e63d6);border-radius:1.4rem;padding:0 .9rem;font-size:.95rem}.car-picker__colour[aria-pressed=true]{border-color:#fff;outline:3px solid #1565c0}.car-start{border:none;border-radius:1rem;max-width:min(92vw,34rem);max-height:90vh;padding:1.25rem 1.5rem;font:1.2rem/1.5 system-ui,sans-serif;overflow:auto}.car-start::backdrop{background:#00000073}.car-start h2{margin-top:0}.car-start fieldset{border:1px solid #999;border-radius:.5rem;margin:0 0 1rem}.car-start__go{min-height:3.25rem;padding:.5rem 2rem;font-size:1.25rem}.together__colours{border:0;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;display:flex}.together__colours legend{margin-bottom:.25rem;font-weight:600}.together__colour{cursor:pointer;border:3px solid #ffffff59;border-radius:50%;width:2.6rem;height:2.6rem}.together__colour[aria-pressed=true]{border-color:#fff;outline:3px solid #ffd54a}.together__primary,.together__secondary,.together__kick{font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.6rem .9rem;font-weight:600}.together__primary{color:#fff;background:#2e9e44;font-size:1.15rem}.together__secondary{color:#111;background:#e3e9ef}.together__kick{color:#fff;background:#c62828;margin-left:auto;padding:.25rem .6rem}.together__error{color:#ffb4a8;min-height:1.2em;margin:0}.together__code-line{margin:0;font-size:1.2rem;font-weight:700}.together__small,.together__note{margin:0;font-size:.9rem}.together__players{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.together__players li{align-items:center;gap:.5rem;display:flex}.together__dot{border-radius:50%;flex:none;width:.9rem;height:.9rem}.together__head{font:inherit;color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.1rem;font-weight:700}.bug-report__bar{z-index:6;gap:.5rem;display:flex;position:fixed;top:.5rem;left:50%;transform:translate(-50%)}.bug-report__button{white-space:nowrap;color:#fff;cursor:pointer;background:#a01e1ebf;border:2px solid #fff;border-radius:.75rem;min-height:3rem;padding:.5rem 1rem;font:1rem system-ui,sans-serif}.bug-report__button.is-recording{font-variant-numeric:tabular-nums;background:#c87800e6}.bug-report__dialog{border:none;border-radius:.75rem;width:min(28rem,100vw - 2rem);padding:1rem 1.25rem;font:1.05rem/1.4 system-ui,sans-serif}.bug-report__dialog label{margin:.5rem 0;display:block}.bug-report__dialog textarea{box-sizing:border-box;width:100%;font:inherit;margin-top:.25rem;display:block}.bug-report__dialog button{min-height:2.75rem;font:inherit;margin:.25rem .5rem 0 0;padding:.4rem 1rem}.bug-report__where,.bug-report__status{color:#555;margin:.25rem 0}
