:root{--board:#0f3b2c;--board-2:#17503c;--board-a:#0f3b2ceb;--brass:#d8ab2c;--brass-soft:#d8ab2c38;--chalk:#fbf7ec;--silk-red:#e2323f;--turf:#4f8a34;--error:#ffb3bd;--gutter:12px;--font:"Barlow Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}html,body{height:100%;margin:0}body{background:var(--board);color:var(--chalk);font:500 18px/1.35 var(--font);overflow:hidden}#app{height:100%;position:relative;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--brass);outline-offset:2px}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.go{background:var(--brass);color:var(--board);letter-spacing:.02em;border:0;border-radius:3px;padding:.55em 1.4em;font-size:1.15rem;font-weight:700}.go:disabled{opacity:.45}.ghost{background:0 0;border:1px solid #f5f7f273;border-radius:3px;padding:.35em .9em}.ghost:hover:not(:disabled){border-color:var(--chalk)}.small{padding:.2em .7em;font-size:.9rem}.go.small{padding:.25em .8em;font-size:.95rem}.chip{background:var(--board-a);white-space:nowrap;border:1px solid #f5f7f240;border-radius:3px;align-items:center;gap:.25em;max-width:100%;padding:.15rem .6rem;font-size:.95rem;display:inline-flex}button.chip:hover{border-color:var(--chalk)}.dice{background:var(--board-2);border:0;border-radius:2px;min-width:2rem;font-size:1.1rem}.me{max-width:100%;display:inline-flex}.me-chip{overflow:hidden}.me-chip .me-prefix{opacity:.8}.me-chip .me-name{text-overflow:ellipsis;font-weight:700;overflow:hidden}.me-chip .pencil{color:var(--brass)}.name-edit{background:var(--board);border:1px solid var(--brass);border-radius:3px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.name-edit input{background:var(--chalk);width:13rem;max-width:60vw;color:var(--board);border:0;border-radius:2px;padding:.2rem .5rem;font-weight:600}.small-error{width:100%;min-height:0;margin:0;font-size:.9rem}.small-error:empty{display:none}.landing-title{margin:0 0 .4rem;line-height:0}.landing-logo{width:min(15rem,60vw);height:auto;display:block}.tagline{color:var(--brass);margin:.65rem 0;font-size:1.15rem}.brand{align-items:center;gap:.3rem;display:inline-flex}.brand-badge{width:30px;height:30px}.brand-word{width:auto;height:26px}.landing{background:var(--board-a);border-left:6px solid var(--brass);max-width:min(32rem,100vw - 32px);max-height:calc(100% - 32px);padding:1.6rem 1.8rem 1.2rem;position:absolute;bottom:clamp(1.5rem,8vh,6rem);left:clamp(16px,6vw,5rem);overflow-y:auto}.landing h1{letter-spacing:-.01em;margin:0;font-size:clamp(3rem,9vw,5.5rem);font-style:italic;font-weight:700;line-height:.9}.lede{max-width:28em;margin:.6rem 0 1rem;font-size:1.2rem}.join-as{margin:0 0 1rem}.join{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.2rem;display:flex}.join label{opacity:.85;width:100%;font-size:.95rem}.join input{background:var(--chalk);width:7.5em;color:var(--board);letter-spacing:.15em;border:0;border-radius:3px;padding:.35em .6em;font-weight:700}.form-error{color:var(--error);min-height:1.3em;margin:.6rem 0 0}.privacy{opacity:.75;margin:.8rem 0 0;font-size:.85rem;line-height:1.3}.credit{opacity:.85;margin:.5rem 0 0;font-size:.85rem}.credit a{color:var(--brass);text-underline-offset:2px;font-weight:600}.credit a:hover{color:var(--chalk)}.hud{pointer-events:none;position:absolute;inset:0}.hud>*,.hud-top>*,.hud-left>*{pointer-events:auto}.hud-top{top:var(--gutter);left:var(--gutter);right:var(--gutter);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-left{pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.hud-top{bottom:120px}.hud-right{pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;min-height:0;max-height:100%;display:flex}.hud-right>*{pointer-events:auto}.racecard{background:var(--board);border-radius:3px;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;max-width:100%;padding:.3rem .6rem .3rem 0;display:flex;box-shadow:0 2px #00000040}.brand{border-right:2px solid var(--brass);margin:-.3rem 0;padding:.15rem .5rem .15rem .3rem}.code{letter-spacing:.14em;font-weight:700}.live:before{content:"";vertical-align:.05em;background:#999;border-radius:50%;width:.55em;height:.55em;margin-right:.35em;display:inline-block}.live[data-status=live]:before{background:var(--silk-red);animation:1.6s infinite pulse}.live[data-status=offline]:before{background:#777}@keyframes pulse{50%{opacity:.35}}.chips{flex-wrap:wrap;gap:4px;max-width:100%;display:flex}.tip-chip{border-color:var(--brass);font-weight:600}.untip{color:var(--brass);background:0 0;border:0;margin-left:.2rem;padding:0 .2rem;font-weight:700}.watch-wrap{position:relative}.viewers{background:0 0;border-color:#0000;padding:.1rem .4rem}.viewers:after{content:" ▾";color:var(--brass)}.viewers[aria-expanded=true]:after{content:" ▴"}.past-btn:after{content:" ▾";color:var(--brass)}.past-btn[aria-expanded=true]:after{content:" ▴"}.popover{z-index:5;background:var(--board);border-top:4px solid var(--brass);width:min(17rem,100vw - 32px);max-height:60vh;padding:.6rem .9rem .8rem;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 6px 18px #0006}.popover h2{margin:0 0 .4rem;font-size:1.15rem}.people{margin:0;padding:0;list-style:none}.people li{overflow-wrap:anywhere;border-bottom:1px solid #f5f7f214;padding:.12rem 0}.people li.you{font-weight:700}.you-tag{color:var(--brass);font-weight:600}.more-people{opacity:.85;margin:.3rem 0 0}.more-people:empty,.watch-wrap[hidden]{display:none}.past-races{margin:0;padding:0;list-style:none}.past-races li{border-bottom:1px solid #f5f7f214;justify-content:space-between;align-items:center;gap:.6rem;padding:.35rem 0;display:flex}.past-what{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.past-meta{opacity:.8;font-size:.85rem}.order{width:min(20rem,60vw);margin:0;padding:0;list-style:none;pointer-events:none!important}.order.lobby{width:min(24rem, calc(100vw - 2 * var(--gutter)));pointer-events:auto!important}.order li{background:var(--board-a);grid-template-columns:2rem 1.5rem 1.4rem minmax(0,1fr) auto auto auto;align-items:center;gap:.4rem;min-height:2rem;margin-bottom:2px;padding-right:.5rem;display:grid}.order li:first-child{background:var(--board-2)}.order.lobby li{background:var(--board-a);grid-template-columns:2rem 1.5rem 1.4rem minmax(0,1fr) auto auto}.order .pos{background:var(--brass);color:var(--board);align-self:stretch;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.order .sp{text-align:center;font-size:1.05rem}.order .ev{font-size:1.05rem}.order .ev:empty,.order .count:empty,.order .gap:empty{display:none}.swatch{color:#111;border-radius:2px;place-items:center;width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:700;display:inline-grid;box-shadow:inset 0 0 0 1px #00000040}.order .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.order .gap{font-variant-numeric:tabular-nums;opacity:.85;font-size:.95rem}.order .count{text-align:center;background:var(--brass-soft);font-variant-numeric:tabular-nums;border-radius:999px;min-width:1.4rem;padding:0 .35rem;font-size:.85rem;font-weight:700}.order li.done .gap:after{content:" ✓";color:var(--brass)}.order li.dnf{opacity:.7}.order li.dnf .pos{color:var(--chalk);background:#6b6b6b}.order li.dnf .gap{color:var(--error);opacity:1;font-weight:700}.order li.mine{outline:2px solid var(--brass);outline-offset:-2px}.fav{background:var(--brass);color:var(--board);vertical-align:.1em;border-radius:2px;margin-left:.4rem;padding:0 .35rem;font-size:.75rem;font-weight:700;display:inline-block}.tip{background:var(--board-2);border:1px solid #f5f7f259;border-radius:3px;min-height:1.6rem;padding:0 .6rem;font-size:.9rem;font-weight:700}.tip[aria-pressed=true]{background:var(--brass);color:var(--board);border-color:var(--brass)}.tip[aria-pressed=true]:before{content:"✓ "}.order .count.zero{opacity:.5;background:0 0}.tip:disabled{opacity:.5}.togo{background:var(--board);white-space:nowrap;font-variant-numeric:tabular-nums;max-width:calc(100vw - 2 * var(--gutter));text-overflow:ellipsis;border-radius:3px;padding:.25rem 1rem;font-size:1.1rem;font-weight:700;position:absolute;bottom:64px;left:50%;overflow:hidden;transform:translate(-50%);pointer-events:none!important}.togo:empty{display:none}.ticker{left:var(--gutter);right:var(--gutter);bottom:var(--gutter);background:var(--board);border-top:3px solid var(--brass);text-align:center;justify-content:center;align-items:center;min-height:2.6rem;padding:.3rem 1rem;font-size:1.25rem;font-weight:600;transition:opacity .25s;display:flex;position:absolute;pointer-events:none!important}.ticker.idle{opacity:0}.cams{flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:55vw;display:flex}.cams button{background:var(--board-a);border:0;padding:.3rem .7rem}.cams button[aria-pressed=true]{background:var(--brass);color:var(--board);font-weight:700}.cams .quality{margin-left:6px}.big{text-align:center;text-shadow:0 3px 18px #0000008c;max-width:calc(100vw - 2 * var(--gutter));font-weight:700;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}.big.count{color:var(--chalk);font-size:clamp(6rem,22vw,14rem);font-style:italic}.big.off{color:var(--brass);white-space:nowrap;font-size:clamp(3rem,10vw,7rem);font-style:italic}.big.wait{background:var(--board);text-shadow:none;padding:.4rem 1rem;font-size:1.3rem;top:auto;bottom:112px;transform:translate(-50%)}.big:empty{display:none}.host-away{width:max-content;max-width:calc(100vw - 2 * var(--gutter));background:var(--board);border-left:4px solid var(--brass);text-align:center;z-index:4;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .9rem;padding:.5rem 1rem;font-size:1.1rem;display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.host-away[hidden],.host-away [hidden]{display:none}.closed-card{text-align:center;z-index:7}.closed-card p{margin:0 0 1rem;font-size:1.2rem}.closed-card a.go{text-decoration:none;display:inline-block}.closed-card[hidden],.hud.room-closed .tip,.hud.room-closed .togo,.hud.room-closed .ticker,.hud.room-closed .big{display:none}.host .close-race{opacity:.85;align-self:flex-start;font-size:.95rem}.results{width:min(26rem, calc(100vw - 2 * var(--gutter)));max-height:calc(100% - 2 * var(--gutter));background:var(--board);border-top:6px solid var(--brass);z-index:4;padding:1rem 1.4rem 1.2rem;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000073}.results h2{margin:0 0 .6rem;font-size:1.6rem;font-style:italic}.results h3{color:var(--brass);text-transform:uppercase;letter-spacing:.06em;margin:.9rem 0 .3rem;font-size:1.1rem}.podium{margin:0;padding-left:1.8rem;font-size:1.4rem;font-weight:700}.podium li{margin:.25rem 0}.podium li::marker{color:var(--brass)}.podium .swatch{vertical-align:.1em;margin-right:.4rem}.podium .sp{margin-right:.3rem}.podium .time{float:right;font-variant-numeric:tabular-nums;opacity:.9;margin-top:.2rem;font-size:1.05rem;font-weight:500}.dnf-list{margin:0;padding:0;list-style:none}.dnf-list li{justify-content:space-between;gap:1rem;display:flex}.dnf-list .name{font-weight:700}.dnf-list .reason{opacity:.85;text-align:right}.kind-note{opacity:.9;margin:.3rem 0 0;font-style:italic}.tips-summary{border-top:1px solid #f5f7f226;margin-top:.8rem;padding-top:.5rem}.tips-summary p{margin:.2rem 0}.tips-summary .called{overflow-wrap:anywhere}.tips-summary .mine{font-size:1.15rem;font-weight:700}.tips-summary .mine.win{color:var(--brass)}.report{margin:0 0 1rem;padding-left:1.2rem}.result-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.live[data-status=replay]:before{background:var(--brass)}.toast{max-width:calc(100vw - 2 * var(--gutter));background:var(--board);border-left:4px solid var(--brass);text-align:center;opacity:0;z-index:6;border-radius:3px;padding:.4rem 1rem;transition:opacity .2s;position:absolute;bottom:112px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast.error{background:var(--silk-red);border-left-color:var(--chalk)}.toast.show{opacity:1}.host{width:min(23rem, calc(100vw - 2 * var(--gutter)));border-top:4px solid var(--brass);z-index:3;background:#0f3b2cf5;flex-direction:column;flex:auto;min-height:0;display:flex}.drawer-toggle{text-align:left;background:0 0;border:0;padding:.5rem .9rem;font-size:1.15rem;font-weight:700}.drawer-toggle:after{content:" ▾";color:var(--brass)}.host.collapsed{flex:none}.host.collapsed .drawer-toggle:after{content:" ▸"}.host.collapsed .drawer-body,.host.collapsed>.privacy{display:none}.host>.privacy{margin:0;padding:0 .9rem .6rem}.drawer-body{flex-direction:column;gap:.7rem;padding:0 .9rem .9rem;display:flex;overflow-y:auto}.row{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem .5rem;display:grid}.row select,.field select{background:var(--board-2);border:1px solid #f5f7f24d;border-radius:3px;min-width:0;padding:.2rem}.field{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.field li{border-bottom:1px solid #f5f7f214;grid-template-columns:2rem minmax(0,1fr) auto;gap:4px;padding-bottom:6px;display:grid}.field .species{grid-column:2/3}.field .more{white-space:nowrap;opacity:.75;background:0 0;border:0;grid-column:3/4;padding:0 .2rem;font-size:.8rem;text-decoration:underline}.field .more-panel{grid-column:1/-1}.field .silk{color:#111;border:0;border-radius:2px;font-weight:700;box-shadow:inset 0 0 0 1px #0000004d}.field input{background:var(--chalk);min-width:0;color:var(--board);border:0;border-radius:2px;padding:.25rem .5rem;font-weight:600}.field input:disabled,.field select:disabled,.field button:disabled{opacity:.6}.host-status{opacity:.85;margin:0;font-size:.95rem}.host-status:empty{display:none}.host.locked .go{opacity:.45}.face-editor{background:var(--board);border-radius:3px;padding:.5rem .6rem;font-size:.95rem}.face-title{margin:0 0 .3rem;font-weight:700}.consent{align-items:flex-start;gap:.4rem;margin-bottom:.4rem;display:flex}.consent input{margin-top:.25rem}.file-label{opacity:.85;margin:.3rem 0 .2rem;display:block}.face-editor input[type=file]{max-width:100%;font-size:.9rem}.face-current{align-items:center;gap:.6rem;display:flex}.face-current:empty{display:none}.face-current img{border:2px solid var(--brass);border-radius:50%}.face-cropper{flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin-top:.5rem;display:flex}.face-crop{touch-action:none;cursor:grab;background:#000;width:176px;max-width:100%;height:176px}.face-crop:active{cursor:grabbing}.face-crop-tools{flex-direction:column;gap:.4rem;min-width:8rem;display:flex}.face-msg{margin:.4rem 0 0}.face-msg:empty{display:none}.face-msg.error{color:var(--error)}@media (width<=700px){:root{--gutter:16px}body{font-size:16px}.hud-top{flex-direction:column;align-items:stretch}.hud-left{width:100%}.cams{order:2;justify-content:flex-start;max-width:none}.cams button{padding:.2rem .5rem;font-size:.9rem}.order{width:min(15rem,70vw)}.order.lobby{width:100%}.order li{min-height:1.75rem}.order .count{font-size:.75rem}.hud-top{max-height:calc(100% - 2 * var(--gutter));bottom:auto}.hud-right{order:2;align-items:stretch}.host{width:100%;max-height:50vh;position:fixed;bottom:0;left:0;right:0}.ticker{font-size:1.05rem}.togo{font-size:1rem;bottom:70px}.landing{padding:1.2rem 1.2rem 1rem}.results{padding:.8rem 1rem 1rem}}@media (prefers-reduced-motion:reduce){.live[data-status=live]:before{animation:none}.toast,.ticker{transition:none}}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (width<=700px){.hud.has-host .ticker{bottom:calc(var(--gutter) + 2.6rem)}.hud.has-host .togo{bottom:calc(70px + 2.6rem)}.hud.has-host .big.wait,.hud.has-host .toast{bottom:calc(112px + 2.6rem)}}