@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff) format("woff")}:root{--ok-ink: #1c1030;--ok-panel: #2a1a4c;--ok-white: #ffffff;--ok-cream: #fff4dc;--ok-red: #dc2f26;--ok-red-deep: #b3201c;--ok-orange: #ff8a1f;--ok-sun: #ffd23a;--ok-sky: #35c2ff;--ok-sky-deep: #1b7fd6;--ok-mint: #35e08a;--ok-purple: #9a5cff;--ok-purple-deep: #7b3fe0;--ok-sky-ink: #1668b8;--ok-olive: #4f6b2f;--ok-olive-deep: #3b5222;--ok-olive-pale: #eef3da;--ok-team-red: #e0483a;--ok-team-orange: #f5a02a;--ok-team-red-text: #ff8a7b;--ok-team-orange-text: #ffc069;--ok-muted: #6d4f8f;--ok-muted-deep: #5b3d7a;--ok-cream-2: #fff1dc;--ok-cream-3: #fff3df;--ok-line: #d9c3a6;--ok-sky-pale: #d6f3ff;--ok-lilac: #e7dcff;--ok-lilac-2: #d6c6ff;--ok-chip-fallback: #7d6aa3;--ok-coral: #ff5a4a;--ok-rank-1: #ffc62b;--ok-rank-2: #cfe3f7;--ok-rank-3: #e8924f;--ok-rank-4: #3aa8ff;--ok-charge-1: #35c2ff;--ok-charge-2: #ff8a1f;--ok-charge-3: #9a5cff;--ok-charge-boost: #ffd23a;--ok-outline: .2em solid var(--ok-ink);--ok-sticker: 0 .3em 0 .16em var(--ok-ink);--ok-sticker-lg: 0 0 0 .2em var(--ok-white), 0 0 0 .4em var(--ok-ink), 0 .5em 0 .4em var(--ok-ink);--ok-drop: 0 .9em 1.6em rgb(20 8 36 / .35);--ok-r-sm: .5em;--ok-r: 1em;--ok-r-lg: 1.4em;--ok-r-pill: 999px;--ok-s-1: 4px;--ok-s-2: 8px;--ok-s-3: 12px;--ok-s-4: 16px;--ok-s-5: 24px;--ok-font-display: "Lilita One", "Arial Black", Impact, sans-serif;--ok-font-ui: "Nunito", "Arial Rounded MT Bold", Arial, sans-serif;--ok-text-min: 12px;--ok-ease-pop: cubic-bezier(.34, 1.56, .64, 1);--ok-ease-out: cubic-bezier(.16, 1, .3, 1);--ok-ease-roll: cubic-bezier(.12, .72, .18, 1);--ok-fast: .16s;--ok-med: .3s;--ok-slow: .6s;--ok-z-hud: 10;--ok-z-action: 25;--ok-z-moment: 30;--ok-z-toast: 10020;--ok-z-modal: 15000}.pr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11500;display:grid;place-items:center;padding:14px;background:#1c1030b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--ok-font-ui);font-weight:800;color:var(--ok-ink)}.pr-panel{position:relative;width:min(980px,100%);max-height:94dvh;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:22px 22px 26px;border-radius:1.6em;background:var(--ok-cream);border:4px solid var(--ok-ink);box-shadow:0 0 0 4px var(--ok-white),0 0 0 8px var(--ok-ink),0 10px 0 8px var(--ok-ink);animation:pr-pop var(--ok-med) var(--ok-ease-pop) both}.pr-panel *{box-sizing:border-box}.pr-panel>*{flex-shrink:0}.pr-panel .ok-ico{width:1.25em;height:1.25em;flex:0 0 auto}.pr-head{display:grid;justify-items:center;gap:6px;text-align:center}.pr-banner{margin:-6px 0 4px;padding:.08em .9em .16em;border:4px solid var(--ok-ink);border-radius:.3em;background:repeating-linear-gradient(115deg,var(--ok-red) 0 1.4em,var(--ok-orange) 1.4em 2.8em);box-shadow:0 6px 0 4px var(--ok-ink);transform:skew(-8deg);animation:pr-banner-in var(--ok-slow) var(--ok-ease-pop) both}.pr-banner span{display:inline-block;transform:skew(8deg);font-family:var(--ok-font-display);font-size:clamp(40px,8vw,72px);line-height:1.02;letter-spacing:.02em;color:var(--ok-white);-webkit-text-stroke:.14em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ok-ink)}.pr-kicker,.track-kicker{display:inline-flex;align-items:center;gap:6px;padding:.3em .7em;border:2px solid var(--ok-ink);border-radius:.4em;background:var(--ok-red);color:var(--ok-white);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;line-height:1.2}.pr-head h2{margin:0;font-family:var(--ok-font-display);font-weight:400;font-size:clamp(26px,4vw,34px);line-height:1.05;color:var(--ok-ink)}.pr-head p{margin:0;font-size:14px;font-weight:700;color:var(--ok-muted)}.pr-stage{width:100%;max-width:740px;height:clamp(180px,32dvh,300px);margin:0 auto;border:3px solid var(--ok-ink);border-radius:var(--ok-r-lg);overflow:hidden;background:radial-gradient(ellipse at 50% 20%,rgb(255 255 255 / .85),transparent 60%),var(--ok-sky);box-shadow:0 5px 0 3px var(--ok-ink)}.pr-rank-1{--pr-rank: var(--ok-rank-1)}.pr-rank-2{--pr-rank: var(--ok-rank-2)}.pr-rank-3{--pr-rank: var(--ok-rank-3)}.pr-rank-4{--pr-rank: var(--ok-rank-4)}.pr-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:12px;width:100%;max-width:740px;margin:0 auto}.pr-winner{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 10px 14px;border-radius:var(--ok-r);background:var(--ok-white);border:3px solid var(--ok-ink);box-shadow:0 5px 0 3px var(--ok-ink);text-align:center;animation:pr-pop var(--ok-med) var(--ok-ease-pop) both;animation-delay:calc(var(--i, 0) * .14s + .26s)}.pr-winner.first{padding-top:18px;box-shadow:0 0 0 4px var(--ok-sun),0 0 0 7px var(--ok-ink),0 9px 0 7px var(--ok-ink)}.pr-winner .pr-chip{width:56px;height:56px}.pr-winner.first .pr-chip{width:66px;height:66px}.pr-place{display:inline-block;padding:.1em .7em;border:3px solid var(--ok-ink);border-radius:.45em;background:var(--pr-rank, var(--ok-rank-4));color:var(--ok-ink);font-family:var(--ok-font-display);font-size:18px;line-height:1.2}.pr-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ok-font-display);font-size:21px;line-height:1.1}.pr-meta{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ok-muted)}.pr-score{font-family:var(--ok-font-display);font-size:15px;color:var(--ok-red-deep)}.pr-nw{white-space:nowrap}.pr-chip{position:relative;flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:3px solid var(--ok-ink);border-radius:50%;background:var(--chip, var(--ok-panel));box-shadow:0 3px 0 var(--ok-ink)}.pr-chip b{font-family:var(--ok-font-display);font-weight:400;font-size:20px;line-height:1;color:var(--ok-white);-webkit-text-stroke:.1em var(--ok-ink);paint-order:stroke fill}.pr-chip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%}.pr-spotlight{width:100%;max-width:740px;margin:0 auto}.pr-tabs{display:flex;gap:8px;width:max-content;max-width:100%;padding:6px;border:3px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-white);box-shadow:0 4px 0 3px var(--ok-ink)}.pr-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 16px;border:3px solid transparent;border-radius:var(--ok-r-pill);background:transparent;color:var(--ok-ink);font:900 14px/1 var(--ok-font-ui);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.pr-tabs button .ok-ico{width:22px;height:22px}.pr-tabs button[aria-selected=true]{background:var(--ok-red);color:var(--ok-white);border-color:var(--ok-ink)}.pr-spotlight-card{display:flex;align-items:center;gap:16px;margin-top:12px;min-height:136px;padding:12px 18px 12px 12px;border:3px solid var(--ok-ink);border-radius:var(--ok-r-lg);background:var(--ok-sky);box-shadow:0 5px 0 3px var(--ok-ink)}.pr-spotlight-card>div{min-width:0}.pr-spotlight-card .rp-kart{flex:0 0 176px;height:120px;border-radius:1em}.pr-spotlight-card h3{margin:6px 0 4px;font-family:var(--ok-font-display);font-weight:400;font-size:28px;line-height:1.05;color:var(--ok-ink)}.pr-spotlight-card p{margin:0;font-size:14px;font-weight:800;color:var(--ok-ink)}.pr-spotlight-card small{display:block;margin-top:4px;font-size:13px;font-weight:800;color:var(--ok-ink)}.rp-kart{width:100%;height:92px;overflow:hidden}.rp-kart canvas{width:100%!important;height:100%!important}.pr-standings,.pr-cup{width:100%;max-width:740px;margin:0 auto;padding:14px;border:3px solid var(--ok-ink);border-radius:var(--ok-r-lg);background:var(--ok-white);box-shadow:0 5px 0 3px var(--ok-ink)}.pr-section-head,.pr-cup-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px}.pr-section-head h3{margin:0;font-family:var(--ok-font-display);font-weight:400;font-size:22px;line-height:1.1;color:var(--ok-ink)}.pr-section-head span,.pr-cup-head span{font-size:12px;font-weight:800;color:var(--ok-muted)}.pr-cup-head strong{font-family:var(--ok-font-display);font-weight:400;font-size:20px;color:var(--ok-red-deep)}.pr-rows{list-style:none;display:grid;gap:8px;margin:10px 0 0;padding:2px 4px 2px 2px;max-height:min(46dvh,440px);overflow:auto}.pr-row{display:grid;grid-template-columns:44px 48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:3px solid var(--ok-ink);border-radius:.9em;background:var(--ok-cream);box-shadow:0 3px 0 2px var(--ok-ink);animation:pr-slide-in var(--ok-med) var(--ok-ease-out) both;animation-delay:calc(min(var(--i, 0),12)*70ms + .38s)}.pr-row:nth-child(2n){background:var(--ok-white)}.pr-row-place{display:grid;place-items:center;width:44px;height:44px;border:3px solid var(--ok-ink);border-radius:.6em;background:var(--pr-rank, var(--ok-rank-4));font-family:var(--ok-font-display);font-size:22px;line-height:1;color:var(--ok-ink)}.pr-row .pr-chip{width:48px;height:48px}.pr-row-name{display:grid;min-width:0}.pr-row-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ok-font-display);font-weight:400;font-size:19px;line-height:1.1}.pr-row-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ok-muted)}.pr-row-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 16px;margin:0}.pr-row-stats>div{display:grid;min-width:46px;text-align:right}.pr-row-stats dt{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ok-muted)}.pr-row-stats dd{margin:0;font-family:var(--ok-font-display);font-size:18px;line-height:1.1;font-variant-numeric:tabular-nums}.pr-awards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:740px;margin:0 auto}.pr-award{display:grid;justify-items:center;align-content:start;gap:4px;min-width:0;padding:12px 10px;border:3px solid var(--ok-ink);border-radius:var(--ok-r);background:var(--ok-white);box-shadow:0 4px 0 3px var(--ok-ink);text-align:center;animation:pr-pop var(--ok-med) var(--ok-ease-pop) both;animation-delay:calc(min(var(--i, 0),8)*80ms + .56s)}.pr-award-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:2px;border:3px solid var(--ok-ink);border-radius:50%;background:var(--ok-sun)}.pr-award-icon .ok-ico{width:32px;height:32px}.pr-award b{font-family:var(--ok-font-display);font-weight:400;font-size:16px;line-height:1.1}.pr-award-desc{font-size:12px;font-weight:700;line-height:1.3;color:var(--ok-muted)}.pr-award strong{max-width:100%;margin-top:4px;padding:.2em .7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:2px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-red);color:var(--ok-white);font-size:12px}.pr-cup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;margin-top:10px;overflow:auto}.pr-cup-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:2px solid var(--ok-ink);border-radius:.8em;background:var(--ok-cream)}.pr-cup-row b{font-family:var(--ok-font-display);font-weight:400;font-size:18px;color:var(--ok-red-deep)}.pr-cup-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900}.pr-cup-row small{font-size:12px;font-weight:800;color:var(--ok-muted);white-space:nowrap}.pr-cup-track{margin:10px 0 0;text-align:center;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ok-muted)}.pr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pr-btn{max-width:100%;white-space:normal;text-align:center;line-height:1.15}.pr-btn .ok-ico{width:20px;height:20px}.pr-error{margin:0;padding:.6em .9em;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-red);color:var(--ok-white);text-align:center;font-weight:900}.track-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10800;display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:radial-gradient(ellipse at 50% 40%,#1c10304d,#1c1030d1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;font-family:var(--ok-font-ui);font-weight:800;color:var(--ok-ink)}.track-loading{--track-deep: color-mix(in srgb, var(--track-color, var(--ok-red)) 72%, var(--ok-ink));position:relative;display:flex;flex-direction:column;width:min(1000px,100%);max-height:100%;overflow:auto;border-radius:1.6em;background:var(--ok-cream);border:4px solid var(--ok-ink);box-shadow:0 0 0 4px var(--ok-white),0 0 0 8px var(--ok-ink),0 10px 0 8px var(--ok-ink);animation:pr-pop var(--ok-med) var(--ok-ease-pop) both}.track-loading-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding:16px 22px;border-bottom:4px solid var(--ok-ink);background:repeating-linear-gradient(115deg,var(--track-color, var(--ok-red)) 0 2.2em,var(--track-deep) 2.2em 4.4em)}.track-loading-head .track-kicker{background:var(--ok-ink)}.track-kicker .ok-ico{box-sizing:content-box;width:14px;height:14px;padding:3px;border-radius:50%;background:var(--ok-sun)}.track-theme{padding:.3em .9em;border:3px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-white);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.track-loading-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:center;flex:1 1 auto;min-height:0;padding:22px}.track-loading-map{display:grid;place-items:center;min-width:0;padding:18px;border:3px solid var(--ok-ink);border-radius:1.2em;background-color:var(--ok-white);background-image:radial-gradient(rgb(28 16 48 / .14) 1.5px,transparent 1.5px);background-size:16px 16px;box-shadow:0 5px 0 3px var(--ok-ink)}.track-loading-map svg{display:block;width:100%;height:auto;max-height:52dvh;overflow:visible}.track-map-outline{fill:none;stroke:var(--ok-ink);stroke-width:15;stroke-linejoin:round;stroke-linecap:round}.track-map-centre{fill:none;stroke:var(--ok-white);stroke-width:1.4;stroke-dasharray:3 4;stroke-linejoin:round;stroke-linecap:round;opacity:.85}.track-map-start{fill:var(--ok-sun);stroke:var(--ok-ink);stroke-width:3}.arena-map-floor{fill:var(--track-color, var(--ok-sky));stroke:var(--ok-white);stroke-width:2}.arena-map-fort{fill:var(--ok-cream);stroke:var(--ok-ink);stroke-width:3}.track-loading-copy{display:grid;gap:12px;min-width:0;align-content:center}.track-loading-copy h2{margin:0;font-family:var(--ok-font-display);font-weight:400;font-size:clamp(34px,5vw,56px);line-height:.98;color:var(--ok-ink);text-shadow:0 .09em 0 var(--track-color, var(--ok-red));overflow-wrap:anywhere}.track-loading-copy>p{margin:0;font-size:16px;font-weight:700;line-height:1.45;color:var(--ok-muted-deep)}.track-loading-copy .track-tip{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:3px solid var(--ok-ink);border-radius:.9em;background:var(--ok-sun);box-shadow:0 3px 0 3px var(--ok-ink);font-size:14px;font-weight:900;line-height:1.35;color:var(--ok-ink);animation:pr-fade var(--ok-med) both}.track-tip .ok-ico{width:24px;height:24px;flex:0 0 auto;margin-top:1px}.track-load{display:grid;gap:8px}.track-load-status{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.track-load-status b{font-family:var(--ok-font-display);font-weight:400;font-size:20px;letter-spacing:0}.track-load-bar{position:relative;height:24px;overflow:hidden;border:3px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-white)}.track-load-bar>i{position:absolute;top:0;bottom:0;left:0;width:0;background:repeating-linear-gradient(115deg,var(--track-color, var(--ok-red)) 0 1em,var(--track-deep) 1em 2em);transition:width var(--ok-med) var(--ok-ease-out)}.track-load-bar.is-indeterminate>i{width:38%;transition:none;animation:track-sweep 1.3s var(--ok-ease-roll) infinite}@keyframes pr-pop{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes pr-slide-in{0%{opacity:0;transform:translate(-24px) skew(-6deg)}to{opacity:1;transform:none}}@keyframes pr-banner-in{0%{opacity:0;transform:skew(-8deg) scale(1.5)}60%{opacity:1;transform:skew(-8deg) scale(.96)}to{opacity:1;transform:skew(-8deg) scale(1)}}@keyframes pr-fade{0%{opacity:0}to{opacity:1}}@keyframes track-sweep{0%{transform:translate(-100%)}to{transform:translate(263%)}}@media(prefers-reduced-motion:reduce){.pr-panel,.pr-banner,.pr-winner,.pr-row,.pr-award,.track-loading,.track-tip{animation-name:pr-fade;animation-delay:0ms;animation-duration:var(--ok-fast)}.track-load-bar.is-indeterminate>i{animation:none;width:40%}}.motion-reduced .pr-panel,.motion-reduced .pr-banner,.motion-reduced .pr-winner,.motion-reduced .pr-row,.motion-reduced .pr-award,.motion-reduced .track-loading,.motion-reduced .track-tip{animation-name:pr-fade;animation-delay:0ms;animation-duration:var(--ok-fast)}.motion-reduced .track-load-bar.is-indeterminate>i{animation:none;width:40%}@media(max-width:720px){.track-loading-body{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.track-loading-map svg{max-height:30dvh}.track-loading-copy h2{font-size:34px}.track-loading-copy>p{font-size:14px}.track-loading-head{padding:12px 16px}}@media(max-width:620px){.pr-backdrop{padding:8px}.pr-panel{padding:14px 14px 18px;border-radius:1.2em;gap:12px}.pr-banner span{font-size:40px}.pr-podium{gap:6px}.pr-winner{padding:8px 6px 10px;border-radius:.9em}.pr-winner.first{padding-top:12px}.pr-winner .pr-chip{width:44px;height:44px}.pr-winner.first .pr-chip{width:52px;height:52px}.pr-name{font-size:16px}.pr-stage{height:180px}.pr-spotlight-card{flex-wrap:wrap;gap:10px;padding:10px}.pr-spotlight-card .rp-kart{flex:1 1 100%;height:110px}.pr-spotlight-card h3{font-size:24px}.pr-row{grid-template-columns:36px 40px minmax(0,1fr);gap:8px;padding:8px}.pr-row-place{width:36px;height:36px;font-size:18px}.pr-row .pr-chip{width:40px;height:40px}.pr-row-stats{grid-column:1 / -1;justify-content:space-between;gap:6px 10px}.pr-row-stats>div{min-width:0;text-align:left}.pr-awards{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-cup-list{grid-template-columns:1fr}.pr-tabs{width:100%}.pr-tabs button{flex:1 1 0;justify-content:center;padding:6px 10px}}:root{font-family:var(--ok-font-ui);font-synthesis:none;font-weight:400;color:var(--ok-ink);background:var(--ok-cream);color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}a{color:inherit}.game-shell{height:100dvh;min-height:740px;position:relative;overflow:hidden;display:flow-root}.world-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.road-wet-sheen{pointer-events:none}.scene-loading,.scene-failure{display:grid;place-content:center;height:100%;text-align:center;font-family:var(--ok-font-display);font-size:16px;letter-spacing:.08em}.scene-loading{background:var(--ok-panel);color:var(--ok-cream)}.scene-loading span{display:block;width:45%;height:6px;margin:20px auto;border-radius:6px;background:var(--ok-sun);animation:pulse 1s infinite}.scene-failure{background:var(--ok-cream);gap:12px;justify-items:center;padding:24px}.scene-failure h2{margin:0;font-weight:400;font-size:30px;letter-spacing:.01em}.scene-failure p{margin:0;max-width:40ch;font-family:var(--ok-font-ui);font-size:14px;font-weight:800;letter-spacing:0;color:var(--ok-muted-deep)}.toast{position:fixed;z-index:var(--ok-z-toast);bottom:65px;left:50%;transform:translate(-50%);max-width:min(92vw,480px);text-align:center;background:var(--ok-ink);color:var(--ok-white);padding:14px 24px;font-size:14px;font-weight:800;border:3px solid var(--ok-sun);border-radius:14px;box-shadow:0 4px 0 0 var(--ok-ink),0 8px 25px #14082459}.loading-dialog{position:fixed;left:50%;top:50%;z-index:500;transform:translate(-50%,-50%);padding:14px 28px;border:3px solid var(--ok-sun);border-radius:var(--ok-r-pill);background:var(--ok-ink);color:var(--ok-white);box-shadow:0 4px 0 0 var(--ok-ink);font:900 14px/1 var(--ok-font-ui);letter-spacing:.1em;text-transform:uppercase}@keyframes pulse{50%{opacity:.2}}@media(max-width:800px){.game-shell{height:auto;min-height:100dvh;overflow:visible}}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.game-shell{font-family:var(--ok-font-ui)}.game-shell button,.game-shell input,.game-shell select,.game-shell textarea{font-family:inherit}:focus-visible{outline:4px solid var(--ok-sun);outline-offset:3px;box-shadow:0 0 0 7px var(--ok-ink)}.ok-display{font-family:var(--ok-font-display);font-weight:400;letter-spacing:.01em;color:var(--ok-white);-webkit-text-stroke:.12em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ok-ink),0 .16em 0 var(--ok-ink)}.ok-kicker{display:inline-block;padding:.2em .6em;border-radius:.4em;background:var(--ok-red);color:var(--ok-white);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ok-stripes{--ok-stripe-a: var(--ok-red);--ok-stripe-b: var(--ok-orange);background-image:repeating-linear-gradient(115deg,var(--ok-stripe-a) 0 2.2em,var(--ok-stripe-b) 2.2em 4.4em);background-size:6.3em 6.3em;animation:ok-stripes-drift 24s linear infinite}@keyframes ok-stripes-drift{to{background-position:6.3em 0}}.ok-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.4em;border-radius:.9em;background:var(--ok-white);color:var(--ok-ink);border:3px solid var(--ok-ink);box-shadow:0 5px 0 3px var(--ok-ink);font:900 15px / 1 var(--ok-font-ui);letter-spacing:.04em;text-transform:uppercase;transition:transform var(--ok-fast) var(--ok-ease-pop),box-shadow var(--ok-fast)}.ok-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 3px var(--ok-ink)}.ok-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 3px var(--ok-ink)}.ok-btn:disabled{opacity:.55;border-style:dashed;box-shadow:0 3px 0 3px var(--ok-ink);cursor:not-allowed}.ok-btn-primary{background:var(--ok-red);color:var(--ok-white)}.ok-btn-sun{background:var(--ok-sun);color:var(--ok-ink)}.ok-btn-sky{background:var(--ok-sky);color:var(--ok-ink)}.ok-btn-ink{background:var(--ok-ink);color:var(--ok-white)}.ok-btn-lg{min-height:64px;padding:.9em 2em;font-size:20px;border-radius:1.1em}.ok-tile{position:relative;display:grid;gap:4px;padding:10px;border-radius:1em;background:var(--ok-white);color:var(--ok-ink);border:3px solid var(--ok-ink);box-shadow:0 5px 0 3px var(--ok-ink);text-align:left;transition:transform var(--ok-fast) var(--ok-ease-pop)}.ok-tile:hover:not(:disabled){transform:translateY(-2px) rotate(-.6deg)}.ok-tile[aria-pressed=true],.ok-tile.is-selected{transform:translateY(-3px) rotate(-1deg);box-shadow:0 0 0 4px var(--ok-sun),0 0 0 7px var(--ok-ink),0 9px 0 7px var(--ok-ink)}.ok-tile:disabled{opacity:.55;border-style:dashed;cursor:not-allowed}.ok-slant{transform:skew(-10deg)}.ok-slant>*{transform:skew(10deg)}.scene-swap{position:fixed;left:50%;top:calc(var(--lobby-top, 56px) + 18px);z-index:var(--ok-z-toast);transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:var(--ok-r-pill);background:var(--ok-ink);color:var(--ok-white);border:3px solid var(--ok-sun);box-shadow:0 4px 0 0 var(--ok-ink);font:900 13px/1 var(--ok-font-ui);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;animation:ok-modal-in .25s var(--ok-ease-pop) both}.scene-swap-dot{width:12px;height:12px;border-radius:50%;background:var(--ok-sun);animation:pulse .9s infinite}.ok-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ok-z-modal);pointer-events:auto;display:grid;place-items:center;padding:18px;background:#1c10309e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--ok-font-ui);font-weight:900;color:var(--ok-ink)}.ok-modal{width:min(640px,100%);max-height:min(90dvh,880px);overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:1.6em;background:var(--ok-cream);border:4px solid var(--ok-ink);box-shadow:0 0 0 4px var(--ok-white),0 0 0 8px var(--ok-ink),0 10px 0 8px var(--ok-ink);animation:ok-modal-in .32s var(--ok-ease-pop) both}.ok-modal-wide{width:min(980px,100%)}.ok-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ok-modal-head h2{margin:4px 0 0;font-family:var(--ok-font-display);font-weight:400;font-size:30px;line-height:1.05}.ok-modal-head,.ok-modal-foot{flex:0 0 auto}.ok-modal-body{flex:1 1 auto;min-height:0;overflow:auto;padding:6px;margin:-6px;overscroll-behavior:contain}.ok-modal-foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.ok-modal-close{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;background:var(--ok-sun);color:var(--ok-ink);border:3px solid var(--ok-ink);box-shadow:0 3px 0 var(--ok-ink)}.ok-modal-close .ok-ico{width:20px;height:20px}@keyframes ok-modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:600px),(max-height:520px){.ok-modal-backdrop{padding:10px}.ok-modal{gap:10px;padding:14px;border-radius:1.3em;max-height:96dvh}.ok-modal-head h2{font-size:24px}.ok-modal-foot{gap:8px}.ok-modal-foot .ok-btn{flex:1 1 130px;min-height:44px;padding:.5em .7em;font-size:12px;letter-spacing:.03em}}@media(prefers-reduced-motion:reduce){.ok-stripes,.ok-modal,.scene-swap,.scene-swap-dot{animation:none}}.motion-reduced .ok-stripes,.motion-reduced .ok-modal{animation:none}.game-shell.in-lobby{--lobby-top: 64px;--lobby-foot: 34px;height:100dvh;min-height:0;overflow:hidden;background:var(--ok-panel);font-family:var(--ok-font-ui);color:var(--ok-ink)}.game-shell.in-lobby .scene-vignette{background:linear-gradient(180deg,#1c103099,#1c103000 22%,#1c103000 72%,#1c10308c)}.lobby-topbar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:16px;height:var(--lobby-top);padding:0 24px;background:var(--ok-ink);color:var(--ok-white)}.lobby-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:repeating-linear-gradient(115deg,var(--ok-red) 0 .9em,var(--ok-sun) .9em 1.8em)}.lobby-brand{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none;font-family:var(--ok-font-display);font-size:24px;line-height:1;letter-spacing:.01em;white-space:nowrap}.lobby-brand-mark{width:36px;height:36px;flex:0 0 auto}.lobby-brand b{display:inline-block;margin-left:6px;padding:.1em .4em .12em;border:3px solid var(--ok-ink);border-radius:.25em;background:var(--ok-sun);color:var(--ok-ink);font-size:.82em;transform:skew(-10deg)}.lobby-count{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:900;letter-spacing:.1em;white-space:nowrap;color:var(--ok-cream)}.lobby-top-actions{display:flex;align-items:center;gap:10px}.lobby-dot{display:inline-block;flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--ok-orange);border:2px solid var(--ok-ink)}.lobby-dot.online{background:var(--ok-mint)}.lobby-chip-btn,.lobby-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-cream);color:var(--ok-ink);font:900 13px/1 var(--ok-font-ui);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 0 var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop)}.lobby-chip-btn:hover,.lobby-link:hover{transform:translateY(-2px)}.lobby-chip-btn:active,.lobby-link:active{transform:translateY(2px)}.lobby-chip-btn.is-sky{background:var(--ok-sky)}.lobby-chip-btn.is-sun{background:var(--ok-sun)}.lobby-topbar .lobby-chip-btn{box-shadow:0 4px 0 0 var(--ok-red)}.lobby-chip-btn .ok-ico,.lobby-link .ok-ico{width:18px;height:18px}.lobby-chip-btn .lobby-chip-lead,.lobby-howto{display:none}.lobby-foot{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--lobby-foot);padding:0 24px;overflow:hidden;background:var(--ok-cream);color:var(--ok-ink);border-top:4px solid var(--ok-ink);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.lobby-sep{display:inline-block;width:8px;height:8px;margin:0 12px;vertical-align:middle;background:var(--ok-red);border:2px solid var(--ok-ink);transform:skew(-20deg)}.lobby-flow{position:absolute;left:0;right:0;top:var(--lobby-top);bottom:var(--lobby-foot);z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;margin:0;padding:14px 24px 16px}.lobby-flow>*{min-width:0}.lobby-flow :focus-visible,.lobby-rules-modal :focus-visible{outline:4px solid var(--ok-sun);outline-offset:3px;box-shadow:0 0 0 7px var(--ok-ink)}.lobby-topbar :focus-visible,.lobby-foot :focus-visible{outline:4px solid var(--ok-sun);outline-offset:3px}.pad-nav .lobby-flow :focus,.pad-nav .lobby-rules-modal :focus,.pad-nav [role=dialog] :focus{outline:4px solid var(--ok-sun);outline-offset:3px;box-shadow:0 0 0 7px var(--ok-ink)}.lobby-head{display:flex;align-items:center;gap:14px}.lobby-steps-wrap{flex:1 1 auto;min-width:0;padding:5px;border-radius:999px;background:var(--ok-ink);box-shadow:0 4px 0 0 var(--ok-red)}.lobby-steps{display:flex;align-items:center;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.lobby-steps::-webkit-scrollbar{display:none}.lobby-step{display:flex;align-items:center;flex:0 0 auto}.lobby-step+.lobby-step:before{content:"";display:block;width:clamp(14px,3vw,44px);height:4px;margin:0 4px;border-radius:2px;background:#fff4dc4d}.lobby-step.is-done+.lobby-step:before{background:var(--ok-sun)}.lobby-step-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;border:0;border-radius:999px;background:transparent;color:var(--ok-cream);font:900 13px/1 var(--ok-font-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.lobby-step-btn.is-future{opacity:.55;cursor:default}.lobby-step-num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ok-panel);border:3px solid var(--ok-cream);font-family:var(--ok-font-display);font-size:16px;line-height:1;color:var(--ok-cream)}.lobby-step-num .ok-ico{width:18px;height:18px}.lobby-step.is-done .lobby-step-num{background:var(--ok-mint);border-color:var(--ok-ink);color:var(--ok-ink)}.lobby-step.is-current .lobby-step-btn{background:var(--ok-sun);color:var(--ok-ink)}.lobby-step.is-current .lobby-step-num{background:var(--ok-red);border-color:var(--ok-ink);color:var(--ok-white)}.lobby-links{display:flex;gap:8px;flex:0 0 auto}.lobby-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch}.lobby-body.has-preview{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}@keyframes lobby-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.lobby-panel{min-height:0;max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:20px 22px 24px;background:var(--ok-cream);border:4px solid var(--ok-ink);border-radius:1.5em;box-shadow:0 9px 0 4px var(--ok-ink),var(--ok-drop);animation:lobby-pop var(--ok-med) var(--ok-ease-pop) backwards}.lobby-body:not(.has-preview) .lobby-panel{width:min(100%,1040px);align-self:start}.lobby-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.lobby-panel-titles{display:grid;gap:8px;justify-items:start;min-width:0}.lobby-mirror-head{width:auto;max-width:420px;padding:8px 14px;box-shadow:0 4px 0 3px var(--ok-ink)}.lobby-mirror-head .lobby-mirror-icon{width:42px;height:42px}.lobby-mirror-head .lobby-mirror-icon .ok-ico{width:26px;height:26px}.lobby-mirror-head .lobby-mirror-copy small{display:none}.lobby-title{margin:0;font-size:clamp(30px,3.4vw,48px);line-height:1;text-transform:uppercase}.lobby-sub{margin:0;font-size:16px;font-weight:800;line-height:1.35}.lobby-note{margin:0;font-size:13px;font-weight:800;line-height:1.4}.lobby-subrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lobby-create{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-orange);color:var(--ok-ink);font:900 13px/1 var(--ok-font-ui);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 0 var(--ok-ink)}.lobby-create .ok-ico{width:18px;height:18px}.lobby-tick{position:absolute;top:-9px;right:-9px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ok-mint);border:3px solid var(--ok-ink);box-shadow:0 3px 0 0 var(--ok-ink)}.lobby-tick .ok-ico{width:18px;height:18px}.lobby-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;padding:10px 6px 14px}.lobby-mode{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:248px;padding:18px 18px 24px;border:0;background:transparent;color:var(--mode-ink, var(--ok-white));text-align:left;transition:transform var(--ok-fast) var(--ok-ease-pop);animation:lobby-pop var(--ok-med) var(--ok-ease-pop) backwards;animation-delay:calc(var(--i, 0) * 70ms)}.lobby-mode:hover:not(:disabled){transform:translateY(-3px) rotate(-.6deg)}.lobby-mode[aria-pressed=true]{transform:translateY(-6px) rotate(-1.2deg)}.lobby-mode-bg{position:absolute;top:4px;right:8px;bottom:4px;left:8px;z-index:-1;background-color:var(--tone);background-image:repeating-linear-gradient(115deg,rgb(255 255 255 / var(--stripe, .18)) 0 1.1em,transparent 1.1em 2.2em);border:4px solid var(--ok-ink);border-radius:1em;box-shadow:0 9px 0 4px var(--ok-ink);transform:skew(-8deg)}.lobby-mode[aria-pressed=true] .lobby-mode-bg{box-shadow:0 0 0 4px var(--ok-sun),0 0 0 7px var(--ok-ink),0 12px 0 7px var(--ok-ink)}.lobby-mode-race{--tone: color-mix(in srgb, var(--ok-red) 84%, var(--ok-ink));--stripe: .1}.lobby-mode-battle{--tone: var(--ok-sky);--mode-ink: var(--ok-ink)}.lobby-mode-trial{--tone: var(--ok-sun);--mode-ink: var(--ok-ink)}.lobby-mode-tank{--tone: var(--ok-olive);--stripe: .1}.lobby-mode-art{margin-bottom:auto}.lobby-mode-art .ok-ico{width:56px;height:56px;filter:drop-shadow(0 3px 0 var(--ok-ink))}.lobby-mode-name{font-size:clamp(22px,2.4vw,30px);line-height:1;text-transform:uppercase;color:var(--mode-ink, var(--ok-white))}.lobby-mode-battle .lobby-mode-name,.lobby-mode-trial .lobby-mode-name{-webkit-text-stroke:0;text-shadow:none}.lobby-mode-blurb{font-size:14px;font-weight:800;line-height:1.35;text-shadow:0 1px 0 rgb(28 16 48 / .35)}.lobby-mode-battle .lobby-mode-blurb,.lobby-mode-trial .lobby-mode-blurb{text-shadow:none}.lobby-mode-hint{align-self:flex-start;padding:.35em .6em;border-radius:.4em;background:var(--ok-ink);color:var(--ok-white);font-size:12px;font-weight:900;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.lobby-drivers{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;padding:10px 6px 12px}.lobby-driver{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px 8px 10px;text-align:center;background:var(--ok-white);color:var(--ok-ink);animation:lobby-pop var(--ok-med) var(--ok-ease-pop) backwards;animation-delay:calc(var(--i, 0) * 35ms)}.lobby-driver-art{position:relative;display:block;overflow:hidden;aspect-ratio:1 / 1.05;border:3px solid var(--ok-ink);border-radius:.7em}.lobby-driver-art img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 3px 0 var(--ok-ink))}.lobby-driver-initials{position:absolute;left:14px;top:14px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ok-white);border:3px solid var(--ok-ink);font-family:var(--ok-font-display);font-size:15px;line-height:1;color:var(--ok-ink)}.lobby-driver-name{font-family:var(--ok-font-display);font-size:20px;line-height:1;text-transform:uppercase}.lobby-driver-dept{font-size:12px;font-weight:800;line-height:1.25;opacity:.75}.lobby-vehicles{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px;padding:8px 4px 6px}.lobby-vehicle{position:relative;display:grid;gap:6px;min-width:0;padding:0 0 10px;background:var(--ok-white);color:var(--ok-ink);text-align:left;animation:lobby-pop var(--ok-med) var(--ok-ease-pop) backwards;animation-delay:calc(var(--i, 0) * 60ms)}.lobby-vehicle-top{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;background:var(--vehicle-color);color:var(--ok-white);border-bottom:3px solid var(--ok-ink);border-radius:calc(1em - 3px) calc(1em - 3px) 0 0}.lobby-vehicle-no{padding:.25em .5em;border-radius:.4em;background:var(--ok-ink);color:var(--ok-white);font-family:var(--ok-font-display);font-size:14px;line-height:1}.lobby-vehicle-name{font-size:22px;line-height:1;text-transform:uppercase}.lobby-vehicle-tag{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:0 14px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lobby-vehicle-note{padding:.25em .55em;border-radius:.4em;background:var(--ok-ink);color:var(--ok-white);font-style:normal;font-size:12px;line-height:1.2;letter-spacing:.08em;white-space:nowrap}.lobby-vehicle-note.is-armour{background:var(--ok-olive)}.lobby-vehicle.is-converted{filter:saturate(.6)}.lobby-stats{display:grid;gap:5px;padding:0 12px}.lobby-vehicle{container-type:inline-size}.lobby-stat{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px}@container (max-width: 190px){.lobby-stat{grid-template-columns:minmax(0,1fr);gap:2px}}.lobby-stat-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.lobby-stat-label .ok-ico{width:18px;height:18px}.lobby-bar{position:relative;display:block;height:14px;overflow:hidden;border:3px solid var(--ok-ink);border-radius:999px;background:var(--ok-cream)}.lobby-bar i{position:absolute;top:0;bottom:0;left:0;background-color:var(--vehicle-color);background-image:repeating-linear-gradient(115deg,rgb(255 255 255 / .35) 0 .5em,transparent .5em 1em)}.lobby-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:10px 6px 4px}.lobby-course{display:grid;gap:0;min-width:0;padding:0;overflow:hidden;background:var(--ok-white);color:var(--ok-ink);text-align:left}.lobby-course-head{position:relative;display:block;height:124px;background-color:var(--track-color);background-image:repeating-linear-gradient(115deg,rgb(255 255 255 / .14) 0 1.1em,transparent 1.1em 2.2em);border-bottom:3px solid var(--ok-ink)}.lobby-course-theme{position:absolute;left:10px;top:10px;z-index:2;padding:.4em .6em;border-radius:.4em;background:var(--ok-ink);color:var(--ok-white);font-size:12px;font-weight:900;line-height:1;letter-spacing:.12em;text-transform:uppercase}.lobby-outline{position:absolute;left:18px;top:14px;width:calc(100% - 36px);height:calc(100% - 24px);overflow:visible}.lobby-outline-ink{fill:none;stroke:var(--ok-ink);stroke-width:17;stroke-linejoin:round;stroke-linecap:round}.lobby-outline-line{fill:none;stroke:var(--ok-white);stroke-width:7;stroke-linejoin:round;stroke-linecap:round}.lobby-outline-start{fill:var(--ok-sun);stroke:var(--ok-ink);stroke-width:3}.lobby-course-body{display:grid;gap:4px;padding:12px 14px 14px}.lobby-course-body strong{font-family:var(--ok-font-display);font-weight:400;font-size:24px;line-height:1.05;text-transform:uppercase}.lobby-course-body small{font-size:13px;font-weight:700;line-height:1.35}.lobby-mirror{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;border:3px solid var(--ok-ink);border-radius:1em;background:var(--ok-white);color:var(--ok-ink);text-align:left;box-shadow:0 5px 0 3px var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop)}.lobby-mirror:hover{transform:translateY(-2px)}.lobby-mirror[aria-pressed=true]{background:var(--ok-sky);transform:translateY(-2px)}.lobby-mirror-icon{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-sun)}.lobby-mirror-icon .ok-ico{width:34px;height:34px}.lobby-mirror-copy{display:grid;gap:3px;min-width:0}.lobby-mirror-copy strong{font-family:var(--ok-font-display);font-weight:400;font-size:22px;line-height:1.05;text-transform:uppercase}.lobby-mirror-copy small{font-size:13px;font-weight:700;line-height:1.35}.lobby-costume{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}.lobby-costume-label{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.lobby-costume-pills{display:flex;flex-wrap:wrap;gap:10px}.lobby-costume-pill{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:3px solid var(--ok-ink);border-radius:999px;background:var(--ok-white);color:var(--ok-ink);font:900 14px/1 var(--ok-font-ui);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 0 var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop)}.lobby-costume-pill:hover:not([aria-disabled=true]){transform:translateY(-2px)}.lobby-costume-pill[aria-pressed=true]{background:var(--ok-sun);transform:translateY(-2px);box-shadow:0 6px 0 0 var(--ok-ink)}.lobby-costume-pill:focus-visible{outline:4px solid var(--ok-sky);outline-offset:3px}.lobby-costume-pill[aria-disabled=true]{cursor:not-allowed}.lobby-costume.is-locked .lobby-costume-pill{opacity:.6}.lobby-costume.is-locked .lobby-costume-pill[aria-pressed=true]{opacity:.85}.lobby-costume-sticker{position:absolute;top:-15px;right:-14px;padding:3px 6px;border:2px solid var(--ok-ink);border-radius:.4em;background:var(--ok-red);color:var(--ok-white);font:900 12px/1 var(--ok-font-ui);letter-spacing:.1em;transform:rotate(8deg);box-shadow:0 2px 0 var(--ok-ink)}.lobby-costume-note{flex-basis:100%;max-width:340px;font-size:12px;font-weight:800;line-height:1.35}.lobby-race{display:grid;gap:12px;padding-top:0}.lobby-label{display:block;margin:0 0 8px;padding:0;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.lobby-input{width:100%;min-height:58px;padding:0 16px;border:4px solid var(--ok-ink);border-radius:.9em;background:var(--ok-white);color:var(--ok-ink);font:900 22px/1 var(--ok-font-ui);box-shadow:0 5px 0 0 var(--ok-ink)}.lobby-input::placeholder{color:#1c10309e}.lobby-input:focus{outline:4px solid var(--ok-sun);outline-offset:3px;box-shadow:0 0 0 7px var(--ok-ink)}.lobby-teams{min-width:0;margin:0;padding:0;border:0}.lobby-team-row{display:flex;flex-wrap:wrap;gap:10px}.lobby-team{min-height:46px;padding:0 16px;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-white);color:var(--ok-ink);font:900 14px/1 var(--ok-font-ui);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 0 var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop)}.lobby-team[aria-pressed=true]{background:var(--ok-sun);transform:translateY(-2px);box-shadow:0 6px 0 0 var(--ok-ink)}.lobby-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 0;padding:0 0 6px;list-style:none}.lobby-summary button{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;min-height:88px;padding:10px 12px;border:3px solid var(--ok-ink);border-radius:1em;background:var(--ok-white);color:var(--ok-ink);text-align:left;box-shadow:0 4px 0 0 var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop)}.lobby-summary button:hover{transform:translateY(-2px)}.lobby-summary button:active{transform:translateY(2px);box-shadow:0 1px 0 0 var(--ok-ink)}.lobby-sum-art{position:relative;display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-cream-2)}.lobby-sum-art .ok-ico{width:40px;height:40px}.lobby-sum-art.is-mode{background:var(--ok-sun)}.lobby-sum-art.is-driver{background:var(--driver-color, var(--ok-sky))}.lobby-sum-art.is-driver img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}.lobby-sum-art.is-driver b{font:400 26px/1 var(--ok-font-display);color:var(--ok-white);-webkit-text-stroke:.1em var(--ok-ink);paint-order:stroke fill}.lobby-sum-art.is-circuit{background:var(--track-color, var(--ok-sky))}.lobby-sum-art.is-circuit .lobby-outline{position:static;width:100%;height:100%;padding:6px}.lobby-sum-art.is-circuit .ok-ico{width:44px;height:44px}.lobby-sum-swatch{display:block;width:36px;height:36px;border:3px solid var(--ok-ink);border-radius:50%;background:var(--vehicle-color);box-shadow:0 3px 0 var(--ok-ink)}.lobby-sum-copy{display:grid;gap:2px;min-width:0}.lobby-sum-label{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ok-muted)}.lobby-sum-copy b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ok-font-display);font-weight:400;font-size:20px;line-height:1.1}.lobby-sum-edit{display:grid;place-items:center;width:32px;height:32px;border:3px solid var(--ok-ink);border-radius:50%;background:var(--ok-cream-2)}.lobby-sum-edit .ok-ico{width:16px;height:16px}.lobby-go{width:100%;min-height:76px;justify-content:space-between;padding:0 12px 0 22px;border-radius:1em;font-family:var(--ok-font-display);font-size:30px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 .06em 0 var(--ok-ink)}.lobby-go .ok-ico{width:36px;height:36px}.lobby-error{margin:0;padding:10px 14px;border:3px solid var(--ok-ink);border-radius:.7em;background:var(--ok-red);color:var(--ok-white);font-size:14px;font-weight:900}.lobby-preview{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:0;overflow:hidden;border:4px solid var(--ok-ink);border-radius:1.5em;background:radial-gradient(ellipse at 50% 28%,var(--ok-panel),var(--ok-ink) 80%);color:var(--ok-white);box-shadow:0 9px 0 4px var(--ok-ink),var(--ok-drop);animation:lobby-pop var(--ok-med) var(--ok-ease-pop) backwards}.lobby-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgb(255 255 255 / .04) 0 2.2em,transparent 2.2em 4.4em)}.lobby-preview-top{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.lobby-chip{display:inline-block;padding:.45em .7em;border:3px solid var(--ok-ink);border-radius:.5em;background:var(--ok-sun);color:var(--ok-ink);font-size:12px;font-weight:900;line-height:1;letter-spacing:.12em;text-transform:uppercase}.lobby-hint{position:absolute;left:50%;bottom:10px;z-index:3;transform:translate(-50%);pointer-events:none;padding:.4em .9em;border-radius:999px;background:#1c1030b8;color:var(--ok-cream);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.lobby-expr{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lobby-expr-label{margin-right:4px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lobby-expr button{min-height:34px;padding:0 10px;border:3px solid var(--ok-ink);border-radius:.6em;background:var(--ok-white);color:var(--ok-ink);font:900 12px/1 var(--ok-font-ui);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--ok-fast) var(--ok-ease-pop)}.lobby-expr button[aria-pressed=true]{background:var(--ok-sun);transform:translateY(-2px)}.lobby-preview-canvas{position:relative;z-index:1;flex:1 1 auto;min-height:260px}.lobby-garage{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.lobby-preview-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;text-align:center;font-family:var(--ok-font-display);font-size:18px;letter-spacing:.06em;color:var(--ok-cream)}.lobby-plate{position:relative;z-index:2;display:grid;gap:4px;padding:14px 18px 16px;background:var(--ok-cream);color:var(--ok-ink);border-top:4px solid var(--ok-ink)}.lobby-plate-kicker{justify-self:start;padding:.35em .6em;border:3px solid var(--ok-ink);border-radius:.4em;border-color:var(--vehicle-color);background:var(--ok-ink);color:var(--ok-white);font-size:12px;font-weight:900;line-height:1;letter-spacing:.1em;text-transform:uppercase}.lobby-plate-name{font-family:var(--ok-font-display);font-weight:400;font-size:34px;line-height:1;text-transform:uppercase}.lobby-plate small{font-size:13px;font-weight:800;line-height:1.35}.lobby-dock{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.lobby-back{min-height:52px;padding:0 18px}.lobby-back .ok-ico,.lobby-next .ok-ico{width:20px;height:20px}.lobby-status{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:9px 16px;border-radius:999px;background:var(--ok-ink);color:var(--ok-cream);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-status-mode{color:var(--ok-sun)}.lobby-status.is-hidden{display:none}.lobby-padhints{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;min-width:0;margin:0;padding:8px 16px;border-radius:999px;background:var(--ok-ink);color:var(--ok-cream);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lobby-padhints span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.lobby-padhints kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border:2px solid var(--ok-cream);border-radius:999px;background:var(--ok-sun);color:var(--ok-ink);font:900 12px/1 var(--ok-font-ui);letter-spacing:0}.lobby-clock{min-width:340px;min-height:60px;justify-content:space-between}.lobby-next{min-width:220px;min-height:60px;font-family:var(--ok-font-display);font-size:24px;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.lobby-rules-modal{width:min(760px,100%)}.lobby-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-rule{display:grid;gap:8px;align-content:start;padding:14px;border:3px solid var(--ok-ink);border-radius:1em;background:var(--ok-white)}.lobby-rule .ok-ico{width:40px;height:40px}.lobby-rule b{font-family:var(--ok-font-display);font-weight:400;font-size:20px;line-height:1.05;text-transform:uppercase}.lobby-rule p{margin:0;font-size:14px;font-weight:700;line-height:1.4}.lobby-tip{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:12px 14px;border:3px dashed var(--ok-ink);border-radius:1em;font-size:14px;font-weight:800;line-height:1.5}.lobby-tip span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.lobby-tip kbd{display:inline-block;padding:.15em .45em;border:2px solid var(--ok-ink);border-radius:.35em;background:var(--ok-white);font:900 12px/1.2 var(--ok-font-ui);box-shadow:0 2px 0 var(--ok-ink)}@media(min-width:801px)and (max-height:820px){.game-shell.in-lobby{--lobby-top: 54px;--lobby-foot: 30px}.lobby-topbar{padding:0 20px}.lobby-brand{font-size:21px}.lobby-brand-mark{width:30px;height:30px}.lobby-chip-btn,.lobby-link{min-height:36px}.lobby-flow{padding:12px 20px;gap:10px}.lobby-steps-wrap{padding:4px}.lobby-step-btn{min-height:38px;padding-right:12px}.lobby-step-num{width:30px;height:30px;font-size:15px}.lobby-body{gap:16px}.lobby-panel{gap:12px;padding:14px 18px 18px}.lobby-panel-head{align-items:center}.lobby-panel-titles{gap:6px}.lobby-title{font-size:clamp(26px,2.8vw,38px)}.lobby-sub{font-size:14px}.lobby-mode{min-height:208px;padding:14px 14px 20px}.lobby-mode-art .ok-ico{width:46px;height:46px}.lobby-drivers{gap:10px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.lobby-vehicles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.lobby-course-head{height:96px}.lobby-preview-top{padding:10px 12px;gap:8px}.lobby-preview-canvas{min-height:170px}.lobby-plate{padding:10px 16px 12px}.lobby-plate-name{font-size:28px}.lobby-back{min-height:48px}.lobby-next,.lobby-clock{min-height:54px;min-width:200px;font-size:22px}.lobby-clock{min-width:300px}}@media(min-width:801px)and (max-height:700px){.lobby-plate small,.lobby-sub{display:none}}@media(max-width:800px){.game-shell.in-lobby{--lobby-top: 56px;--lobby-foot: 30px;height:auto;min-height:100dvh;overflow:visible}.game-shell.in-lobby .world-canvas,.game-shell.in-lobby .scene-vignette{position:fixed}.lobby-topbar{padding:0 12px;gap:8px}.lobby-count,.lobby-chip-text,.lobby-link-text,.lobby-foot>span:nth-child(2){display:none}.lobby-chip-btn{min-height:40px;min-width:40px;padding:0 10px;justify-content:center}.lobby-chip-btn .lobby-chip-lead{display:block}.lobby-chip-btn .lobby-chip-arrow{display:none}.lobby-brand{font-size:21px;gap:8px}.lobby-brand-mark{width:30px;height:30px}.lobby-top-actions{gap:8px;margin-left:auto}.lobby-foot{position:relative;bottom:auto;padding:0 12px}.lobby-flow{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin-top:calc(var(--lobby-top) + 6px);padding:12px 12px 0;grid-template-rows:auto auto auto;min-height:calc(100dvh - var(--lobby-top) - var(--lobby-foot))}.lobby-flow.is-scene{margin-top:calc(var(--lobby-top) + 16vh)}.lobby-links{display:none}.lobby-howto{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;padding:0 16px;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-white);color:var(--ok-ink);font:900 13px/1 var(--ok-font-ui);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 0 var(--ok-ink)}.lobby-howto .ok-ico{width:18px;height:18px}.lobby-step-label{display:none}.lobby-step.is-current .lobby-step-label{display:inline}.lobby-step+.lobby-step:before{width:6px;margin:0 2px}.lobby-step:not(.is-current) .lobby-step-btn{padding-right:4px}.lobby-body,.lobby-body.has-preview{grid-template-columns:minmax(0,1fr);gap:14px}.lobby-preview{order:-1;height:min(44dvh,340px)}.lobby-panel{max-height:none;overflow:visible;padding:16px 14px 18px}.lobby-body:not(.has-preview) .lobby-panel{width:100%}.lobby-title{font-size:clamp(26px,8vw,36px)}.lobby-modes{grid-template-columns:minmax(0,1fr);gap:12px}.lobby-mode{min-height:128px}.lobby-drivers{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.lobby-vehicles,.lobby-courses,.lobby-summary{grid-template-columns:minmax(0,1fr)}.lobby-dock{position:sticky;bottom:0;z-index:5;margin:0 -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--ok-panel);box-shadow:0 -4px 0 0 var(--ok-ink);grid-template-columns:auto minmax(0,1fr);gap:8px 10px}.lobby-dock .lobby-next{min-width:0;width:100%}.lobby-dock .lobby-status{grid-column:1 / -1;order:-1;justify-content:center}.lobby-dock .lobby-status.is-online,.lobby-status-mode{display:none}.lobby-go{font-size:24px;min-height:68px}.lobby-driver-name{font-size:17px}.lobby-dock .lobby-clock{font-size:19px;white-space:nowrap;padding:0 12px}.lobby-dock .lobby-clock .ok-ico{display:none}.lobby-foot{justify-content:center}.lobby-foot>span{letter-spacing:.04em}.lobby-foot>span:last-child{display:none}.lobby-rules{grid-template-columns:minmax(0,1fr)}.lobby-tip span{white-space:normal}}@media(max-height:520px)and (min-width:641px){.game-shell.in-lobby{--lobby-top: 46px;--lobby-foot: 0px;height:auto;min-height:100dvh;overflow:visible}.game-shell.in-lobby .world-canvas,.game-shell.in-lobby .scene-vignette{position:fixed}.lobby-topbar{padding:0 14px;gap:10px}.lobby-brand{font-size:20px}.lobby-brand-mark{width:28px;height:28px}.lobby-count{display:none}.lobby-chip-btn,.lobby-link{min-height:34px;padding:0 10px}.lobby-foot{display:none}.lobby-flow{position:relative;inset:auto;margin-top:calc(var(--lobby-top) + 10px);padding:8px 14px 0;grid-template-rows:auto auto auto;gap:10px;min-height:calc(100dvh - var(--lobby-top) - 10px)}.lobby-flow.is-scene{margin-top:calc(var(--lobby-top) + 10px)}.lobby-steps-wrap{padding:3px}.lobby-step-btn{min-height:36px;padding-right:10px}.lobby-step-num{width:28px;height:28px;font-size:14px}.lobby-step:not(.is-current) .lobby-step-label{display:none}.lobby-step+.lobby-step:before{width:14px}.lobby-link-text{display:none}.lobby-chip-btn .lobby-chip-lead{display:block}.lobby-chip-btn .lobby-chip-arrow{display:none}.lobby-body{align-items:start;gap:12px}.lobby-body.has-preview{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)}.lobby-panel{max-height:none;overflow:visible;padding:12px 14px 16px;gap:10px}.lobby-body:not(.has-preview) .lobby-panel{width:100%}.lobby-title{font-size:24px}.lobby-sub,.lobby-costume-label{display:none}.lobby-subrow,.lobby-costume{flex-wrap:nowrap;gap:8px}.lobby-costume-pill,.lobby-create{min-height:40px;padding:0 12px;font-size:12px}.lobby-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 4px 12px}.lobby-mode{min-height:176px;padding:12px 12px 18px}.lobby-mode-art .ok-ico{width:36px;height:36px}.lobby-mode-name{font-size:18px}.lobby-mode-tank .lobby-mode-name{font-size:17px}.lobby-mode-blurb{font-size:12px}.lobby-mode-hint{letter-spacing:.04em;white-space:nowrap}.lobby-drivers{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.lobby-vehicles{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lobby-course-head{height:84px}.lobby-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-preview{position:sticky;top:8px;order:0;height:calc(100dvh - 92px);max-height:330px}.lobby-preview-top{padding:8px 10px;gap:6px;justify-content:center}.lobby-preview-top .lobby-chip,.lobby-expr-label{display:none}.lobby-expr button{min-height:30px}.lobby-preview-canvas{min-height:0}.lobby-plate{padding:8px 12px 10px}.lobby-plate-name{font-size:22px}.lobby-plate small{display:none}.lobby-dock{position:sticky;bottom:0;z-index:5;margin:0 -14px;padding:8px 14px;background:var(--ok-panel);box-shadow:0 -4px 0 0 var(--ok-ink)}.lobby-back{min-height:44px;padding:0 14px}.lobby-next,.lobby-clock{min-height:48px;min-width:0;width:min(260px,40vw);font-size:20px}.lobby-clock{width:min(300px,44vw)}.lobby-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.lobby-flow *,.lobby-preview,.lobby-topbar *{animation:none!important;transition:none!important}}.motion-reduced .lobby-flow *,.motion-reduced .lobby-preview,.motion-reduced .lobby-topbar *{animation:none!important;transition:none!important}.lobby-mode-tank .lobby-mode-name{font-size:clamp(20px,2.1vw,27px)}.lobby-tank-format{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 6px 10px;animation:lobby-pop var(--ok-med) var(--ok-ease-pop) backwards}.lobby-format{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 16px 6px 10px;text-align:left;border:3px solid var(--ok-ink);border-radius:.9em;background:var(--ok-white);color:var(--ok-ink);box-shadow:0 4px 0 0 var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop)}.lobby-format .ok-ico{width:30px;height:30px}.lobby-format span{display:grid;gap:1px}.lobby-format strong{font:900 14px/1.1 var(--ok-font-ui);letter-spacing:.06em}.lobby-format small{font:800 12px/1.2 var(--ok-font-ui);color:var(--ok-muted)}.lobby-format[aria-pressed=true]{background:var(--ok-sun);transform:translateY(-2px);box-shadow:0 6px 0 0 var(--ok-ink)}.lobby-format[aria-pressed=true] small{color:var(--ok-ink)}.lobby-arena-card{display:flex;gap:18px;align-items:flex-start;padding:18px 20px;margin:8px 4px;border:4px solid var(--ok-ink);border-radius:1.1em;background:var(--ok-olive-pale);color:var(--ok-ink);box-shadow:0 6px 0 0 var(--ok-ink)}.lobby-arena-card>.ok-ico{width:84px;height:84px;flex:0 0 auto;filter:drop-shadow(0 3px 0 var(--ok-ink))}.lobby-arena-card strong{font:400 22px/1.1 var(--ok-font-display);letter-spacing:.04em}.lobby-arena-card p{margin:8px 0 0;font:800 14px/1.45 var(--ok-font-ui)}.lobby-arena-card kbd{padding:1px 6px;border:2px solid var(--ok-ink);border-radius:6px;background:var(--ok-white);font:900 12px var(--ok-font-ui)}@media(max-width:800px){.lobby-arena-card{flex-direction:column}.lobby-arena-card>.ok-ico{width:56px;height:56px}}.lobby-panel,.ok-modal-body,.rd-panel{scrollbar-width:none;-ms-overflow-style:none}.lobby-panel::-webkit-scrollbar,.ok-modal-body::-webkit-scrollbar,.rd-panel::-webkit-scrollbar{display:none}.lobby-panel{padding-bottom:0}.lobby-panel:after{content:"";position:sticky;bottom:0;flex:0 0 30px;margin-top:-16px;background:linear-gradient(to bottom,color-mix(in srgb,var(--ok-cream) 0%,transparent),var(--ok-cream) 85%);pointer-events:none;z-index:4}.play-pick .lobby-body{grid-template-columns:minmax(0,1fr)}.play-pick .lobby-panel{width:min(100%,1040px);align-self:start}.play-pick-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:12px 10px 18px}.play-pick-mode{min-height:300px;padding:26px 30px 32px}.play-pick-mode .lobby-mode-art .ok-ico{width:72px;height:72px}.play-pick-mode .lobby-mode-name{font-size:clamp(28px,3vw,40px)}.play-pick-mode .lobby-mode-blurb{font-size:16px;max-width:34ch}.play-pick-mode .lobby-mode-hint{white-space:normal}@media(max-width:800px){.play-pick-modes{grid-template-columns:minmax(0,1fr);gap:18px}.play-pick-mode{min-height:200px}}.lobby-queue{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:12px 16px;border:3px solid var(--ok-ink);border-radius:1em;background:var(--ok-ink);color:var(--ok-cream);box-shadow:0 5px color-mix(in srgb,var(--ok-ink) 70%,black)}.lobby-queue-dot{width:14px;height:14px;border-radius:50%;background:var(--ok-sun);box-shadow:0 0 0 4px #ffffff1f}.lobby-queue.is-queued .lobby-queue-dot{background:var(--ok-mint);animation:lobby-queue-pulse 1.6s ease-in-out infinite}@keyframes lobby-queue-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--ok-mint) 18%,transparent)}}.lobby-queue-copy{display:grid;gap:3px;min-width:0}.lobby-queue-copy strong{font-size:13px;font-weight:900;letter-spacing:.1em;color:var(--ok-sun)}.lobby-queue-copy span{font-size:14px;font-weight:800;line-height:1.3}.lobby-queue-pick{display:grid;justify-items:end;gap:2px;padding:6px 12px;border-radius:.7em;background:#ffffff14;text-align:right}.lobby-queue-pick small{font-size:12px;font-weight:900;letter-spacing:.12em;opacity:.75}.lobby-queue-pick b{font-family:var(--ok-font-display);font-weight:400;font-size:20px;line-height:1;color:var(--ok-white)}.lobby-queue-pick span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.lobby-queue-names{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.lobby-queue-names li{padding:4px 10px;border-radius:999px;background:var(--ok-cream);color:var(--ok-ink);font-size:12px;font-weight:900;letter-spacing:.04em}.lobby-sum-director{padding:4px 8px;border-radius:.5em;background:var(--ok-ink);color:var(--ok-sun);font-size:12px;font-weight:900;letter-spacing:.1em}.lobby-summary button:disabled{cursor:default;opacity:1}.lobby-clock.is-queued{background:var(--ok-mint);color:var(--ok-ink);text-shadow:none}.lobby-clock.is-queued .ok-ico{width:24px;height:24px}@media(max-width:800px){.lobby-queue{grid-template-columns:auto minmax(0,1fr)}.lobby-queue-pick{grid-column:1 / -1;justify-items:start;text-align:left}}@media(min-width:801px)and (max-width:1180px){.lobby-step:not(.is-current) .lobby-step-label{display:none}}.lobby-sum-copy b{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px}.ps-modal{width:min(660px,100%);gap:14px}.ps-modal .ok-modal-head h2 span{color:var(--ok-red)}.ps-intro{margin:0;font-size:14px;font-weight:800;color:var(--ok-muted-deep)}.ps-list{display:grid;gap:8px}.ps-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:10px 14px;border:3px solid var(--ok-ink);border-radius:var(--ok-r);background:var(--ok-white);box-shadow:0 3px 0 2px var(--ok-ink);cursor:pointer;transition:transform var(--ok-fast) var(--ok-ease-pop)}.ps-row:hover{transform:translateY(-1px)}.ps-copy{display:grid;gap:2px;min-width:0}.ps-copy strong{font-size:15px;font-weight:900;line-height:1.2;color:var(--ok-ink)}.ps-copy small{font-size:12px;font-weight:700;line-height:1.3;color:var(--ok-muted)}.ps-range{display:flex;align-items:center;gap:10px;flex:0 0 auto}.ps-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:150px;height:24px;margin:0;padding:0;background:transparent;cursor:pointer}.ps-range input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;height:16px;border:3px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:linear-gradient(90deg,var(--ok-orange) var(--fill, 50%),var(--ok-cream) var(--fill, 50%))}.ps-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:24px;height:24px;margin-top:-4px;border:3px solid var(--ok-ink);border-radius:50%;background:var(--ok-sun);box-shadow:0 2px 0 var(--ok-ink)}.ps-range input[type=range]::-moz-range-track{box-sizing:border-box;height:16px;border:3px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-cream)}.ps-range input[type=range]::-moz-range-progress{height:10px;border-radius:var(--ok-r-pill);background:var(--ok-orange)}.ps-range input[type=range]::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border:3px solid var(--ok-ink);border-radius:50%;background:var(--ok-sun)}.ps-range b{min-width:3.2em;text-align:right;font-family:var(--ok-font-display);font-weight:400;font-size:18px;color:var(--ok-ink);font-variant-numeric:tabular-nums}.ps-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;position:relative;flex:0 0 auto;width:58px;height:32px;margin:0;cursor:pointer;border:3px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-cream);transition:background var(--ok-fast) var(--ok-ease-out)}.ps-toggle:after{content:"";position:absolute;top:2px;left:2px;box-sizing:border-box;width:22px;height:22px;border:3px solid var(--ok-ink);border-radius:50%;background:var(--ok-white);transition:transform var(--ok-fast) var(--ok-ease-pop)}.ps-toggle:checked{background:var(--ok-mint)}.ps-toggle:checked:after{transform:translate(26px)}.ps-select{position:relative;display:inline-flex;flex:0 0 auto}.ps-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;padding:6px 36px 6px 12px;border:3px solid var(--ok-ink);border-radius:.7em;background:var(--ok-white);color:var(--ok-ink);font:900 14px/1.2 var(--ok-font-ui);cursor:pointer}.ps-select:after{content:"";position:absolute;right:13px;top:50%;margin-top:-3px;pointer-events:none;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--ok-ink)}.ps-mirror{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border:3px solid var(--ok-ink);border-radius:var(--ok-r);background:var(--ok-sky);box-shadow:0 3px 0 2px var(--ok-ink)}.ps-mirror .ps-copy{margin-right:auto}.ps-mirror .ps-copy strong,.ps-mirror .ps-copy small{color:var(--ok-ink)}.ps-modal .ok-modal-foot{gap:8px}.ps-modal .ok-modal-foot .ok-btn{min-height:44px;padding:.55em 1em;font-size:13px}.ps-pill{min-width:84px;min-height:42px;padding:6px 16px;border:3px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-white);color:var(--ok-ink);box-shadow:0 3px 0 2px var(--ok-ink);font-family:var(--ok-font-display);font-size:18px;line-height:1;cursor:pointer}.ps-pill[aria-pressed=true]{background:var(--ok-mint)}.ps-pill:active{transform:translateY(2px);box-shadow:0 1px 0 2px var(--ok-ink)}.ps-status{flex:0 0 100%;margin:0;font-size:13px;font-weight:800;color:var(--ok-ink)}@media(max-width:620px){.ps-row{flex-wrap:wrap}.ps-range input[type=range]{width:110px}}@media(prefers-reduced-motion:reduce){.ps-row,.ps-toggle,.ps-toggle:after{transition:none}.ps-row:hover{transform:none}}.motion-reduced .ps-row,.motion-reduced .ps-toggle,.motion-reduced .ps-toggle:after{transition:none}.motion-reduced .ps-row:hover{transform:none}.pr-close{float:right;margin:0 0 12px 12px}.pr-feedback{border:3px solid var(--ok-ink);border-radius:16px;padding:18px;margin:18px 0;background:var(--ok-cream);color:var(--ok-ink)}.pr-feedback h3{font-family:var(--ok-font-display);margin:0 0 8px}.pr-feedback label{display:block;margin:12px 0;font-weight:800}.pr-feedback select,.pr-feedback textarea{display:block;width:100%;padding:10px;margin-top:6px;border:2px solid var(--ok-ink);border-radius:10px;background:var(--ok-white);color:var(--ok-ink);font:700 16px/1.4 var(--ok-font-ui)}.cl-root{display:contents}.cl-root :focus-visible{outline:4px solid var(--ok-sun);outline-offset:3px}.cl-dialog{gap:16px;padding:22px 24px;background-color:var(--ok-cream);background-image:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ok-sun) 45%,transparent),transparent 42%)}.cl-dialog .ok-modal-head{align-items:center}.cl-dialog .ok-modal-head h2{font-size:34px;color:var(--ok-ink);text-shadow:0 .07em 0 var(--ok-sun)}.cl-intro{margin:-4px 0 4px;font-size:14px;font-weight:700;color:color-mix(in srgb,var(--ok-ink) 78%,transparent)}.cl-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.cl-fields{display:grid;gap:16px;min-width:0}.cl-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cl-field{min-width:0}.cl-label{display:block;margin:0 0 6px;font:900 13px/1.2 var(--ok-font-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--ok-ink)}.cl-label-note{font-weight:700;text-transform:none;letter-spacing:0;opacity:.75}.cl-input{width:100%;min-height:46px;padding:9px 12px;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-white);color:var(--ok-ink);font:800 15px/1.2 var(--ok-font-ui);box-shadow:0 3px 0 var(--ok-ink)}.cl-input::placeholder{color:color-mix(in srgb,var(--ok-ink) 45%,transparent);font-weight:700}.cl-hex{width:110px;min-height:40px;font-size:13px;letter-spacing:.04em}.cl-color{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cl-swatch{width:36px;height:36px;padding:0;border-radius:50%;border:3px solid var(--ok-ink);box-shadow:0 3px 0 var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop),box-shadow var(--ok-fast)}.cl-swatch:hover:not(:disabled){transform:translateY(-2px) scale(1.06)}.cl-swatch[aria-pressed=true]{transform:translateY(-3px) scale(1.1);box-shadow:0 0 0 3px var(--ok-sun),0 0 0 6px var(--ok-ink),0 6px 0 6px var(--ok-ink)}.cl-color-input{width:56px;height:46px;padding:4px;border:3px solid var(--ok-ink);border-radius:.8em;background:var(--ok-white);box-shadow:0 3px 0 var(--ok-ink);cursor:pointer}.cl-color-input::-webkit-color-swatch-wrapper{padding:0}.cl-color-input::-webkit-color-swatch{border:0;border-radius:.5em}.cl-color-input::-moz-color-swatch{border:0;border-radius:.5em}.cl-upload{display:grid;gap:8px;padding:14px;border:3px solid var(--ok-ink);border-radius:1em;background:var(--ok-white);box-shadow:0 0 0 3px var(--ok-cream),0 0 0 6px var(--ok-ink)}.cl-upload input[type=file]{max-width:100%;font:700 13px/1.3 var(--ok-font-ui);color:var(--ok-ink)}.cl-upload input[type=file]::file-selector-button{margin-right:10px;padding:7px 12px;border:3px solid var(--ok-ink);border-radius:.6em;background:var(--ok-sun);color:var(--ok-ink);font:900 13px/1 var(--ok-font-ui);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 3px 0 var(--ok-ink);cursor:pointer}.cl-upload small{font-size:12px;line-height:1.45;font-weight:700;color:color-mix(in srgb,var(--ok-ink) 72%,transparent)}.cl-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cl-range{display:grid;gap:6px;font:900 12px/1.2 var(--ok-font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ok-ink)}.cl-range input{width:100%;margin:0;accent-color:var(--ok-red)}.cl-toggle{display:flex;align-items:center;gap:10px;font:800 14px/1.3 var(--ok-font-ui);color:var(--ok-ink);cursor:pointer}.cl-toggle input{width:22px;height:22px;margin:0;accent-color:var(--ok-red)}.cl-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cl-actions .ok-btn{min-height:44px;padding:.6em 1.1em;font-size:13px;letter-spacing:.03em}.cl-filehidden{display:none}.cl-library{display:grid;gap:10px;padding:14px;border:3px dashed var(--ok-ink);border-radius:1em;background:color-mix(in srgb,var(--ok-white) 55%,transparent)}.cl-h3{margin:0;font:400 18px/1.1 var(--ok-font-display);letter-spacing:.02em;color:var(--ok-ink)}.cl-saved{display:flex;flex-wrap:wrap;gap:8px}.cl-empty{font-size:13px;font-weight:700;color:color-mix(in srgb,var(--ok-ink) 68%,transparent)}.cl-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:3px 12px 3px 3px;border:3px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-white);color:var(--ok-ink);font:900 13px/1 var(--ok-font-ui);box-shadow:0 3px 0 var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop),box-shadow var(--ok-fast);animation:cl-pop var(--ok-med) var(--ok-ease-pop) both}.cl-pill:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg)}.cl-pill:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ok-ink)}.cl-pill i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--ok-ink);background-size:cover;background-position:center;background-repeat:no-repeat;font-style:normal;font-family:var(--ok-font-display);font-size:13px;color:var(--ok-white)}.cl-msg{min-height:24px;font:800 13px/1.35 var(--ok-font-ui);color:var(--ok-ink)}.cl-msg:not(:empty){padding:7px 11px;border:3px solid var(--ok-ink);border-radius:.7em;background:var(--ok-sun);box-shadow:0 3px 0 var(--ok-ink)}.cl-preview{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 14px 14px;text-align:center;border:3px solid var(--ok-ink);border-radius:1.3em;background:var(--ok-sky);box-shadow:0 6px 0 4px var(--ok-ink)}.cl-stage{position:relative;width:256px;max-width:100%;height:256px;overflow:hidden;border:3px solid var(--ok-ink);border-radius:1em;background:radial-gradient(ellipse at 50% 68%,var(--ok-sun) 0 22%,var(--ok-cream) 72%)}.cl-stage .cs-live-driver{width:100%;height:100%}.cl-stage canvas{width:100%!important;height:100%!important}.cl-stage-note{display:grid;place-items:center;height:100%;font:800 13px/1.3 var(--ok-font-ui);color:var(--ok-ink)}.cl-name{margin-top:8px;max-width:100%;font-size:24px;line-height:1.05;overflow-wrap:anywhere}.cl-dept{display:inline-block;max-width:100%;padding:3px 10px;border:2px solid var(--ok-ink);border-radius:var(--ok-r-pill);background:var(--ok-white);color:var(--ok-ink);font:800 13px/1.3 var(--ok-font-ui);overflow-wrap:anywhere}.cl-mini{width:60px;height:60px;margin-top:8px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--ok-white);box-shadow:0 0 0 3px var(--ok-ink),0 3px 0 3px var(--ok-ink);font-family:var(--ok-font-display);font-size:22px;color:var(--ok-white);background-position:center;background-repeat:no-repeat}.cl-badge-note{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ok-ink)}@keyframes cl-pop{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}@media(max-width:680px){.cl-dialog{padding:16px}.cl-grid{grid-template-columns:1fr}.cl-preview{order:-1}.cl-row,.cl-sliders{grid-template-columns:1fr}.cl-stage{width:200px;height:200px}.cl-actions .ok-btn{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.cl-root *,.cl-root *:before{animation:none!important;transition:none!important}}.motion-reduced .cl-root *,.motion-reduced .cl-root *:before{animation:none!important;transition:none!important}.rd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:grid;place-items:center;padding:14px;background:color-mix(in srgb,var(--ok-ink) 84%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--ok-font-ui);font-size:14px;line-height:1.45;font-weight:700;color:var(--ok-cream)}.rd-backdrop :focus-visible{outline:4px solid var(--ok-sun);outline-offset:3px}.rd-dialog{width:min(1100px,100%);max-height:94dvh;overflow:auto;padding:22px;border-radius:1.6em;background-color:var(--ok-panel);background-image:linear-gradient(90deg,color-mix(in srgb,var(--ok-white) 5%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--ok-white) 5%,transparent) 1px,transparent 1px);background-size:24px 24px;border:4px solid var(--ok-ink);box-shadow:0 0 0 4px var(--ok-red),0 0 0 8px var(--ok-ink),var(--ok-drop)}.rd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px;border-bottom:3px dashed color-mix(in srgb,var(--ok-white) 18%,transparent)}.rd-title{margin:8px 0 4px;font-size:34px;line-height:1.05;-webkit-text-stroke:.1em var(--ok-ink)}.rd-muted{font-size:13px;font-weight:700;color:color-mix(in srgb,var(--ok-cream) 74%,transparent)}.rd-ok{color:var(--ok-mint);font-weight:900}.rd-mt{margin-top:12px}.rd-btn,.rd-close{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:42px;padding:.55em 1.05em;border:3px solid color-mix(in srgb,var(--ok-cream) 28%,transparent);border-radius:.9em;background:var(--ok-ink);color:var(--ok-cream);box-shadow:0 4px 0 0 var(--ok-ink);font:900 13px/1.1 var(--ok-font-ui);letter-spacing:.05em;text-transform:uppercase;transition:transform var(--ok-fast) var(--ok-ease-pop),background-color var(--ok-fast),border-color var(--ok-fast)}.rd-btn .ok-ico{width:1.35em;height:1.35em}.rd-close .ok-ico{width:1.2em;height:1.2em}.rd-btn:hover:not(:disabled),.rd-close:hover{transform:translateY(-2px);border-color:var(--ok-sun)}.rd-btn:active:not(:disabled),.rd-close:active{transform:translateY(2px);box-shadow:0 1px 0 0 var(--ok-ink)}.rd-btn:disabled{opacity:.45;cursor:default}.rd-btn.is-active{background:var(--ok-sun);color:var(--ok-ink);border-color:var(--ok-ink)}.rd-btn.is-warn{background:var(--ok-red);color:var(--ok-white);border-color:color-mix(in srgb,var(--ok-white) 35%,transparent)}.rd-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.rd-card{min-width:0;padding:16px;border-radius:1.2em;border:3px solid color-mix(in srgb,var(--ok-white) 12%,transparent);background:color-mix(in srgb,var(--ok-ink) 46%,transparent)}.rd-card-wide{grid-column:1 / -1}.rd-card h3{margin:0 0 12px;font:400 17px/1.1 var(--ok-font-display);letter-spacing:.03em;color:var(--ok-sun)}.rd-card>.rd-mt-lg{margin-top:16px}.rd-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rd-states .rd-btn{flex:1 1 105px;min-width:105px}.rd-range{width:100%;margin:0;accent-color:var(--ok-sun)}.rd-botline{display:flex;align-items:center;gap:12px}.rd-botline strong{min-width:56px;text-align:center;font-family:var(--ok-font-display);font-weight:400;font-size:36px;line-height:1;color:var(--ok-sun);text-shadow:0 3px 0 var(--ok-red)}.rd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rd-stat{padding:12px 8px 10px;text-align:center;border:3px solid var(--ok-ink);border-radius:1em;background:var(--ok-ink);box-shadow:0 4px 0 0 var(--ok-red)}.rd-stat b{display:block;overflow-wrap:anywhere;font-family:var(--ok-font-display);font-weight:400;font-size:32px;line-height:1;color:var(--ok-sun);text-shadow:0 3px 0 var(--ok-red)}.rd-stat span{display:block;margin-top:6px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--ok-cream) 74%,transparent)}.rd-tablewrap{max-height:300px;overflow:auto;border:3px solid var(--ok-ink);border-radius:1em;background:color-mix(in srgb,var(--ok-ink) 60%,transparent)}.rd-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.rd-table th{position:sticky;top:0;z-index:1;padding:10px 8px;text-align:left;background:var(--ok-ink);color:var(--ok-sun);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border-bottom:3px solid var(--ok-red)}.rd-table td{padding:8px;vertical-align:middle;color:var(--ok-cream);border-bottom:1px solid color-mix(in srgb,var(--ok-white) 10%,transparent)}.rd-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--ok-white) 4%,transparent)}.rd-table .rd-btn{min-height:34px;padding:.35em .7em;font-size:12px}.rd-player{display:flex;align-items:center;gap:10px;min-width:0}.rd-avatar{flex:0 0 auto;width:30px;height:30px;overflow:hidden;display:grid;place-items:center;border-radius:50%;border:2px solid var(--ok-cream);background:var(--ok-ink);color:var(--ok-sun);font-family:var(--ok-font-display);font-size:12px}.rd-access{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.rd-access label{font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ok-sun)}.rd-token{min-width:180px;min-height:44px;padding:9px 12px;border:2px solid color-mix(in srgb,var(--ok-cream) 28%,transparent);border-radius:.8em;background:var(--ok-ink);color:var(--ok-white);font:800 14px/1.2 var(--ok-font-ui)}.rd-error{margin:12px 0;padding:10px 12px;border:3px solid var(--ok-ink);border-radius:.9em;background:var(--ok-red-deep);color:var(--ok-white);font-weight:800}.rd-footer{margin-top:12px;font-size:13px;font-weight:700;color:color-mix(in srgb,var(--ok-cream) 74%,transparent)}.rd-footer[role=status]{color:var(--ok-mint);font-weight:800}.rd-event{margin:18px 0;border-color:var(--ok-sun)}.rd-event h3{margin:6px 0;font-size:24px}.rd-event-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.rd-event-phase{padding:8px 12px;border-radius:12px;background:var(--ok-sun);color:var(--ok-ink);font-weight:900;text-align:center}.rd-event-counts{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.rd-event-counts span{padding:8px 12px;border:2px solid var(--ok-line);border-radius:10px}.rd-event-counts b{font-size:22px;color:var(--ok-sun);margin-right:4px}.rd-advanced>summary,.rd-invite>summary{cursor:pointer;padding:14px 4px;min-height:44px;font-weight:900}.rd-invite-body{display:flex;flex-wrap:wrap;align-items:start;gap:20px;padding-top:12px}.rd-invite-body>div{flex:1;min-width:0}.rd-invite-body label{display:block;margin-bottom:8px}.rd-invite-body input{display:block;width:100%;min-width:0;margin-bottom:10px}.rd-invite-body img{border-radius:8px;max-width:100%}@media(max-width:640px){.rd-event-head{flex-direction:column;gap:8px}.rd-event-counts{gap:6px}.rd-event h3{font-size:20px}}@media(max-width:720px){.rd-dialog{padding:14px}.rd-title{font-size:24px}.rd-grid{grid-template-columns:1fr}.rd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-table{min-width:570px}}@media(prefers-reduced-motion:reduce){.rd-backdrop *,.rd-backdrop *:before{animation:none!important;transition:none!important}}.motion-reduced .rd-backdrop *,.motion-reduced .rd-backdrop *:before{animation:none!important;transition:none!important}.rd-queue{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.rd-queue li{display:grid;gap:2px;padding:8px 12px;border:2px solid var(--ok-ink);border-radius:.7em;background:var(--ok-white);color:var(--ok-ink)}.rd-queue b{font-size:14px}.rd-queue small{font-size:12px;font-weight:800;text-transform:capitalize;opacity:.75}.rd-hint{margin:0;font-size:13px;font-weight:700;opacity:.8}.rd-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rd-setup-grid label{display:grid;gap:6px;font-weight:800}.rd-setup-grid select{width:100%;min-width:0}.rd-card[aria-label="Browser performance"]{margin:16px 0}.rd-card[aria-label="Browser performance"]>button{width:100%;padding:12px;color:var(--ok-cream);background:var(--ok-ink);border:2px solid var(--ok-line);border-radius:10px;cursor:pointer}.rd-card[aria-label="Browser performance"] details{margin-top:10px;border-top:1px solid var(--ok-line);padding:10px 0}.rd-card[aria-label="Browser performance"] summary{cursor:pointer;min-height:44px}@media(max-width:640px){.rd-setup-grid{grid-template-columns:1fr}}.in-race{height:100dvh;min-height:0;overflow:hidden}.in-race .world-canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;min-height:0}.in-race .scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;min-height:0;background:linear-gradient(0deg,rgb(40 10 30 / .45),transparent 26%,transparent 78%,rgb(40 10 30 / .2))}.in-race button:focus-visible,[role=dialog] button:focus-visible{outline:3px solid var(--ok-sun);outline-offset:3px;box-shadow:0 0 0 6px #ffd23a59}.ok-hud{--u: clamp(12px, min(.95vw, 1.7vh), 17px);--clock-h: calc(4.15em + 1.44*max(var(--ok-text-min), .7em) + 1.2*max(var(--ok-text-min), .74em)) ;--stack-top: calc(1.1em + var(--clock-h) + 1.3em);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font:900 var(--u) / 1.2 var(--ok-font-ui);color:var(--ok-white)}.ok-hud button{font:inherit;color:inherit;pointer-events:auto}.ok-hud [hidden]{display:none!important}.ok-ico{display:block;width:1em;height:1em;flex:0 0 auto;overflow:visible}.ok-key{display:inline-grid;place-items:center;min-width:1.8em;height:1.8em;padding:0 .35em;border-radius:.45em;background:var(--ok-white);color:var(--ok-ink);border:.14em solid var(--ok-ink);box-shadow:0 .16em 0 var(--ok-ink);font:900 max(var(--ok-text-min),.7em) / 1 var(--ok-font-ui);letter-spacing:.02em}.ok-kicker{font-size:max(var(--ok-text-min),.72em);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ok-left{position:absolute;left:1.1em;top:1.1em;bottom:1.1em;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:var(--ok-z-hud)}.ok-left-top{display:flex;flex-direction:column;gap:.9em}.ok-items{position:relative;width:10.6em;height:9.5em}.ok-slot{position:absolute;left:0;top:0;display:grid;place-items:center;padding:0;width:7.2em;height:7.2em;border-radius:1.3em;border:.26em solid var(--ok-white);background:radial-gradient(circle at 50% 40%,var(--ok-panel),var(--ok-ink) 72%);color:var(--ok-white);cursor:pointer;z-index:1;overflow:visible;box-shadow:inset 0 0 0 .24em var(--ok-sun),0 0 0 .24em var(--ok-ink),0 .62em 0 .24em var(--ok-ink),0 1em 1.4em #0a041473;transition:transform var(--ok-fast) var(--ok-ease-pop)}.ok-slot:hover:not(:disabled){transform:translateY(-.12em) scale(1.03)}.ok-slot:active:not(:disabled){transform:translateY(.14em) scale(.97)}.ok-slot:disabled{cursor:default;opacity:1}.ok-slot.is-loaded{color:var(--ok-white);box-shadow:inset 0 0 0 .24em var(--ok-sun),0 0 0 .24em var(--ok-ink),0 .62em 0 .24em var(--ok-ink),0 0 2.2em #ffd23a99}.ok-slot-2{left:6.2em;top:5.1em;width:4.1em;height:4.1em;border-radius:.95em;z-index:0;border-width:.2em;box-shadow:inset 0 0 0 .18em var(--ok-sun),0 0 0 .2em var(--ok-ink),0 .45em 0 .2em var(--ok-ink),var(--ok-drop)}.ok-slot-2.is-loaded{box-shadow:inset 0 0 0 .18em var(--ok-sun),0 0 0 .2em var(--ok-ink),0 .45em 0 .2em var(--ok-ink),0 0 2em #ffd23a8c}.ok-slot .ok-ico{width:4.6em;height:4.6em}.ok-slot-2 .ok-ico{width:2.9em;height:2.9em}.ok-slot .ok-empty{opacity:.75}.ok-slot .ok-key{position:absolute;left:-.1em;top:-.1em;z-index:2}.ok-slot-2 .ok-key{left:auto;right:-.1em;top:auto;bottom:-.1em}.ok-roll{position:absolute;top:.2em;right:.2em;bottom:.2em;left:.2em;overflow:hidden;border-radius:.9em;pointer-events:none}.ok-roll-strip{position:absolute;left:0;right:0;top:0;height:calc(var(--n) * 100%);display:flex;flex-direction:column;transform:translateY(var(--stop, 0%));animation:ok-roll .85s var(--ok-ease-roll) both}.ok-roll-cell{flex:0 0 calc(100% / var(--n));display:grid;place-items:center}.ok-roll-cell .ok-ico{width:4.4em;height:4.4em}.ok-roll-cell:last-child{animation:ok-land .42s var(--ok-ease-pop) .8s both}.ok-slot-2 .ok-roll-cell .ok-ico{width:2.9em;height:2.9em}@keyframes ok-roll{0%{transform:translateY(0)}to{transform:translateY(var(--stop, 0%))}}@keyframes ok-land{0%{transform:scale(.6)}60%{transform:scale(1.14)}to{transform:scale(1)}}.ok-minimap{position:relative;margin:0;padding:.5em .5em .4em;width:11.6em;border-radius:1em;background:var(--ok-panel);border:.2em solid var(--ok-white);box-shadow:0 0 0 .2em var(--ok-ink),0 .45em 0 .2em var(--ok-ink)}.ok-minimap canvas{display:block;width:100%;height:auto;aspect-ratio:180 / 140}.ok-minimap figcaption{margin-top:.3em;font-size:max(var(--ok-text-min),.72em);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:var(--ok-lilac)}.ok-lap{display:flex;flex-direction:column;align-items:flex-start;min-width:9.5em;padding:.45em .95em .5em;border-radius:1em;background:var(--ok-red);border:.2em solid var(--ok-white);box-shadow:0 0 0 .2em var(--ok-ink),0 .5em 0 .2em var(--ok-ink)}.ok-lap>span{font-size:max(var(--ok-text-min),.74em);letter-spacing:.2em;color:var(--ok-white)}.ok-lap>b{font-family:var(--ok-font-display);font-weight:400;font-size:3.4em;line-height:.95;letter-spacing:.02em;color:var(--ok-white);-webkit-text-stroke:.14em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ok-ink);font-variant-numeric:tabular-nums}.ok-lap>b i{font-style:normal;font-size:.6em;opacity:.9}.ok-balloons{display:flex;flex-wrap:wrap;gap:.15em;align-items:center;min-height:1.9em;color:var(--ok-white)}.ok-balloons .ok-ico{width:1.7em;height:1.7em}.ok-balloons-out{font-family:var(--ok-font-display);font-size:2.2em;line-height:1;color:var(--ok-white);-webkit-text-stroke:.14em var(--ok-ink);paint-order:stroke fill}.ok-clock{position:absolute;right:1.1em;top:1.1em;z-index:var(--ok-z-hud);min-width:11.6em;padding:.5em .95em .6em;border-radius:1.1em;text-align:right;background:var(--ok-white);color:var(--ok-ink);border:.2em solid var(--ok-ink);box-shadow:0 0 0 .2em var(--ok-white),0 0 0 .4em var(--ok-ink),0 .5em 0 .4em var(--ok-ink);pointer-events:none}.ok-clock-label{display:inline-block;padding:.12em .55em;border-radius:.4em;background:var(--ok-red);color:var(--ok-white);font-size:max(var(--ok-text-min),.7em);letter-spacing:.14em}.ok-clock b{display:block;font-family:var(--ok-font-display);font-weight:400;font-size:2.5em;line-height:1.02;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--ok-ink)}.ok-clock small{display:block;margin-top:.1em;font-size:max(var(--ok-text-min),.74em);letter-spacing:.08em;color:var(--ok-red-deep);font-variant-numeric:tabular-nums}.ok-actions{position:absolute;right:1.1em;top:var(--stack-top);z-index:var(--ok-z-action);display:flex;gap:.55em;pointer-events:auto}.ok-action{position:relative;display:grid;place-items:center;width:3.1em;height:3.1em;padding:0;border-radius:50%;background:var(--ok-red);color:var(--ok-white);border:.2em solid var(--ok-white);box-shadow:0 0 0 .2em var(--ok-ink),0 .4em 0 .2em var(--ok-ink);transition:transform var(--ok-fast) var(--ok-ease-pop)}.ok-action .ok-ico{width:1.5em;height:1.5em}.ok-actions{opacity:.78;transition:opacity var(--ok-med) ease}.ok-actions:hover,.ok-actions:focus-within{opacity:1}.ok-action:hover:not(:disabled){transform:scale(1.08)}.ok-action:active:not(:disabled){transform:scale(.93)}.ok-action:disabled{opacity:.55;cursor:default}.ok-action .ok-key{position:absolute;right:-.4em;bottom:-.35em}.ok-action.tone-sky{background:var(--ok-sky-ink)}.ok-action.tone-sun{background:var(--ok-sun);color:var(--ok-ink)}.ok-action.tone-purple{background:var(--ok-purple-deep)}.ok-action.tone-ink{background:var(--ok-panel)}.ok-standings{position:absolute;right:1.1em;top:calc(var(--stack-top) + 3.8em);z-index:var(--ok-z-hud);width:15.2em;border-radius:1.1em;overflow:hidden;pointer-events:none;background:var(--ok-white);color:var(--ok-ink);border:.2em solid var(--ok-ink);box-shadow:0 .5em 0 .2em var(--ok-ink)}.ok-standings-head{display:flex;justify-content:space-between;align-items:center;padding:.42em .8em;background:var(--ok-red);color:var(--ok-white);font-size:max(var(--ok-text-min),.72em);letter-spacing:.14em;text-transform:uppercase}.ok-standings ol{margin:0;padding:.2em 0;list-style:none}.ok-row{display:grid;grid-template-columns:1.7em 2.3em minmax(0,1fr) auto;align-items:center;gap:.4em;min-height:2.6em;padding:.25em .75em .25em .5em}.ok-row:nth-child(2n){background:var(--ok-cream-2)}.ok-row.is-you{background:var(--ok-sun)}.ok-row-rank{font-family:var(--ok-font-display);font-weight:400;font-size:1.35em;line-height:1;color:var(--ok-ink)}.ok-row-name{display:flex;align-items:center;gap:.4em;min-width:0;font-size:max(var(--ok-text-min),.82em)}.ok-row-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-row-name em{flex:0 0 auto;padding:.05em .4em;border-radius:.35em;background:var(--ok-ink);color:var(--ok-sun);font-style:normal;font-size:max(var(--ok-text-min),.72em);letter-spacing:.1em;line-height:1.4}.ok-row-meta{font-size:max(var(--ok-text-min),.74em);color:var(--ok-muted);white-space:nowrap;display:inline-flex;gap:.2em;align-items:center}.ok-row-meta .ok-ico{width:1.1em;height:1.1em}.ok-row-gap{height:.35em;margin:.15em .6em;border-top:.16em dashed var(--ok-line)}.ok-chip-portrait{position:relative;display:grid;place-items:center;width:2.25em;height:2.25em;overflow:hidden;border-radius:50%;border:.14em solid var(--ok-ink);background:var(--chip, var(--ok-chip-fallback));color:var(--ok-white);font-family:var(--ok-font-display);font-weight:400;font-size:.85em}.ok-chip-portrait b{position:relative;z-index:0;line-height:1}.ok-chip-portrait img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.ok-place{position:absolute;right:1.2em;bottom:1em;z-index:var(--ok-z-hud);display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;--rank: var(--ok-rank-4)}.ok-place[data-rank="1"]{--rank: var(--ok-rank-1)}.ok-place[data-rank="2"]{--rank: var(--ok-rank-2)}.ok-place[data-rank="3"]{--rank: var(--ok-rank-3)}.ok-place-num{font-family:var(--ok-font-display);font-weight:400;font-size:6.75em;line-height:.82;letter-spacing:-.01em;color:var(--rank);-webkit-text-stroke:.15em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ok-ink),0 .17em 0 var(--ok-ink),0 .3em .7em rgb(20 8 36 / .35);transform-origin:60% 85%}.ok-place-num.is-gain{animation:ok-pop-gain .75s var(--ok-ease-pop)}.ok-place-num.is-loss{animation:ok-pop-loss .75s var(--ok-ease-pop)}.ok-place-of{margin-top:.3em;padding:.1em .5em;border-radius:.5em;background:var(--ok-ink);color:var(--ok-white);font-size:max(var(--ok-text-min),.8em);letter-spacing:.08em;font-variant-numeric:tabular-nums}.ok-speed{display:flex;align-items:baseline;gap:.3em;margin-bottom:.25em;padding:.2em .6em .25em;border-radius:.8em;background:var(--ok-ink);border:.14em solid var(--ok-white);box-shadow:0 0 0 .14em var(--ok-ink)}.ok-speed b{font-family:var(--ok-font-display);font-weight:400;font-size:1.7em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ok-white)}.ok-speed span{font-size:max(var(--ok-text-min),.72em);letter-spacing:.12em;color:var(--ok-sun)}@keyframes ok-pop-gain{0%{transform:scale(1.5) rotate(-6deg);filter:drop-shadow(0 0 .3em var(--ok-mint))}40%{transform:scale(.92) rotate(2deg)}70%{transform:scale(1.06)}to{transform:scale(1) rotate(0);filter:none}}@keyframes ok-pop-loss{0%{transform:scale(1.5) rotate(6deg);filter:drop-shadow(0 0 .3em var(--ok-red))}40%{transform:scale(.92) rotate(-2deg)}70%{transform:scale(1.06)}to{transform:scale(1) rotate(0);filter:none}}.ok-status{position:absolute;left:50%;top:1.2em;z-index:var(--ok-z-hud);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5em;width:max-content;max-width:min(60vw,46em);pointer-events:none}.ok-pill{display:inline-flex;align-items:center;gap:.5em;padding:.55em 1.1em;border-radius:var(--ok-r-pill);background:var(--ok-white);color:var(--ok-ink);border:.18em solid var(--ok-ink);box-shadow:0 .3em 0 .18em var(--ok-ink);font-size:max(var(--ok-text-min),.8em);letter-spacing:.06em;white-space:nowrap;text-align:center}button.ok-pill{cursor:pointer;pointer-events:auto}.ok-hud button.ok-pill{color:var(--ok-ink)}button.ok-pill:hover{transform:translateY(-.1em)}.ok-pill-ghost{background:var(--ok-sky-pale)}.ok-pill-podium{background:var(--ok-sun)}.ok-banner{padding:.6em 1.2em;border-radius:var(--ok-r-pill);background:var(--ok-red);color:var(--ok-white);border:.18em solid var(--ok-ink);box-shadow:0 .3em 0 .18em var(--ok-ink);font-size:max(var(--ok-text-min),.82em);letter-spacing:.04em}.ok-feedback{position:absolute;left:50%;top:5.5em;z-index:var(--ok-z-hud);transform:translate(-50%);display:flex;gap:.45em;white-space:nowrap;pointer-events:none}.ok-chip{display:inline-flex;align-items:center;gap:.4em;padding:.42em .85em;border-radius:var(--ok-r-pill);background:var(--ok-white);color:var(--ok-ink);border:.16em solid var(--ok-ink);box-shadow:0 .25em 0 .16em var(--ok-ink);font-size:max(var(--ok-text-min),.76em);letter-spacing:.06em;animation:ok-sticker-in .35s var(--ok-ease-pop) both}.ok-chip .ok-ico{width:1.25em;height:1.25em}.ok-chip-danger{background:var(--ok-red-deep);color:var(--ok-white)}.ok-chip-draft{background:var(--ok-sky)}.ok-chip-gold{background:var(--ok-sun)}.ok-hud button.ok-chip-reset{cursor:pointer;color:var(--ok-ink);font-size:max(var(--ok-text-min),.7em);opacity:.62;padding:.3em .7em;transition:opacity var(--ok-med) ease,transform var(--ok-fast) var(--ok-ease-pop),background var(--ok-med) ease}.ok-hud button.ok-chip-reset:hover:not(:disabled),.ok-hud button.ok-chip-reset:focus-visible{opacity:1}.ok-hud button.ok-chip-reset:active:not(:disabled){transform:scale(.94)}.ok-hud button.ok-chip-reset:disabled{cursor:default}.ok-chip-reset .ok-key{min-width:1.6em;height:1.6em;font-size:.82em}.ok-hud button.ok-chip-reset.is-urgent{opacity:1;background:var(--ok-sun);font-size:max(var(--ok-text-min),.9em);padding:.5em 1em;animation:ok-reset-pulse .8s ease-in-out infinite alternate}@keyframes ok-reset-pulse{0%{transform:scale(1);box-shadow:0 .25em 0 .16em var(--ok-ink),0 0 0 0 var(--ok-sun)}to{transform:scale(1.1);box-shadow:0 .25em 0 .16em var(--ok-ink),0 0 0 .5em transparent}}.motion-reduced .ok-hud button.ok-chip-reset.is-urgent{animation:none!important}@keyframes ok-sticker-in{0%{opacity:0;transform:translateY(-.4em) scale(.9)}to{opacity:1;transform:none}}.hud-error{position:absolute;left:50%;bottom:11.5em;z-index:var(--ok-z-hud);transform:translate(-50%);display:inline-flex;align-items:center;gap:.6em;max-width:min(90vw,40em);padding:.6em 1em;border-radius:var(--ok-r);background:var(--ok-ink);color:var(--ok-white);border:.18em solid var(--ok-white);box-shadow:0 0 0 .18em var(--ok-ink),0 .3em 0 .18em var(--ok-ink);font-size:max(var(--ok-text-min),.82em);text-align:left;pointer-events:auto}.hud-error .ok-ico{width:1.1em;height:1.1em}.ok-drift{position:absolute;left:50%;bottom:1.2em;z-index:var(--ok-z-hud);transform:translate(-50%);width:min(24em,46vw);padding:.55em .9em .62em;border-radius:1.1em;background:var(--ok-panel);border:.18em solid var(--ok-white);box-shadow:0 0 0 .18em var(--ok-ink),0 .45em 0 .18em var(--ok-ink);pointer-events:none}.ok-drift-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6em}.ok-drift-head b{font-family:var(--ok-font-display);font-weight:400;font-size:1.3em;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ok-drift-head span{font-size:max(var(--ok-text-min),.7em);letter-spacing:.12em;text-transform:uppercase;color:var(--ok-lilac-2);white-space:nowrap}.ok-drift-bar{position:relative;height:.72em;margin:.45em 0 .32em;overflow:hidden;border-radius:var(--ok-r-pill);background:#ffffff29;box-shadow:inset 0 0 0 .12em var(--ok-ink)}.ok-drift-bar i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;transform-origin:left;transform:scaleX(0);background:var(--ok-charge-1)}.ok-drift-head{max-height:2.4em;transition:max-height .5s var(--ok-ease-out),opacity .4s ease}.ok-drift.is-compact .ok-drift-head{max-height:0;opacity:0;overflow:hidden}.ok-drift small{display:block;font-size:max(var(--ok-text-min),.72em);letter-spacing:.1em;color:var(--ok-white)}.ok-drift-tick{position:absolute;top:0;bottom:0;width:.14em;margin-left:-.07em;pointer-events:none;background:var(--ok-white);opacity:.85}.ok-speedlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--ok-z-hud);pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 46%,rgb(255 255 255 / .8) 0deg .7deg,transparent 1.4deg 9deg);-webkit-mask-image:radial-gradient(circle at 50% 46%,transparent 34%,#000 74%);mask-image:radial-gradient(circle at 50% 46%,transparent 34%,#000 74%)}.ok-guide{position:absolute;left:50%;bottom:7.9em;z-index:var(--ok-z-hud);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:.45em;width:max-content;max-width:min(54em,92vw);transition:opacity .6s ease,transform .6s var(--ok-ease-out);pointer-events:none}.ok-guide span{display:inline-flex;align-items:center;gap:.4em;padding:.38em .8em;border-radius:var(--ok-r-pill);background:var(--ok-white);color:var(--ok-ink);border:.14em solid var(--ok-ink);box-shadow:0 .2em 0 .14em var(--ok-ink);font-size:max(var(--ok-text-min),.74em);letter-spacing:.06em}.ok-guide.is-faded{opacity:0;transform:translate(-50%,.5em)}.ok-countdown{position:absolute;left:50%;top:40%;z-index:var(--ok-z-moment);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25em;text-align:center;pointer-events:none}.ok-countdown>span{display:inline-block;padding:.3em 1.1em .34em;border-radius:.3em;background:var(--ok-red);color:var(--ok-white);border:.12em solid var(--ok-white);box-shadow:0 0 0 .12em var(--ok-ink),0 .3em 0 .2em var(--ok-ink);font-family:var(--ok-font-display);font-weight:400;font-size:clamp(18px,3.2vh,34px);letter-spacing:.06em;-webkit-text-stroke:.08em var(--ok-ink);paint-order:stroke fill;transform:skew(-10deg)}.ok-count{--c: var(--ok-white);margin:0;font-family:var(--ok-font-display);font-weight:400;font-size:min(30vh,46vw);line-height:.9;color:var(--c);-webkit-text-stroke:.1em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ok-ink),0 .16em 0 var(--ok-ink),0 .3em .9em rgb(20 8 36 / .45);animation:ok-count-pop .9s var(--ok-ease-pop) both}.ok-count[data-n="5"],.ok-count[data-n="4"]{--c: var(--ok-sky)}.ok-count[data-n="3"]{--c: var(--ok-coral)}.ok-count[data-n="2"]{--c: var(--ok-orange)}.ok-count[data-n="1"]{--c: var(--ok-sun)}.ok-countdown small{position:relative;z-index:1;margin-top:3.2em;padding:.35em 1em;border-radius:var(--ok-r-pill);background:#1c1030b3;font-size:max(var(--ok-text-min),.78em);letter-spacing:.05em}@keyframes ok-count-pop{0%{transform:scale(1.12) rotate(-3deg);opacity:1}28%{transform:scale(.82) rotate(3deg);opacity:1}44%{transform:scale(1.16) rotate(-2deg)}60%{transform:scale(.97) rotate(0)}78%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.ok-moment{position:absolute;left:50%;top:38%;z-index:var(--ok-z-moment);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:.5em;white-space:nowrap;pointer-events:none}.ok-moment-go{isolation:isolate}.ok-moment-go b{position:relative;font-family:var(--ok-font-display);font-weight:400;font-size:min(40vh,56vw);line-height:1;color:var(--ok-mint);-webkit-text-stroke:.1em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ok-ink),0 .18em 0 var(--ok-ink),0 .3em .9em rgb(20 8 36 / .4);animation:ok-go 1.3s var(--ok-ease-pop) both}.ok-rays{position:absolute;left:50%;top:50%;z-index:-1;width:60em;height:60em;margin:-30em 0 0 -30em;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgb(255 210 58 / .6) 0 7deg,transparent 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 14%,transparent 68%);mask:radial-gradient(circle,#000 14%,transparent 68%);animation:ok-rays 1.3s linear both}@keyframes ok-go{0%{transform:scale(.2) rotate(-14deg);opacity:0}22%{transform:scale(1.18) rotate(3deg);opacity:1}36%{transform:scale(.95) rotate(0)}50%,78%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes ok-rays{0%{transform:rotate(-30deg) scale(.4);opacity:0}25%{opacity:1}to{transform:rotate(40deg) scale(1.1);opacity:0}}.ok-moment-final{top:30%;padding:.35em 1.2em .4em;background:var(--ok-red);color:var(--ok-sun);border-top:.2em solid var(--ok-white);border-bottom:.2em solid var(--ok-white);box-shadow:0 0 0 .2em var(--ok-ink),0 .5em 0 .2em var(--ok-ink);transform:translate(-50%,-50%) skew(-12deg);animation:ok-final 2.6s var(--ok-ease-out) both}.ok-moment-final b{font-family:var(--ok-font-display);font-weight:400;font-size:4.4em;line-height:1;letter-spacing:.02em;-webkit-text-stroke:.13em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ok-ink),0 .17em 0 var(--ok-ink)}.ok-chequer{align-self:stretch;width:1.5em;margin:-.35em 0;background:conic-gradient(var(--ok-white) 25%,var(--ok-ink) 0 50%,var(--ok-white) 0 75%,var(--ok-ink) 0) 0 0 / .75em .75em}@keyframes ok-final{0%{transform:translate(calc(-50% - 80vw),-50%) skew(-12deg)}14%{transform:translate(-50%,-50%) skew(-12deg) scale(1.08)}22%,80%{transform:translate(-50%,-50%) skew(-12deg) scale(1);opacity:1}to{transform:translate(calc(-50% + 80vw),-50%) skew(-12deg);opacity:0}}.ok-moment-finish{top:36%;flex-direction:column;gap:.2em;padding:.7em 1.5em .75em;border-radius:1.2em;background:linear-gradient(135deg,var(--ok-red-deep),var(--ok-red));color:var(--ok-white);border:.2em solid var(--ok-white);box-shadow:0 0 0 .2em var(--ok-ink),0 .6em 0 .2em var(--ok-ink);animation:ok-finish 3.2s var(--ok-ease-pop) both}.ok-moment-finish .ok-ico{width:2.5em;height:2.5em}.ok-moment-finish>div{display:flex;flex-direction:column;align-items:center;text-align:center}.ok-moment-finish b{font-family:var(--ok-font-display);font-weight:400;font-size:4.2em;line-height:.95;-webkit-text-stroke:.13em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ok-ink),0 .17em 0 var(--ok-ink)}.ok-moment-finish small{font-size:max(var(--ok-text-min),.92em);letter-spacing:.06em;color:var(--ok-white)}@keyframes ok-finish{0%{transform:translate(-50%,-50%) scale(.3) rotate(-6deg);opacity:0}26%{transform:translate(-50%,-50%) scale(1.08) rotate(1deg);opacity:1}40%{transform:translate(-50%,-50%) scale(1)}84%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-56%) scale(.96);opacity:0}}.ok-touch{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ok-hud.is-touch .ok-touch{display:block}.ok-touch button{pointer-events:auto}.ok-touch-steer{position:absolute;left:12px;bottom:12px;display:flex;gap:10px}.ok-touch-throttle{position:absolute;right:12px;bottom:12px;display:flex;align-items:flex-end;gap:10px}.ok-touch-look{position:absolute;left:12px;bottom:96px;display:flex;gap:8px}.ok-pad{position:relative;display:grid;place-items:center;align-content:center;gap:2px;width:68px;height:68px;padding:0;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none;background:#1c1030bd;color:var(--ok-white);border:4px solid var(--ok-white);box-shadow:0 0 0 3px var(--ok-ink),0 6px 0 3px var(--ok-ink);font:900 14px / 1 var(--ok-font-ui);letter-spacing:.06em;transition:transform .08s ease}.ok-pad .ok-ico{width:30px;height:30px}.ok-hud button.ok-pad{font:900 14px / 1 var(--ok-font-ui)}.ok-hud button.ok-pad-look{font-size:12px}.ok-pad:active,.ok-pad.is-held{transform:translateY(3px);background:var(--ok-sun);color:var(--ok-ink);box-shadow:0 0 0 3px var(--ok-ink),0 2px 0 3px var(--ok-ink)}.ok-pad-go{width:88px;height:88px;background:var(--ok-red)}.ok-pad-go:active{background:var(--ok-sun)}.ok-pad-drift{background:var(--ok-sky-ink)}.ok-pad-look{width:58px;height:58px;font-size:12px}.ok-pad-look .ok-ico{width:20px;height:20px}.ok-pad-rev{background:var(--ok-purple-deep)}.ok-hud.is-touch .ok-guide{display:none}.ok-hud.is-touch .ok-drift{bottom:200px}.ok-hud.is-touch .ok-place{bottom:116px}.ok-hud.is-touch .ok-left{bottom:auto}.ok-hud.is-touch .ok-standings{top:calc(var(--stack-top) + 3.8em)}.race-presentation{position:fixed;z-index:var(--ok-z-toast);top:132px;left:50%;transform:translate(-50%);display:grid;gap:10px;width:min(440px,calc(100vw - 28px));pointer-events:none;font-family:var(--ok-font-ui);font-weight:900;color:var(--ok-ink)}.race-achievement,.race-highlight,.race-finish-wait{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:var(--ok-white);color:var(--ok-ink);border:3px solid var(--ok-ink);box-shadow:0 0 0 3px var(--ok-white),0 0 0 6px var(--ok-ink),0 7px 0 6px var(--ok-ink);animation:ok-sticker-in .45s var(--ok-ease-pop) both}.race-achievement>.ok-badge,.race-finish-wait>.ok-badge{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--ok-sun);border:3px solid var(--ok-ink);box-shadow:0 3px 0 var(--ok-ink)}.race-achievement .ok-badge .ok-ico,.race-finish-wait .ok-badge .ok-ico{width:30px;height:30px}.race-achievement b,.race-finish-wait b{display:block;font-family:var(--ok-font-display);font-weight:400;font-size:17px;letter-spacing:.02em}.race-achievement small{display:block;margin-top:2px;font-size:13px;color:var(--ok-muted-deep)}.race-highlight{padding:9px 14px;font-size:14px;letter-spacing:.02em;border-radius:var(--ok-r-pill)}.race-highlight>.ok-badge{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--ok-sun);border:2px solid var(--ok-ink)}.race-highlight>.ok-badge .ok-ico{width:18px;height:18px}.race-meal{display:flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:var(--ok-r-pill);background:var(--ok-white);color:var(--ok-ink);border:3px solid var(--ok-ink);box-shadow:0 0 0 3px var(--ok-white),0 0 0 6px var(--ok-ink),0 6px 0 6px var(--ok-ink);font-family:var(--ok-font-display);font-weight:400;font-size:17px;letter-spacing:.03em;animation:ok-sticker-in .45s var(--ok-ease-pop) both}.race-meal>.ok-badge{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--ok-sun);border:2px solid var(--ok-ink)}.race-meal>.ok-badge .ok-ico{width:26px;height:26px}.race-finish-wait{pointer-events:auto;justify-self:center;margin-top:45vh;width:min(440px,calc(100vw - 28px));padding:18px;background:linear-gradient(135deg,var(--ok-red-deep),var(--ok-red));color:var(--ok-white);box-shadow:0 0 0 3px var(--ok-white),0 0 0 6px var(--ok-ink),0 8px 0 6px var(--ok-ink)}.race-finish-wait>.ok-badge{background:var(--ok-white)}.race-finish-wait p{margin:4px 0 0;font-size:13px;color:var(--ok-cream)}.emote-backdrop,.replay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ok-z-modal);display:grid;place-items:center;padding:18px;background:#1c10309e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;font-family:var(--ok-font-ui);font-weight:900;color:var(--ok-ink)}.emote-panel{width:min(500px,100%);padding:24px;border-radius:26px;background:var(--ok-white);border:4px solid var(--ok-ink);box-shadow:0 0 0 4px var(--ok-white),0 0 0 8px var(--ok-ink),0 10px 0 8px var(--ok-ink)}.emote-panel .ok-kicker{color:var(--ok-white)}.emote-panel h2{margin:6px 0 16px;font-family:var(--ok-font-display);font-weight:400;font-size:28px;letter-spacing:.01em}.emote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.emote-grid button{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:var(--ok-cream-3);border:3px solid var(--ok-ink);box-shadow:0 4px 0 var(--ok-ink);color:var(--ok-ink);font-size:15px;text-align:left;transition:transform var(--ok-fast) var(--ok-ease-pop)}.emote-grid button:hover{transform:translateY(-2px) rotate(-1deg);background:var(--ok-sun)}.emote-grid button .ok-ico{width:38px;height:38px;flex:0 0 38px}.emote-panel small{display:block;margin:14px 0;font-size:12px;color:var(--ok-muted)}.emote-back{width:100%;padding:14px;border-radius:16px;background:var(--ok-red);color:var(--ok-white);border:3px solid var(--ok-ink);box-shadow:0 4px 0 var(--ok-ink);font-size:16px;letter-spacing:.02em}.replay-panel{width:min(1000px,100%);padding:22px;border-radius:26px;background:var(--ok-white);border:4px solid var(--ok-ink);box-shadow:0 0 0 4px var(--ok-white),0 0 0 8px var(--ok-ink),0 10px 0 8px var(--ok-ink)}.replay-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.replay-heading .ok-kicker{color:var(--ok-white)}.replay-heading h2{margin:6px 0;font-family:var(--ok-font-display);font-weight:400;font-size:28px}.replay-heading small{font-size:12px;color:var(--ok-muted)}.replay-heading>button{width:44px;height:44px;border-radius:50%;border:3px solid var(--ok-ink);background:var(--ok-sun);box-shadow:0 3px 0 var(--ok-ink);color:var(--ok-ink);display:grid;place-items:center}.replay-heading>button .ok-ico{width:22px;height:22px}.replay-canvas{height:48vh;min-height:250px;border-radius:18px;overflow:hidden;background:var(--ok-panel);border:3px solid var(--ok-ink)}.replay-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.replay-choices button{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--ok-r-pill);background:var(--ok-cream-3);border:3px solid var(--ok-ink);box-shadow:0 3px 0 var(--ok-ink);color:var(--ok-ink);font-size:13px}.replay-choices button[aria-pressed=true]{background:var(--ok-red);color:var(--ok-white)}.replay-choices .ok-ico{width:13px;height:13px}.replay-choices em{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 .3em;border-radius:50%;background:var(--ok-ink);color:var(--ok-white);font-style:normal;font-size:12px;line-height:1}.replay-choices button[aria-pressed=true] em{background:var(--ok-white);color:var(--ok-ink)}.replay-empty{padding:65px 30px;text-align:center;line-height:1.7;font-size:15px;color:var(--ok-muted-deep)}@media(prefers-reduced-motion:reduce){.ok-roll-strip{animation:none}.ok-roll-cell:last-child{animation:none}.ok-place-num.is-gain,.ok-place-num.is-loss{animation:none}}.motion-reduced .ok-moment,.motion-reduced .ok-moment-go b,.motion-reduced .ok-rays{animation:ok-fade-io var(--ms, 1.6s) ease both!important}.motion-reduced .ok-count,.motion-reduced .ok-chip,.motion-reduced .race-achievement,.motion-reduced .race-highlight,.motion-reduced .race-meal,.motion-reduced .race-finish-wait{animation:ok-fade-in .25s ease both!important}.motion-reduced .ok-roll-strip,.motion-reduced .ok-roll-cell:last-child,.motion-reduced .ok-place-num{animation:none!important}@keyframes ok-fade-io{0%{opacity:0}15%,85%{opacity:1}to{opacity:0}}@keyframes ok-fade-in{0%{opacity:0}to{opacity:1}}.ok-guide span,.ok-speed span,.ok-clock small,.ok-drift-head span,.ok-drift small,.ok-row-meta,.ok-countdown small,.ok-moment-finish small,.ok-minimap figcaption,.race-achievement small,.race-finish-wait p,.emote-panel small,.replay-heading small,.replay-empty{font-weight:800}@media(max-width:1100px){.ok-hud{--u: clamp(12px, 1.5vw, 15px)}.ok-standings{width:13.6em}.ok-minimap{width:10em}.ok-action{width:2.8em;height:2.8em}}@media(max-width:800px){.ok-hud{--u: 13px}.ok-clock{min-width:9.8em}.ok-actions{top:6.6em;gap:.45em}.ok-action{width:2.7em;height:2.7em}.ok-standings{display:none}.ok-items{width:10.4em;height:9.3em}.ok-slot{width:6.4em;height:6.4em}.ok-slot-2{left:5.4em;top:4.6em;width:3.8em;height:3.8em}.ok-place-num{font-size:5.8em}.ok-status{top:9.6em;max-width:62vw}.ok-pill{font-size:max(var(--ok-text-min),.86em);padding:.5em .9em;white-space:normal;text-align:center}.ok-feedback{top:14.8em}.ok-drift{width:min(20em,66vw)}.ok-hud.is-touch .ok-place{bottom:118px}.race-presentation{top:200px}}@media(max-width:600px){.ok-hud{--u: 12.5px}.ok-minimap{display:none}.ok-clock{top:.9em;right:.9em;min-width:8.8em;padding:.4em .7em .45em}.ok-clock b{font-size:2.1em}.ok-actions{top:6.1em;right:.9em}.ok-left{left:.9em;top:.9em}.ok-status{top:11.4em}.ok-feedback{top:15.2em}.ok-place{right:.9em}.ok-speed b{font-size:1.3em}.ok-touch-steer{left:10px;bottom:10px}.ok-touch-throttle{right:10px;bottom:10px}.ok-touch-look{left:10px;bottom:90px}.ok-pad{width:62px;height:62px}.ok-pad-go{width:84px;height:84px}.ok-hud.is-touch .ok-drift{bottom:196px}.ok-moment-go b{font-size:min(34vh,62vw)}.ok-moment-final b,.ok-moment-finish b{font-size:3em}.ok-count{font-size:min(28vh,60vw)}.race-presentation{top:196px}}.ok-fire-wrap{position:relative;width:10.6em;min-height:9.5em}.ok-fire{position:relative;display:grid;place-items:center;width:7.2em;height:7.2em;padding:0;cursor:pointer;border-radius:50%;border:.26em solid var(--ok-white);color:var(--ok-white);--ready: 1;background:radial-gradient(circle at 50% 38%,var(--ok-orange),var(--ok-red) 70%);box-shadow:0 0 0 .24em var(--ok-ink),0 .62em 0 .24em var(--ok-ink),0 1em 1.4em #0a041473;transition:transform var(--ok-fast) var(--ok-ease-pop),filter var(--ok-fast)}.ok-fire:active{transform:translateY(.14em) scale(.96)}.ok-fire b{font-family:var(--ok-font-display);font-weight:400;font-size:1.9em;letter-spacing:.04em;-webkit-text-stroke:.14em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ok-ink)}.ok-fire .ok-key{position:absolute;left:-.1em;top:-.1em;z-index:2}.ok-fire-ring{position:absolute;top:-.62em;right:-.62em;bottom:-.62em;left:-.62em;border-radius:50%;pointer-events:none;background:conic-gradient(var(--ok-sun) calc(var(--ready) * 1turn),rgb(28 16 48 / .55) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .32em),#000 calc(100% - .3em));mask:radial-gradient(farthest-side,transparent calc(100% - .32em),#000 calc(100% - .3em))}.ok-fire:not(.is-ready){filter:saturate(.55) brightness(.82)}.ok-fire.is-ready .ok-fire-ring{background:conic-gradient(var(--ok-mint) 1turn,transparent 0);animation:ok-fire-ready .9s ease-in-out infinite}.ok-fire.is-rapid .ok-fire-ring{background:conic-gradient(var(--ok-sun) calc(var(--ready) * 1turn),rgb(255 138 31 / .6) 0)}@keyframes ok-fire-ready{50%{opacity:.55}}.ok-fire-info{display:flex;flex-direction:column;gap:.3em;margin-top:.9em}.ok-fire-lock,.ok-fire-rapid{align-self:flex-start;padding:.22em .7em;border-radius:var(--ok-r-pill);background:var(--ok-ink);color:var(--ok-white);font-size:max(var(--ok-text-min),.72em);letter-spacing:.12em;border:.14em solid var(--ok-white)}.ok-fire-lock[data-locked="1"]{background:var(--ok-red)}.ok-fire-rapid{background:var(--ok-sun);color:var(--ok-ink)}.ok-lap.is-tank{background:var(--ok-olive)}.ok-pips{display:flex;gap:.35em;padding:.35em 0 .2em}.ok-pips i{display:block;width:1.9em;height:1.9em;border-radius:.5em;background:#1c103080;border:.16em solid var(--ok-white);transform:skew(-8deg);transition:background var(--ok-fast),transform var(--ok-fast) var(--ok-ease-pop)}.ok-pips i.is-on{background:var(--ok-sun);box-shadow:inset 0 -.35em #0000002e}.ok-kd{font-size:max(var(--ok-text-min),.72em);letter-spacing:.1em;color:var(--ok-white)}.ok-tank-board .ok-standings-head{background:var(--ok-olive)}.ok-teams{display:grid;grid-template-columns:1fr 1fr;border-bottom:.16em solid var(--ok-ink)}.ok-team{display:flex;align-items:center;gap:.4em;padding:.4em .6em;font-size:max(var(--ok-text-min),.72em);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ok-team i{flex:0 0 auto;width:.8em;height:.8em;border-radius:50%;background:var(--team-color);border:.12em solid var(--ok-ink)}.ok-team em{min-width:0;overflow:hidden;text-overflow:ellipsis;font-style:normal}.ok-team b{margin-left:auto;font-family:var(--ok-font-display);font-weight:400;font-size:1.6em;line-height:1}.ok-team-red{--team-color: var(--ok-team-red)}.ok-team-orange{--team-color: var(--ok-team-orange)}.ok-row[data-team]{box-shadow:inset .3em 0 0 var(--team-color)}.ok-row.is-red{--team-color: var(--ok-team-red)}.ok-row.is-orange{--team-color: var(--ok-team-orange)}.ok-feed{position:absolute;left:50%;top:8.6em;z-index:var(--ok-z-hud);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.3em;margin:0;padding:0;list-style:none;pointer-events:none}.ok-feed li{display:inline-flex;align-items:center;gap:.55em;padding:.32em .9em;border-radius:var(--ok-r-pill);background:#1c1030eb;color:var(--ok-white);border:.14em solid var(--ok-white);font-size:max(var(--ok-text-min),.8em);letter-spacing:.04em;white-space:nowrap;animation:ok-feed-in .35s var(--ok-ease-pop) both,ok-feed-out .5s ease 4.6s forwards}.ok-feed li.is-killer{background:var(--ok-sun);color:var(--ok-ink);border-color:var(--ok-ink)}.ok-feed li.is-victim{background:var(--ok-red-deep)}.ok-feed li.is-victim .ok-feed-name{color:var(--ok-white)}.ok-feed-name.is-red{color:var(--ok-team-red-text)}.ok-feed-name.is-orange{color:var(--ok-team-orange-text)}.ok-feed li.is-killer .ok-feed-name{color:var(--ok-ink)}.ok-feed-arrow{width:1.6em;height:.8em;flex:0 0 auto}@keyframes ok-feed-in{0%{opacity:0;transform:translateY(-.5em) scale(.92)}to{opacity:1;transform:none}}@keyframes ok-feed-out{to{opacity:0;transform:translateY(-.3em)}}.ok-respawn{position:absolute;left:50%;top:38%;z-index:var(--ok-z-moment);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.2em;text-align:center;pointer-events:none}.ok-respawn>span{padding:.3em 1em;border-radius:var(--ok-r-pill);background:var(--ok-red);border:.18em solid var(--ok-white);box-shadow:0 0 0 .18em var(--ok-ink);letter-spacing:.14em}.ok-respawn b{font-family:var(--ok-font-display);font-weight:400;font-size:7em;line-height:1;color:var(--ok-white);-webkit-text-stroke:.1em var(--ok-ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ok-ink);animation:ok-pop-gain .5s var(--ok-ease-pop)}.ok-respawn small{margin-top:.5em;padding:.35em 1em;border-radius:var(--ok-r-pill);background:#1c1030c7;color:var(--ok-white);font-size:max(var(--ok-text-min),.82em);letter-spacing:.08em}.ok-wreck-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--ok-z-hud);pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgb(120 20 20 / .5) 100%);animation:ok-fade-in .4s ease both}.ok-hitflash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--ok-z-hud);animation:ok-hitflash .5s ease-out forwards}.ok-hitflash.is-hit{box-shadow:inset 0 0 6em 1.6em #e8362dbf}.ok-hitflash.is-death{box-shadow:inset 0 0 10em 4em #e8362de6;animation-duration:.9s}.ok-hitflash.is-kill{box-shadow:inset 0 0 5em 1em #ffd23a8c}@keyframes ok-hitflash{0%{opacity:1}to{opacity:0}}.motion-reduced .ok-hitflash{animation-duration:.01s;opacity:0}.ok-pad-fire{width:88px;height:88px;background:var(--ok-red)}.ok-pad-fire:active{background:var(--ok-sun)}.ok-hud.is-touch.is-tank .ok-fire-wrap{display:none}.ok-hud.is-touch.is-tank .ok-lap{margin-top:auto}.ok-hud.is-tank .ok-place-num{font-size:5em}.game-shell:has(.ok-hud.is-tank) .race-presentation{top:300px}@media(max-width:800px){.ok-feed{top:17em;align-items:flex-start;left:.8em;transform:none}.ok-feed li{font-size:max(var(--ok-text-min),.72em)}.ok-respawn{top:30%}.ok-respawn b{font-size:5em}}.ok-pad-rev{width:56px;height:56px;background:var(--ok-purple-deep)}.ok-pad-rev:active{background:var(--ok-sun)}@media(max-width:800px){.ok-hud{--u: 13px}.ok-clock{min-width:9.6em}.ok-actions{top:7.6em;right:.9em;flex-direction:column;gap:.7em}.ok-action{width:3em;height:3em}.ok-action:after{content:"";position:absolute;top:-.45em;right:-.45em;bottom:-.45em;left:-.45em;border-radius:50%}.ok-hud.is-touch .ok-action .ok-key{display:none}.ok-status{top:8.2em;max-width:46vw}.ok-feedback{top:13.4em;flex-direction:column;align-items:center;gap:.4em}.race-presentation{top:332px;width:min(400px,calc(100vw - 24px))}.race-finish-wait{margin-top:0}.ok-moment-finish{top:25%}.hud-error{top:332px;bottom:auto;left:.9em;transform:none;max-width:calc(100vw - 8.2em)}.ok-feed{top:17em}.ok-respawn{top:46%}.ok-moment-go b{font-size:min(34vh,62vw)}}@media(max-width:800px){.ok-hud.is-touch .ok-touch-steer{left:10px;bottom:10px;gap:8px}.ok-hud.is-touch .ok-pad{width:60px;height:60px}.ok-hud.is-touch .ok-pad-go,.ok-hud.is-touch .ok-pad-fire{width:84px;height:84px}.ok-hud.is-touch .ok-pad-rev{width:52px;height:52px}.ok-hud.is-touch .ok-touch-throttle{right:10px;bottom:10px;gap:8px}.ok-hud.is-touch .ok-touch-look{left:auto;right:10px;bottom:104px;gap:6px}.ok-hud.is-touch .ok-pad-look{width:46px;height:46px;font-size:12px}.ok-hud.is-touch .ok-pad-look .ok-ico{width:20px;height:20px}.ok-hud.is-touch .ok-place{right:.9em;bottom:158px}.ok-hud.is-touch .ok-place-num{font-size:4.6em}.ok-hud.is-touch .ok-drift{left:.8em;transform:none;bottom:82px;width:min(14.5em,46vw)}.ok-hud.is-touch .ok-drift small{font-size:max(var(--ok-text-min),.72em)}.ok-hud.is-touch .ok-drift-head span{display:none}.ok-hud.is-touch .ok-speed{margin-bottom:.2em}}@media(max-width:600px){.ok-hud{--u: 12.5px}.ok-clock{top:.9em;right:.9em;min-width:9em}.ok-actions{top:7.2em;right:.9em}.ok-hud.is-touch.is-tank .ok-lap{margin-top:.6em}}@media(max-height:520px){.ok-hud{--u: 11px}.ok-left{left:.9em;top:.9em}.ok-left-top{flex-direction:row;align-items:flex-start;gap:.7em}.ok-minimap{width:8.4em;padding:.35em}.ok-minimap figcaption{display:none}.ok-hud.is-touch .ok-drift-head span{display:none}.ok-lap{min-width:8em;padding:.3em .8em .35em;margin-top:.7em}.ok-lap>b{font-size:2.6em}.ok-hud.is-touch .ok-left{bottom:auto}.ok-clock{top:.9em;right:.9em;min-width:10em;padding:.35em .8em .45em}.ok-clock b{font-size:2.1em}.ok-actions{top:6.6em;right:.9em;flex-direction:row;gap:.8em}.ok-action{width:3em;height:3em}.ok-action:after{content:"";position:absolute;top:-.45em;right:-.45em;bottom:-.45em;left:-.45em;border-radius:50%}.ok-hud.is-touch .ok-action .ok-key,.ok-standings,.ok-guide{display:none}.ok-status{top:.9em;max-width:46vw}.ok-feedback{top:4.2em;flex-direction:row}.ok-feed{top:4em;left:50%;transform:translate(-50%);align-items:center}.race-presentation{top:78px;width:min(380px,44vw)}.race-finish-wait{margin-top:0}.ok-moment-finish{top:58%}.ok-respawn{top:40%}.ok-respawn b{font-size:4.6em}.ok-count{font-size:min(34vh,30vw)}.ok-moment-go b{font-size:min(44vh,40vw)}.ok-moment-final b,.ok-moment-finish b{font-size:3em}.ok-place{right:.9em}.ok-place-num{font-size:4.2em}.ok-hud.is-tank .ok-place-num{font-size:3.6em}.ok-hud.is-touch .ok-place{bottom:100px}.ok-hud.is-touch .ok-touch-steer{left:12px;bottom:10px;gap:10px}.ok-hud.is-touch .ok-pad{width:62px;height:62px}.ok-hud.is-touch .ok-pad-go,.ok-hud.is-touch .ok-pad-fire{width:78px;height:78px}.ok-hud.is-touch .ok-pad-rev{width:50px;height:50px}.ok-hud.is-touch .ok-touch-throttle{right:12px;bottom:10px;gap:8px}.ok-hud.is-touch .ok-touch-look{left:12px;right:auto;bottom:82px;gap:8px}.ok-hud.is-touch .ok-pad-look{width:46px;height:46px}.ok-hud.is-touch .ok-drift{left:50%;transform:translate(-50%);bottom:10px;width:min(17em,30vw)}.ok-hud.is-touch.is-tank .ok-fire-wrap{display:none}}@media(max-width:800px){.ok-hud.is-touch .ok-lap{margin-top:.7em}.ok-minimap{padding:.3em}.ok-tank-board{display:none}.ok-tank-board:has(.ok-teams){display:block;left:.9em;right:auto;top:12.6em;width:11.4em}.ok-tank-board:has(.ok-teams) ol{display:none}.ok-tank-board:has(.ok-teams) .ok-standings-head{padding:.35em .6em}}@media(max-width:600px){.ok-minimap{display:block;width:7.6em}.ok-minimap figcaption{display:none}.ok-hud.is-touch.is-tank .ok-tank-board:has(.ok-teams){top:9.6em}}@media(max-height:520px){.ok-tank-board:has(.ok-teams){display:block;left:11.4em;top:.9em;width:11.4em}}.ok-standings-compact{display:none}.ok-race-teams{position:absolute;top:1.1em;left:50%;transform:translate(-50%);width:31em;max-width:40%;z-index:var(--ok-z-hud)}.ok-hud:has(.ok-race-teams) .ok-feedback{top:auto;bottom:8em}@media(min-width:845px){.ok-hud:has(.ok-race-teams) .ok-feedback{bottom:11em}}.ok-team-caption{display:block;width:fit-content;margin:0 auto .3em;padding:.25em .7em;background:var(--ok-ink);border-radius:.5em;font-size:12px;letter-spacing:.03em}.ok-race-teams>div{display:flex;gap:.5em}.ok-race-team{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:.4em;padding:.5em .6em;border:2px solid currentColor;border-radius:.65em;background:var(--ok-ink);box-shadow:var(--ok-drop-sm)}.ok-race-team.is-red{color:var(--ok-team-red-text)}.ok-race-team.is-orange{color:var(--ok-team-orange-text)}.ok-race-team.is-yours{outline:2px solid var(--ok-white);outline-offset:2px}.ok-race-team>span{font-size:max(12px,.8em)}.ok-race-team b{font-size:1.7em;color:var(--ok-white);white-space:nowrap}.ok-race-team small{display:block;font:900 12px/1.2 var(--ok-font-ui)}.ok-race-team b small{display:inline;margin-left:3px}.ok-team-short{display:none}.game-shell:has(.office-event-hud) .ok-race-teams{top:10em}@media(max-width:844px){.ok-hud:has(.ok-race-teams){top:calc(96px + env(safe-area-inset-top,0px))}.ok-hud:has(.ok-race-teams) .ok-standings-compact{top:-96px}.ok-race-teams{top:-66px;left:0;right:0;transform:none;width:auto;max-width:none}.ok-team-caption{display:none}.ok-race-teams>div{gap:2px}.ok-race-team{border-width:1px;border-radius:0;box-shadow:none;padding:2px 8px;height:30px}.ok-race-team.is-yours{outline:none;border-bottom:3px solid var(--ok-white)}.ok-race-team b{font-size:18px}.ok-race-team>span{display:flex;align-items:center;gap:6px}.ok-team-full{display:none}.ok-team-short{display:inline}.game-shell:has(.ok-race-teams) .race-edge-toasts{top:calc(66px + env(safe-area-inset-top,0px))}.game-shell:has(.ok-race-teams) .office-event-hud{top:66px}.game-shell:has(.office-event-hud) .ok-race-teams{top:-66px}}.office-event-hud{position:absolute;z-index:90;top:22px;left:50%;transform:translate(-50%);width:min(360px,calc(100% - 32px));padding:12px 16px;border:3px solid var(--ok-ink);border-radius:16px;background:var(--ok-cream);color:var(--ok-ink);box-shadow:var(--ok-drop-sm);font:800 14px/1.4 var(--ok-font-ui);pointer-events:auto}.office-event-tag{font-size:12px;color:var(--ok-red-deep);letter-spacing:.04em;margin-bottom:4px}.office-event-hud strong{font:900 20px/1.2 var(--ok-font-ui)}.office-event-hud p{margin:5px 0}.office-event-hud>span{font-size:12px}.office-event-hud button{display:block;margin-top:8px;min-height:44px}.game-shell:has(.office-practice) :is(.ok-place,.ok-standings,.ok-standings-compact,.ok-lap,.ok-clock){display:none}.game-shell:has(.office-event-hud) .ok-clock{display:none}.game-shell:has(.office-practice) .ok-slot-2{display:none}@media(max-width:844px){.office-event-hud{top:34px;left:auto;right:12px;transform:none;width:min(330px,calc(100% - 124px));padding:7px 10px;font-size:12px}.office-event-hud strong{font-size:16px}.office-event-hud p{margin:3px 0}.office-event-hud>span{display:none}}@media(max-height:520px)and (min-width:641px){.office-event-hud{width:300px;top:36px;left:50%;right:auto;transform:translate(-50%)}}@media(max-width:844px){.ok-hud{top:calc(64px + env(safe-area-inset-top,0px))}.ok-standings-compact{display:block;position:absolute;top:-64px;left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);height:30px;background:var(--ok-cream);border-bottom:2px solid var(--ok-ink);color:var(--ok-ink)}.ok-standings-compact ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;list-style:none}.ok-standings-compact .ok-row{display:flex;min-width:0;height:28px;gap:6px;padding:2px 8px;border-right:1px solid var(--ok-line)}.ok-standings-compact .ok-row-rank{font-size:16px}.ok-standings-compact .ok-row-name{min-width:0;font-size:12px}.ok-standings-compact .ok-chip-portrait,.ok-standings-compact .ok-row-meta,.ok-standings-compact .ok-row-name em{display:none}.ok-standings:not(.ok-tank-board){display:none}.race-edge-toasts,.game-shell:has(.ok-hud.is-tank) .race-edge-toasts{top:calc(34px + env(safe-area-inset-top,0px));left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));width:auto;transform:none;display:block}.race-edge-toasts>:not(:first-child){display:none}.race-edge-toasts>:first-child{display:block;width:fit-content;max-width:100%;margin:0 auto;padding:3px 10px;border-width:1px;border-radius:var(--ok-r-pill);box-shadow:none;height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:18px;animation:ok-fade-in .2s ease both}.race-edge-toasts .ok-badge,.race-edge-toasts small,.race-edge-toasts p{display:none}.race-edge-toasts b{display:inline;font-family:var(--ok-font-ui);font-size:12px;font-weight:900}}