@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/Barlow-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/Barlow-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/Barlow-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/Barlow-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:block;src:url(/fonts/BarlowCondensed-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:block;src:url(/fonts/BarlowCondensed-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/BarlowCondensed-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/BarlowCondensed-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/IBMPlexMono-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/IBMPlexMono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-noc:#06080b;--c-mlha:#1e2a33;--c-vrstevnice:#6fa8b8;--c-kost:#ece6d8;--c-odrazka:#ffa11a;--c-signal:#e43d30;--c-noc-a80:#06080bcc;--c-noc-a60:#06080b99;--c-mlha-a70:#1e2a33b3;--c-kost-a60:#ece6d899;--c-kost-a35:#ece6d859;--c-kost-a12:#ece6d81f;--c-vrst-a40:#6fa8b866;--c-vrst-a18:#6fa8b82e;--c-odrazka-a25:#ffa11a40;--c-signal-a25:#e43d3040;--font-display:"Barlow Condensed", sans-serif;--font-text:"Barlow", sans-serif;--font-mono:"IBM Plex Mono", monospace;--u:clamp(.72px, .0926vh, 1.4px);--fs-xs:calc(13 * var(--u));--fs-s:calc(18 * var(--u));--fs-m:calc(20 * var(--u));--fs-l:calc(25 * var(--u));--fs-xl:calc(31 * var(--u));--fs-2xl:calc(39 * var(--u));--fs-3xl:calc(61 * var(--u));--fs-4xl:calc(95 * var(--u));--sp-1:calc(8 * var(--u));--sp-2:calc(16 * var(--u));--sp-3:calc(24 * var(--u));--sp-4:calc(32 * var(--u));--sp-6:calc(48 * var(--u));--sp-8:calc(64 * var(--u));--sp-12:calc(96 * var(--u));--safe:calc(48 * var(--u));--radius:2px;--line:calc(2 * var(--u));--ease-in:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.4, 0, 1, 1);--t-fast:.12s;--t-med:.22s;--t-slow:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--c-noc);width:100%;height:100%;color:var(--c-kost);font-family:var(--font-text);font-size:var(--fs-m);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;line-height:1.4;overflow:hidden}#view{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui>*{pointer-events:auto}:focus{outline:none}:focus-visible{outline:var(--line) solid var(--c-odrazka);outline-offset:3px}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-weight:700;line-height:1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:500}.icon{vertical-align:-.12em;flex:none;width:1em;height:1em;display:inline-block}.screen{opacity:0;transition:opacity var(--t-med) var(--ease-in);position:absolute;inset:0}.screen.is-active{opacity:1}.screen.is-leaving{opacity:0;transition:opacity .18s var(--ease-out);pointer-events:none}.screen .rise{opacity:0;transform:translateY(calc(8 * var(--u)));transition:opacity var(--t-med) var(--ease-in), transform var(--t-med) var(--ease-in);transition-delay:calc(var(--i,0) * 40ms + 60ms)}.screen.is-active .rise{opacity:1;transform:none}.scrim-left{pointer-events:none;background:linear-gradient(90deg,#06080beb 0%,#06080ba8 34%,#06080b00 62%);position:absolute;inset:0}.scrim-full{pointer-events:none;background:#06080bc7;position:absolute;inset:0}.eyebrow{font-family:var(--font-display);font-weight:600;font-size:var(--fs-s);letter-spacing:.18em;text-transform:uppercase;color:var(--c-vrstevnice)}.title-xl{font-family:var(--font-display);font-weight:700;font-size:var(--fs-4xl);letter-spacing:.02em;text-transform:uppercase;line-height:.92}.title-l{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);letter-spacing:.04em;text-transform:uppercase;line-height:1}.lede{font-size:var(--fs-l);color:var(--c-kost-a60);font-weight:400}.muted{color:var(--c-kost-a60)}.hint{font-size:var(--fs-s);color:var(--c-kost-a60)}.kbd{min-width:calc(28 * var(--u));height:calc(26 * var(--u));padding:0 calc(7 * var(--u));border:var(--line) solid var(--c-kost-a35);border-bottom-width:calc(3 * var(--u));border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-kost);justify-content:center;align-items:center;line-height:1;display:inline-flex}.btn{appearance:none;color:inherit;font:inherit;cursor:pointer;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:700;font-size:var(--fs-l);letter-spacing:.06em;text-transform:uppercase;height:calc(56 * var(--u));padding:0 var(--sp-3);border-radius:var(--radius);transition:background var(--t-fast) var(--ease-in), color var(--t-fast) var(--ease-in), transform var(--t-fast) var(--ease-in), border-color var(--t-fast) var(--ease-in);background:0 0;border:0;display:inline-flex}.btn .icon{font-size:calc(22 * var(--u))}.btn:active{transform:scale(.97)}.btn-primary{background:var(--c-odrazka);color:var(--c-noc)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--c-kost)}.btn-ghost{border:var(--line) solid var(--c-kost-a35);color:var(--c-kost)}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--c-kost);background:var(--c-kost-a12)}.btn[disabled]{opacity:.38;pointer-events:none}.btn-small{height:calc(40 * var(--u));font-size:var(--fs-m);padding:0 var(--sp-2)}.icon-btn{appearance:none;border:var(--line) solid transparent;color:var(--c-kost-a60);width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:var(--radius);cursor:pointer;font-size:calc(22 * var(--u));transition:color var(--t-fast) var(--ease-in), border-color var(--t-fast) var(--ease-in);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover,.icon-btn:focus-visible{color:var(--c-kost);border-color:var(--c-kost-a35)}.menu{width:min(46vw, calc(820 * var(--u)));position:absolute;top:50%;left:9vw;transform:translateY(-46%)}.menu .brand-mark{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.brand-mark svg{width:calc(28 * var(--u));height:calc(28 * var(--u))}.menu .title-xl{margin-bottom:var(--sp-2)}.menu .lede{margin-bottom:var(--sp-8)}.menu-list{gap:calc(6 * var(--u));border-left:var(--line) solid var(--c-kost-a12);flex-direction:column;list-style:none;display:flex}.menu-item{appearance:none;color:var(--c-kost-a60);font:inherit;cursor:pointer;grid-template-columns:calc(56 * var(--u)) 1fr auto;text-align:left;width:100%;padding:calc(14 * var(--u)) var(--sp-3) calc(14 * var(--u)) var(--sp-3);transition:color var(--t-fast) var(--ease-in), background var(--t-med) var(--ease-in);background:0 0;border:0;align-items:baseline;display:grid;position:relative}.menu-item:before{content:"";left:calc(-2 * var(--u));width:calc(3 * var(--u));background:var(--c-odrazka);transition:transform var(--t-med) var(--ease-in);position:absolute;top:0;bottom:0;transform:scaleY(0)}.menu-item .num{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--c-vrstevnice)}.menu-item .label{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);letter-spacing:.04em;text-transform:uppercase;line-height:1}.menu-item .sub{font-size:var(--fs-s);color:var(--c-kost-a35);margin-top:calc(6 * var(--u));transition:color var(--t-fast) var(--ease-in);grid-column:2}.menu-item .go{font-size:calc(26 * var(--u));color:var(--c-odrazka);opacity:0;transform:translateX(calc(-10 * var(--u)));transition:opacity var(--t-med) var(--ease-in), transform var(--t-med) var(--ease-in);grid-area:1/3}.menu-item:hover,.menu-item:focus-visible{color:var(--c-kost);background:linear-gradient(90deg, var(--c-kost-a12), transparent 80%);outline:none}.menu-item:hover:before,.menu-item:focus-visible:before{transform:scaleY(1)}.menu-item:hover .go,.menu-item:focus-visible .go{opacity:1;transform:none}.menu-item:hover .sub,.menu-item:focus-visible .sub{color:var(--c-kost-a60)}.corner{align-items:center;gap:var(--sp-2);display:flex;position:absolute}.corner.bl{left:9vw;bottom:var(--safe)}.corner.br{right:var(--safe);bottom:var(--safe)}.corner.tr{right:var(--safe);top:var(--safe)}.corner.tl{left:var(--safe);top:var(--safe)}.keys{gap:var(--sp-3);font-size:var(--fs-s);color:var(--c-kost-a60);align-items:center;display:flex}.keys span{gap:calc(6 * var(--u));align-items:center;display:inline-flex}.panel{width:min(82vw, calc(1180 * var(--u)));position:absolute;top:50%;left:9vw;transform:translateY(-50%)}.panel-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.back{align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-3);display:inline-flex}.plate{border:var(--line) solid var(--c-kost);border-radius:var(--radius);background:var(--c-noc-a80);align-items:stretch;display:inline-flex;position:relative}.plate:before{content:"";width:calc(14 * var(--u));background:var(--c-vrstevnice);opacity:.85}.plate .cell{width:calc(78 * var(--u));height:calc(96 * var(--u));font-family:var(--font-mono);font-size:var(--fs-3xl);color:var(--c-kost);border-left:var(--line) solid var(--c-kost-a12);justify-content:center;align-items:center;display:flex;position:relative}.plate .cell:first-of-type{border-left:0}.plate .cell.caret:after{content:"";bottom:calc(18 * var(--u));height:calc(3 * var(--u));background:var(--c-odrazka);animation:1s steps(2,end) infinite caret;position:absolute;left:26%;right:26%}@keyframes caret{50%{opacity:0}}.plate input{opacity:0;cursor:text;font-size:16px;position:absolute;inset:0}.plate.small .cell{width:calc(48 * var(--u));height:calc(58 * var(--u));font-size:var(--fs-2xl)}.plate.is-error{border-color:var(--c-signal);animation:shake .3s var(--ease-in)}@keyframes shake{25%{transform:translateX(calc(-6 * var(--u)))}75%{transform:translateX(calc(6 * var(--u)))}}.form-row{align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);display:flex}.error-line{color:var(--c-signal);font-size:var(--fs-m);min-height:1.4em;margin-top:var(--sp-2);opacity:0;transition:opacity var(--t-med) var(--ease-in)}.error-line.is-visible{opacity:1}.lobby-code{align-items:center;gap:var(--sp-3);display:flex}.roles{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.role-card{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border:var(--line) solid var(--c-kost-a12);border-radius:var(--radius);background:var(--c-noc-a80);padding:var(--sp-4);min-height:calc(300 * var(--u));transition:border-color var(--t-med) var(--ease-in), background var(--t-med) var(--ease-in);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.role-card:hover,.role-card:focus-visible{border-color:var(--c-kost-a35);outline:none}.role-card.is-mine{border-color:var(--c-odrazka)}.role-card .art{opacity:.9;pointer-events:none;width:100%;height:66%;position:absolute;inset:0 0 34%;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.role-card .role-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);letter-spacing:.05em;text-transform:uppercase;position:relative}.role-card .role-desc{font-size:var(--fs-m);color:var(--c-kost-a60);max-width:30ch;margin-top:var(--sp-1);position:relative}.role-card .who{top:var(--sp-3);right:var(--sp-3);gap:var(--sp-1);display:flex;position:absolute}.tag{align-items:center;gap:calc(6 * var(--u));height:calc(28 * var(--u));padding:0 calc(10 * var(--u));border-radius:var(--radius);font-family:var(--font-display);font-weight:600;font-size:var(--fs-s);letter-spacing:.12em;text-transform:uppercase;transition:background var(--t-med) var(--ease-in), color var(--t-med) var(--ease-in);display:inline-flex}.tag.me{background:var(--c-odrazka);color:var(--c-noc)}.tag.peer{border:var(--line) solid var(--c-kost-a35)}.tag.ready:after{content:"";width:calc(7 * var(--u));height:calc(7 * var(--u));background:currentColor;border-radius:50%}.lobby-foot{align-items:end;gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:1fr auto;display:grid}.meta-grid{justify-content:start;gap:var(--sp-1) var(--sp-6);grid-template-columns:repeat(5,auto);display:grid}.meta-grid dt{font-family:var(--font-display);font-weight:600;font-size:var(--fs-s);letter-spacing:.14em;text-transform:uppercase;color:var(--c-vrstevnice)}.meta-grid dd{font-family:var(--font-mono);font-size:var(--fs-l)}.peer-status{align-items:center;gap:var(--sp-1);font-family:var(--font-display);font-weight:600;font-size:var(--fs-m);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--sp-3);display:flex}.pulse-dot{width:calc(9 * var(--u));height:calc(9 * var(--u));animation:pulse 1.4s var(--ease-in) infinite;background:currentColor;border-radius:50%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.segmented{border:var(--line) solid var(--c-kost-a35);border-radius:var(--radius);padding:calc(3 * var(--u));gap:calc(3 * var(--u));display:inline-flex}.segmented button{appearance:none;color:var(--c-kost-a60);font-family:var(--font-display);font-weight:600;font-size:var(--fs-m);letter-spacing:.08em;text-transform:uppercase;height:calc(36 * var(--u));padding:0 var(--sp-2);cursor:pointer;transition:background var(--t-fast) var(--ease-in), color var(--t-fast) var(--ease-in);background:0 0;border:0;border-radius:1px}.segmented button.is-on{background:var(--c-kost);color:var(--c-noc)}.segmented[aria-disabled=true]{opacity:.5;pointer-events:none}.center-stack{justify-content:center;align-items:center;gap:var(--sp-3);flex-direction:column;display:flex;position:absolute;inset:0}.progress{width:calc(320 * var(--u));height:calc(2 * var(--u));background:var(--c-kost-a12);overflow:hidden}.progress i{background:var(--c-odrazka);width:40%;height:100%;animation:progress 1.1s var(--ease-in) infinite;display:block}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(260%)}}.countdown{font-family:var(--font-display);font-weight:700;font-size:calc(220 * var(--u));color:var(--c-kost);text-shadow:0 0 calc(40 * var(--u)) #ffa11a59;line-height:1}.countdown.tick{animation:tick .3s var(--ease-in)}.countdown.go{color:var(--c-odrazka)}@keyframes tick{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.hud{pointer-events:none;position:absolute;inset:0}.hud .tl,.hud .tr,.hud .bl,.hud .br{position:absolute}.hud .tl{left:var(--safe);top:var(--safe)}.hud .tr{right:var(--safe);top:var(--safe);text-align:right}.hud .bl{left:var(--safe);bottom:var(--safe)}.hud .br{right:var(--safe);bottom:var(--safe);text-align:right}.conn{align-items:center;gap:calc(10 * var(--u));font-family:var(--font-display);font-weight:600;font-size:var(--fs-s);letter-spacing:.14em;text-transform:uppercase;color:var(--c-vrstevnice);display:flex}.conn i{width:calc(8 * var(--u));height:calc(8 * var(--u));background:currentColor;border-radius:50%}.conn.weak{color:var(--c-odrazka)}.conn.lost{color:var(--c-signal)}.timer .label{font-family:var(--font-display);font-weight:600;font-size:var(--fs-s);letter-spacing:.16em;color:var(--c-vrstevnice);text-transform:uppercase}.timer .value{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;transition:color var(--t-slow) var(--ease-in);line-height:1.05}.timer.low .value{color:var(--c-signal);animation:1s ease-in-out infinite lowpulse}@keyframes lowpulse{50%{opacity:.55}}.timer .limit{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--c-kost-a60)}.speedo{width:calc(230 * var(--u));height:calc(150 * var(--u));position:relative}.speedo svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.speedo .readout{left:0;right:0;bottom:calc(12 * var(--u));text-align:center;position:absolute}.speedo .kmh{font-family:var(--font-mono);font-size:var(--fs-3xl);line-height:1}.speedo .unit{font-family:var(--font-display);font-weight:600;font-size:var(--fs-s);letter-spacing:.16em;color:var(--c-vrstevnice)}.speedo .gear{right:calc(-8 * var(--u));bottom:calc(14 * var(--u));font-family:var(--font-mono);font-size:var(--fs-m);color:var(--c-kost-a60);position:absolute}.damage .segs{gap:calc(4 * var(--u));margin-bottom:calc(10 * var(--u));justify-content:flex-end;display:flex}.damage .segs i{width:calc(16 * var(--u));height:calc(26 * var(--u));background:var(--c-kost);transition:background var(--t-slow) var(--ease-in), opacity var(--t-slow) var(--ease-in);transform:skew(-12deg)}.damage .segs i.warn{background:var(--c-odrazka)}.damage .segs i.crit{background:var(--c-signal)}.damage .segs i.off{background:var(--c-kost-a12)}.damage .row{gap:var(--sp-3);justify-content:flex-end;align-items:baseline;display:flex}.damage .k{font-family:var(--font-display);font-weight:600;font-size:var(--fs-s);letter-spacing:.16em;text-transform:uppercase;color:var(--c-vrstevnice)}.damage .v{font-family:var(--font-mono);font-size:var(--fs-l)}.damage.hit .segs{animation:dmghit .26s var(--ease-in)}@keyframes dmghit{30%{transform:translateX(calc(-6 * var(--u)))}60%{transform:translateX(calc(4 * var(--u)))}}.ping-stage{flex-direction:column;align-items:center;display:flex;position:absolute;top:16vh;left:50%;transform:translate(-50%)}.ping-card{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-4) var(--sp-1) var(--sp-3);border-left:calc(4 * var(--u)) solid var(--c-odrazka);color:var(--c-odrazka);opacity:0;will-change:transform, opacity;background:#06080b9e;display:flex;position:relative;transform:scale(1.15)}.ping-card:after{content:"";box-shadow:0 0 calc(24 * var(--u)) currentColor, inset 0 0 calc(10 * var(--u)) currentColor;opacity:0;pointer-events:none;will-change:opacity;position:absolute;inset:0}.ping-card.show:after{animation:pingGlow 1.5s var(--ease-in) forwards}@keyframes pingGlow{0%{opacity:0}12%{opacity:.55}70%,to{opacity:0}}.ping-card .icon{font-size:var(--fs-3xl)}.ping-card .word{font-family:var(--font-display);font-weight:700;font-size:var(--fs-3xl);letter-spacing:.06em;line-height:1}.ping-card.danger{color:var(--c-signal);border-color:var(--c-signal)}.ping-card.show{animation:pingIn 1.5s var(--ease-in) forwards}.ping-card.show.dir-left{animation-name:pingInLeft}.ping-card.show.dir-right{animation-name:pingInRight}@keyframes pingIn{0%{opacity:0;transform:scale(1.15)}12%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes pingInLeft{0%{opacity:0;transform:translateX(calc(24 * var(--u))) scale(1.15)}12%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1;transform:translateX(calc(-24 * var(--u)))}to{opacity:0;transform:translateX(calc(-30 * var(--u)))}}@keyframes pingInRight{0%{opacity:0;transform:translateX(calc(-24 * var(--u))) scale(1.15)}12%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1;transform:translateX(calc(24 * var(--u)))}to{opacity:0;transform:translateX(calc(30 * var(--u)))}}.impact-flash{opacity:0;pointer-events:none;background:radial-gradient(#0000 40%,#e43d3059);position:absolute;inset:0}.impact-flash.on{animation:flash .42s var(--ease-out)}@keyframes flash{0%{opacity:1}to{opacity:0}}.hud.cockpit .speedo{display:none}.view-hint{left:50%;bottom:calc(var(--safe) * .6);gap:calc(8 * var(--u));white-space:nowrap;font-size:var(--fs-s);color:var(--c-kost-a60);padding:calc(6 * var(--u)) var(--sp-2);animation:hintFade 9s var(--ease-in) forwards;background:#06080b99;align-items:center;display:flex;position:absolute;transform:translate(-50%)}@keyframes hintFade{0%,80%{opacity:1}to{opacity:0}}.pingpad+.view-hint,.hud .pingpad~.view-hint{bottom:calc(var(--safe) * .6 + 110 * var(--u))}.hud-prompt{left:50%;bottom:calc(var(--safe) * .6 + 64 * var(--u));transform:translate(-50%, calc(8 * var(--u)));align-items:center;gap:var(--sp-1);padding:calc(10 * var(--u)) var(--sp-3);border-left:calc(4 * var(--u)) solid var(--c-odrazka);font-size:var(--fs-m);color:var(--c-kost);white-space:nowrap;opacity:0;transition:opacity var(--t-med) var(--ease-in), transform var(--t-med) var(--ease-in);background:#06080bd1;display:flex;position:absolute}.hud-prompt.show{opacity:1;transform:translate(-50%)}.hud-prompt.danger{border-left-color:var(--c-signal)}.hud-prompt.danger .icon{color:var(--c-signal)}.briefing{width:min(36vw, calc(560 * var(--u)));padding:var(--sp-4);border-left:calc(4 * var(--u)) solid var(--c-odrazka);pointer-events:none;animation:briefIn var(--t-slow) var(--ease-in) both;transition:opacity var(--t-slow) var(--ease-out), transform var(--t-slow) var(--ease-out);background:linear-gradient(90deg,#06080be6,#06080bb8);position:absolute;top:50%;left:9vw;transform:translateY(-50%)}.briefing.out{opacity:0;transform:translate(calc(-16 * var(--u)), -50%)}@keyframes briefIn{0%{opacity:0;transform:translate(calc(-16 * var(--u)), -50%)}}.briefing .title-l{margin:var(--sp-1) 0 var(--sp-1)}.briefing .muted{font-size:var(--fs-m);line-height:1.4}.brief-weather{margin:var(--sp-2) 0 0;column-gap:var(--sp-2);font-size:var(--fs-s);color:var(--c-kost-a60);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.brief-weather b{font-family:var(--font-display);font-weight:700;font-size:var(--fs-m);letter-spacing:.06em;text-transform:uppercase;color:var(--c-odrazka)}.brief-weather span:last-child{grid-column:2}.brief-keys{margin:var(--sp-3) 0 0;gap:calc(10 * var(--u));padding:0;list-style:none;display:grid}.brief-keys li{grid-template-columns:calc(170 * var(--u)) 1fr;font-size:var(--fs-s);color:var(--c-kost-a60);align-items:center;display:grid}.brief-keys .keys{gap:calc(6 * var(--u));display:flex}.brief-goal{margin:var(--sp-3) 0 0;padding-top:var(--sp-2);border-top:var(--line) solid var(--c-kost-a12);font-size:var(--fs-s);color:var(--c-kost-a60)}.brief-goal b{font-family:var(--font-mono);color:var(--c-kost);font-weight:500}.nav-next{left:50%;top:var(--safe);align-items:center;gap:var(--sp-2);padding:calc(10 * var(--u)) var(--sp-3);border:var(--line) solid var(--c-kost-a12);transition:border-color var(--t-med) var(--ease-in), opacity var(--t-med) var(--ease-in);background:#06080bc7;display:flex;position:absolute;transform:translate(-50%)}.nav-next.is-hazard{border-color:var(--c-signal)}.nav-next .icon{font-size:calc(26 * var(--u));color:var(--c-vrstevnice)}.nav-next.is-urgent{animation:urgent .6s var(--ease-in) infinite alternate}@keyframes urgent{0%{background:#06080bc7}to{background:#e43d306b}}.nav-next.is-hazard .icon{color:var(--c-signal)}.nav-next .what{font-family:var(--font-display);font-weight:700;font-size:var(--fs-l);letter-spacing:.06em;text-transform:uppercase}.nav-next .dist{font-family:var(--font-mono);font-size:var(--fs-l);text-align:right;min-width:5ch}.compass{width:calc(64 * var(--u));height:calc(64 * var(--u))}.pingpad{right:var(--safe);bottom:var(--safe);grid-template-columns:repeat(3, calc(104 * var(--u)));gap:calc(8 * var(--u));grid-template-areas:"pozor rovne wash""vlevo brzdi vpravo";display:grid;position:absolute}.pingkey[data-ping=pozor]{grid-area:pozor}.pingkey[data-ping=rovne]{grid-area:rovne}.pingkey[data-ping=vlevo]{grid-area:vlevo}.pingkey[data-ping=brzdi]{grid-area:brzdi}.pingkey[data-ping=vpravo]{grid-area:vpravo}.pingkey.washkey{color:var(--c-kost-a60);grid-area:wash}.pingkey.washkey[data-state=dirty]{color:var(--c-odrazka);border-color:var(--c-odrazka)}.pingkey.washkey[data-state=dirty]:before{content:"";opacity:0;animation:washPulse .7s var(--ease-in) infinite alternate;will-change:opacity;pointer-events:none;background:#ffa11a38;position:absolute;inset:0}.pingkey.washkey[data-state=washing]{color:var(--c-noc);background:var(--c-odrazka);border-color:var(--c-odrazka)}.pingkey.washkey[data-state=cooldown]{opacity:.45}@keyframes washPulse{to{opacity:1}}.pingkey{appearance:none;font:inherit;color:var(--c-kost);cursor:pointer;width:calc(104 * var(--u));height:calc(84 * var(--u));border:var(--line) solid var(--c-kost-a35);border-bottom-width:calc(5 * var(--u));border-radius:var(--radius);justify-content:center;align-items:center;gap:calc(6 * var(--u));transition:transform 80ms var(--ease-in), border-color var(--t-fast) var(--ease-in), color var(--t-fast) var(--ease-in);background:#06080bd6;flex-direction:column;display:flex;position:relative;overflow:hidden}.pingkey .icon{font-size:calc(30 * var(--u))}.pingkey .lbl{font-family:var(--font-display);font-weight:700;font-size:var(--fs-m);letter-spacing:.08em}.pingkey .kbd{top:calc(6 * var(--u));right:calc(6 * var(--u));height:calc(20 * var(--u));min-width:calc(20 * var(--u));font-size:calc(11 * var(--u));padding:0 calc(4 * var(--u));border-width:1px 1px 2px;position:absolute}.pingkey .kbd .spacebar{width:calc(16 * var(--u));height:calc(5 * var(--u));margin-top:calc(-3 * var(--u));border:1px solid;border-top:0;display:block}.pingkey:hover,.pingkey:focus-visible{border-color:var(--c-kost);outline:none}.pingkey.press{color:var(--c-odrazka);border-color:var(--c-odrazka);transform:scale(.94)}.pingkey.danger.press{color:var(--c-signal);border-color:var(--c-signal)}.pingkey .cool{height:calc(3 * var(--u));transform-origin:0;background:currentColor;width:100%;position:absolute;bottom:0;left:0;transform:scaleX(0)}.pingkey.press .cool{animation:.4s linear forwards cool}@keyframes cool{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.overlay{opacity:0;transition:opacity var(--t-med) var(--ease-in);background:#06080bb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.is-active{opacity:1}.overlay .box{width:min(86vw, calc(620 * var(--u)));border-left:calc(4 * var(--u)) solid var(--c-signal);background:var(--c-noc);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-4);transform:translateY(calc(8 * var(--u)));transition:transform var(--t-med) var(--ease-in)}.overlay.is-active .box{transform:none}.overlay .box.neutral{border-left-color:var(--c-odrazka)}.overlay .actions{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.overlay .box.settings{width:min(86vw, calc(680 * var(--u)))}.setting{grid-template-columns:calc(180 * var(--u)) minmax(0, 1fr) calc(88 * var(--u));align-items:center;gap:var(--sp-3);height:calc(56 * var(--u));border-top:var(--line) solid var(--c-kost-a12);display:grid}.setting:last-of-type{border-bottom:var(--line) solid var(--c-kost-a12)}.setting-label{font-family:var(--font-display);font-weight:600;font-size:var(--fs-m);letter-spacing:.08em;text-transform:uppercase;color:var(--c-kost-a60);transition:color var(--t-fast) var(--ease-in)}.setting:hover .setting-label,.setting:focus-within .setting-label{color:var(--c-kost)}.setting-quality{grid-template-columns:calc(180 * var(--u)) minmax(0, 1fr);height:auto;padding:calc(10 * var(--u)) 0}.setting-quality .segmented{display:flex}.setting-quality .segmented button{padding:0 calc(6 * var(--u));white-space:nowrap;flex:1}.setting-note{font-size:var(--fs-s);color:var(--c-kost-a60);grid-column:2;line-height:1.35}.setting-note b{color:var(--c-kost);font-weight:600}.setting-value{text-align:right;font-size:var(--fs-s);color:var(--c-kost)}.hint-line{margin-top:var(--sp-3);font-size:var(--fs-s)}.range{appearance:none;width:100%;height:calc(32 * var(--u));cursor:pointer;--p:50%;background:0 0}.range:focus{outline:none}.range::-webkit-slider-runnable-track{height:var(--line);background:linear-gradient(90deg, var(--c-odrazka) 0 var(--p), var(--c-kost-a35) var(--p) 100%)}.range::-moz-range-track{height:var(--line);background:var(--c-kost-a35)}.range::-moz-range-progress{height:var(--line);background:var(--c-odrazka)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:calc(6 * var(--u));height:calc(24 * var(--u));margin-top:calc(-11 * var(--u));background:var(--c-kost);box-shadow:inset 0 calc(5 * var(--u)) 0 var(--c-odrazka);transition:transform var(--t-fast) var(--ease-in);border:0;border-radius:1px}.range::-moz-range-thumb{width:calc(6 * var(--u));height:calc(24 * var(--u));background:var(--c-kost);box-shadow:inset 0 calc(5 * var(--u)) 0 var(--c-odrazka);transition:transform var(--t-fast) var(--ease-in);border:0;border-radius:1px}.range:hover::-webkit-slider-thumb{transform:scaleY(1.2)}.range:focus-visible::-webkit-slider-thumb{transform:scaleY(1.2)}.range:focus-visible::-webkit-slider-thumb{box-shadow:inset 0 calc(5 * var(--u)) 0 var(--c-odrazka), 0 0 0 calc(3 * var(--u)) var(--c-odrazka-a25)}.results{gap:var(--sp-8);padding:calc(var(--safe) * 2) 9vw;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid;position:absolute;inset:0}.results .outcome{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);letter-spacing:.1em;text-transform:uppercase;color:var(--c-odrazka)}.results .outcome.fail{color:var(--c-signal)}.results .big-time{font-family:var(--font-mono);font-size:calc(132 * var(--u));margin:var(--sp-2) 0 var(--sp-1);font-variant-numeric:tabular-nums;line-height:1}.results .vs{font-family:var(--font-mono);font-size:var(--fs-l);color:var(--c-kost-a60)}.results .vs b{color:var(--c-kost);font-weight:500}.stats{margin-top:var(--sp-6);border-top:var(--line) solid var(--c-kost-a12)}.stats .r{padding:calc(14 * var(--u)) 0;border-bottom:1px solid var(--c-kost-a12);justify-content:space-between;align-items:baseline;display:flex}.stats .k{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-weight:600;font-size:var(--fs-m);color:var(--c-kost-a60)}.stats .v{font-family:var(--font-mono);font-size:var(--fs-l)}.results .minimap{aspect-ratio:1;border:var(--line) solid var(--c-kost-a12);background:var(--c-noc-a80);width:100%;max-height:72vh}.results .actions{gap:var(--sp-2);margin-top:var(--sp-6);display:flex}.toast{left:50%;bottom:calc(var(--safe) * 2.6);transform:translateX(-50%) translateY(calc(10 * var(--u)));background:var(--c-noc);border-left:calc(4 * var(--u)) solid var(--c-odrazka);padding:calc(12 * var(--u)) var(--sp-3);font-size:var(--fs-m);opacity:0;transition:opacity var(--t-med) var(--ease-in), transform var(--t-med) var(--ease-in);pointer-events:none;position:absolute}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast.error{border-left-color:var(--c-signal)}@media (max-height:820px){.role-card{min-height:calc(240 * var(--u))}}#ui>[data-screen=race],#ui [data-screen=race] .hud,#ui [data-screen=race] .center-stack{pointer-events:none}#ui [data-screen=race] .pingpad,#ui [data-screen=race] .pingkey,#ui [data-screen=race] button{pointer-events:auto}