@font-face{font-family:Michroma;src:url(/assets/Michroma-Regular.latin-4gS0VCia.woff2)format("woff2");font-display:block}@font-face{font-family:"Exo 2";src:url(/assets/Exo2-Variable.latin-CQ1lLIdm.woff2)format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:Aurebesh;src:url(/assets/Aurebesh-Rodian-CfcLjdSV.woff2)format("woff2");font-display:block}@font-face{font-family:Star Jedi;src:url(/assets/StarJedi-B-S9aies.woff2)format("woff2");font-display:block}@font-face{font-family:Barlow Condensed;src:url(/assets/BarlowCondensed-500.latin-BgYH2mbd.woff2)format("woff2");font-weight:500;font-display:block}@font-face{font-family:Barlow Condensed;src:url(/assets/BarlowCondensed-600.latin-DepVgxBB.woff2)format("woff2");font-weight:600;font-display:block}@font-face{font-family:Barlow Condensed;src:url(/assets/BarlowCondensed-700.latin-v1xN8_Wq.woff2)format("woff2");font-weight:700;font-display:block}:root{--ink:#04060a;--ink-rgb:4, 6, 10;--frost:#e8eef4;--frost-rgb:232, 238, 244;--frost-dim:rgba(var(--frost-rgb), .58);--frost-faint:rgba(var(--frost-rgb), .28);--hairline:rgba(var(--frost-rgb), .16);--accent:#8cd8ff;--accent-rgb:140, 216, 255;--accent-glow:rgba(var(--accent-rgb), .55);--wound-rgb:255, 84, 64;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Exo 2", "Helvetica Neue", Arial, sans-serif;--font-hud:"Barlow Condensed", "Arial Narrow", sans-serif;--font-logo:"Star Jedi", "Michroma", sans-serif;--font-aurebesh:"Aurebesh", sans-serif;--ease-out:cubic-bezier(.16, .84, .24, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-slow:1.1s;--t-med:.52s;--t-fast:.2s;--letterbox:7.5vh;--gutter:clamp(28px, 7vw, 120px);--u:max(.42px, min(.0926vh, .0521vw));--safe-x:max(calc(var(--u) * 72), 3.6vw);--safe-y:calc(var(--u) * 44);--panel:#080b0f94;--panel-strong:#06080cc7;--line:rgba(var(--frost-rgb), .2);--line-strong:rgba(var(--frost-rgb), .42);--force-rgb:92, 182, 255;--heat-rgb:255, 156, 64;--ally-rgb:96, 176, 255;--enemy-rgb:255, 86, 70}html,body{background:var(--ink);height:100%;color:var(--frost);font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0;overflow:hidden}:where(#ui) *{box-sizing:border-box}:where(#ui) button{font:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:where(#ui) input{-webkit-user-select:text;user-select:text}.ui-layer{position:absolute;inset:0}.ui-screen{pointer-events:none;opacity:0;transition:opacity var(--t-med) var(--ease-out);position:absolute;inset:0}.ui-screen.is-shown{opacity:1}.ui-screen.is-shown .ui-interactive{pointer-events:auto}.letterbox{pointer-events:none;position:absolute;inset:0}.letterbox:before,.letterbox:after{content:"";height:var(--letterbox);transition:transform var(--t-slow) var(--ease-in-out);background:#000;position:absolute;left:0;right:0}.letterbox:before{top:0;transform:translateY(-100%)}.letterbox:after{bottom:0;transform:translateY(100%)}.letterbox.is-on:before,.letterbox.is-on:after{transform:none}.curtain{opacity:1;pointer-events:none;transition:opacity 1.6s var(--ease-in-out);background:#000;position:absolute;inset:0}.curtain.is-lifted{opacity:0}.aurebesh{font-family:var(--font-aurebesh);letter-spacing:.35em;color:var(--frost-faint);text-transform:lowercase}.label{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;font-size:17px}.keycap{border:1px solid var(--frost-faint);min-width:26px;height:22px;font-family:var(--font-display);letter-spacing:.12em;color:var(--frost);border-radius:2px;justify-content:center;align-items:center;padding:0 7px;font-size:14px;display:inline-flex}.glyph{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round}.glyph circle{fill:currentColor;stroke:none}.loading-line{left:50%;bottom:calc(var(--letterbox) + 7vh);background:var(--hairline);width:160px;height:1px;margin-left:-80px;position:absolute;overflow:hidden}.loading-line:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:40%;animation:loading-sweep 1.6s var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}body.is-playing,body.is-playing #game{cursor:none}.ui-screen:not(.is-shown) *{pointer-events:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}}.menu-screen{position:absolute;inset:0}.menu-veil{background:linear-gradient(90deg, rgba(var(--ink-rgb), .92) 0%, rgba(var(--ink-rgb), .7) 30%, rgba(var(--ink-rgb), .22) 52%, transparent 66%), linear-gradient(0deg, rgba(var(--ink-rgb), .6), transparent 35%), radial-gradient(ellipse at 70% 50%, transparent 40%, rgba(var(--ink-rgb), .5) 100%);position:absolute;inset:0}.menu-screen.is-pause .menu-veil,.menu-screen.is-settings .menu-veil{background:rgba(var(--ink-rgb), .62);-webkit-backdrop-filter:blur(6px)saturate(.6)}.menu-column{left:var(--safe-x);width:min(calc(var(--u) * 480), 80vw);position:absolute;top:50%;transform:translateY(-46%)}.menu-mark-aurebesh,.menu-heading-aurebesh{opacity:0;animation:menu-rise 1.4s var(--ease-out) .15s both;margin-bottom:18px;font-size:10px}.menu-logo{font-family:var(--font-logo);letter-spacing:.04em;color:var(--frost);text-shadow:0 0 40px rgba(var(--ink-rgb), .6);animation:menu-logo-in 2.2s var(--ease-out) both;margin:0;font-size:clamp(44px,5.6vw,76px);font-weight:400;line-height:.92}.menu-rule{background:var(--accent);width:44px;height:1px;box-shadow:0 0 10px var(--accent-glow);transform-origin:0;animation:menu-rule-in 1.6s var(--ease-out) .5s both;margin:30px 0 34px}.menu-heading-text{font-family:var(--font-hud);font-weight:600;font-size:calc(var(--u) * 26);letter-spacing:.32em;text-transform:uppercase;color:var(--frost);animation:menu-rise 1.2s var(--ease-out) 80ms both}.menu-items{flex-direction:column;align-items:flex-start;display:flex}.menu-items>*{animation:menu-rise 1.1s var(--ease-out) both;animation-delay:calc(var(--i,0) * 85ms + .26s)}.menu-item{align-items:center;gap:calc(var(--u) * 16);width:calc(var(--u) * 400);height:calc(var(--u) * 54);padding-left:calc(var(--u) * 18);font-family:var(--font-hud);font-weight:600;font-size:calc(var(--u) * 24);letter-spacing:.2em;text-transform:uppercase;color:var(--frost-dim);transition:color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);outline:none;display:flex;position:relative}.menu-item:before{content:"";width:calc(var(--u) * 3);background:var(--frost);transition:transform var(--t-fast) var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.menu-item-line{width:calc(var(--u) * 10);background:var(--frost-faint);height:1px;transition:width var(--t-med) var(--ease-out), background var(--t-med) var(--ease-out)}.menu-item:hover,.menu-item:focus-visible{color:#fff;background:linear-gradient(90deg, rgba(var(--frost-rgb), .16), rgba(var(--frost-rgb), .02) 85%)}.menu-item:hover:before,.menu-item:focus-visible:before{transform:scaleY(1)}.menu-item:hover .menu-item-line,.menu-item:focus-visible .menu-item-line{width:calc(var(--u) * 26);background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.menu-item.is-primary{color:var(--frost);margin-top:calc(var(--u) * 18)}.menu-item.is-primary .menu-item-line{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.menu-item.is-quiet{font-size:calc(var(--u) * 17);color:var(--frost-faint)}.setup-row{border-bottom:1px solid var(--hairline);grid-template-columns:150px 28px 64px 28px;align-items:center;height:48px;display:grid}.setup-label{color:var(--frost-dim)}.setup-arrow{height:100%;font-family:var(--font-body);color:var(--frost-faint);transition:color var(--t-fast) var(--ease-out);font-size:22px;font-weight:200}.setup-arrow:hover{color:var(--accent)}.setup-value{text-align:center;font-family:var(--font-body);letter-spacing:.08em;color:var(--frost);font-variant-numeric:tabular-nums;font-size:20px;font-weight:200}.setup-value.is-ticked{animation:value-tick .42s var(--ease-out)}.name-field{width:300px;margin-top:6px;display:block;position:relative}.name-input{border:0;border-bottom:1px solid var(--frost-faint);width:100%;height:52px;color:var(--frost);caret-color:var(--accent);font-family:var(--font-display);letter-spacing:.19em;text-transform:uppercase;background:0 0;outline:none;font-size:25px}.name-input::placeholder{color:var(--frost-faint)}.name-underline{background:var(--accent);height:1px;box-shadow:0 0 8px var(--accent-glow);transform-origin:0;transition:transform var(--t-slow) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.name-input:focus+.name-underline{transform:scaleX(1)}.connect-status{height:22px;color:var(--frost-faint);margin-top:12px;font-size:9px}.connect-status.is-failed{color:rgb(var(--wound-rgb))}.pause-aurebesh{margin-bottom:26px;font-size:10px}.settings-panel{left:var(--gutter);top:calc(var(--letterbox) + 6vh);bottom:calc(var(--letterbox) + 4vh);pointer-events:auto;width:min(620px,86vw);animation:menu-rise .9s var(--ease-out) both;flex-direction:column;display:flex;position:absolute}.settings-tabs{border-bottom:1px solid var(--hairline);gap:38px;padding-bottom:18px;display:flex}.settings-tab-button{height:28px;color:var(--frost-faint);transition:color var(--t-med) var(--ease-out);position:relative}.settings-tab-button:after{content:"";background:var(--accent);height:1px;box-shadow:0 0 8px var(--accent-glow);transition:transform var(--t-med) var(--ease-out);position:absolute;bottom:-19px;left:0;right:.42em;transform:scaleX(0)}.settings-tab-button:hover{color:var(--frost-dim)}.settings-tab-button.is-selected{color:var(--frost)}.settings-tab-button.is-selected:after{transform:scaleX(1)}.settings-body{scrollbar-width:thin;scrollbar-color:var(--frost-faint) transparent;flex:1;min-height:0;padding:14px 8px 0 0;overflow-y:auto}.settings-tab{animation:menu-rise .7s var(--ease-out) both}.setting-row{border-bottom:1px solid var(--hairline);grid-template-columns:170px 1fr 56px;align-items:center;gap:18px;height:52px;display:grid}.setting-label{color:var(--frost-dim)}.setting-value{text-align:right;font-family:var(--font-body);color:var(--frost);font-variant-numeric:tabular-nums;font-size:15px;font-weight:300}.slider{--fill:50%;appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:18px}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill), var(--frost-faint) var(--fill));height:1px}.slider::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--fill), var(--frost-faint) var(--fill));height:1px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--frost);width:9px;height:9px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;margin-top:-4px}.slider::-moz-range-thumb{background:var(--frost);width:9px;height:9px;box-shadow:0 0 10px var(--accent-glow);border:0;border-radius:50%}.segments{gap:6px;display:flex}.segment{border:1px solid var(--hairline);height:30px;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--frost-faint);transition:color var(--t-med) var(--ease-out), border-color var(--t-med) var(--ease-out);padding:0 16px;font-size:14px}.segment:hover{color:var(--frost-dim)}.segment.is-selected{color:var(--frost);border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb), .18) inset}.pending-mark{color:var(--accent);opacity:0;transition:opacity var(--t-med) var(--ease-out);justify-self:end;font-size:16px}.pending-mark.is-visible{opacity:1}.bindings{grid-template-columns:1fr 1fr;column-gap:34px;margin-top:10px;display:grid}.binding-row{border-bottom:1px solid var(--hairline);grid-template-columns:1fr 64px 64px;align-items:center;gap:6px;height:34px;display:grid}.binding-label{font-family:var(--font-body);letter-spacing:.08em;color:var(--frost-dim);font-size:13px;font-weight:300}.bind-cap{border-color:var(--hairline);width:100%;height:24px;transition:border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out)}.bind-cap:hover{border-color:var(--frost-faint)}.bind-cap.is-empty{color:var(--frost-faint)}.bind-cap.is-listening{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:listening 1s var(--ease-in-out) infinite alternate}.binding-row.is-displaced .binding-label{animation:displaced 1.6s var(--ease-out)}.settings-foot{justify-content:flex-end;padding:18px 0 8px;display:flex}.text-button{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--frost-faint);transition:color var(--t-fast) var(--ease-out);font-size:14px}.text-button:hover{color:var(--accent)}.settings-actions{padding-top:12px}@keyframes menu-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes menu-logo-in{0%{opacity:0;letter-spacing:.2em;filter:blur(6px)}to{opacity:1;letter-spacing:.04em;filter:none}}@keyframes menu-rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes value-tick{0%{color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}}@keyframes listening{0%{box-shadow:0 0 2px var(--accent-glow)}to{box-shadow:0 0 14px var(--accent-glow)}}@keyframes displaced{0%,40%{color:var(--accent)}}.match-ui{pointer-events:none;position:absolute;inset:0}.oob,.death{opacity:0;visibility:hidden;transition:opacity .9s var(--ease-out), visibility 0s linear .9s;position:absolute;inset:0}.oob.is-active,.death.is-active{opacity:1;visibility:visible;transition:opacity .9s var(--ease-out), visibility 0s}.oob-wash,.death-wash{position:absolute;inset:0}.oob-wash{-webkit-backdrop-filter:grayscale(.92)contrast(1.08)brightness(.78);background:radial-gradient(ellipse at center, rgba(var(--ink-rgb), .05) 30%, rgba(var(--ink-rgb), .78) 100%)}.oob-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.oob-aurebesh{margin-bottom:6px;font-size:10px}.countdown{font-family:var(--font-body);letter-spacing:-.02em;color:var(--frost);font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(var(--ink-rgb), .5);font-size:clamp(110px,17vh,190px);font-weight:100;line-height:1}.countdown.is-small{font-size:clamp(72px,11vh,120px)}.countdown.is-ticking{animation:count-tick 1s var(--ease-out)}@keyframes count-tick{0%{opacity:.35;filter:blur(2px);transform:scale(1.06)}to{opacity:1;filter:none;transform:none}}.oob-line{color:var(--frost-dim);margin-top:12px}.hero-select{--blade:#fff;font-family:var(--font-hud);text-transform:uppercase;animation:hero-select-in .7s var(--ease-out) both;transition:opacity var(--t-med) var(--ease-out);position:absolute;inset:0}.hero-select.is-picked{opacity:0}.hero-select-veil{background:linear-gradient(90deg, rgba(var(--ink-rgb), .94) 0%, rgba(var(--ink-rgb), .82) 28%, rgba(var(--ink-rgb), .25) 52%, transparent 64%), linear-gradient(0deg, rgba(var(--ink-rgb), .7), transparent 30%), radial-gradient(ellipse at 70% 45%, transparent 35%, rgba(var(--ink-rgb), .55) 100%);position:absolute;inset:0}.hero-select-panel{left:var(--safe-x);top:calc(var(--u) * 90);bottom:calc(var(--u) * 70);width:calc(var(--u) * 560);gap:calc(var(--u) * 26);flex-direction:column;display:flex;position:absolute}.hero-select-heading{gap:calc(var(--u) * 6);padding-bottom:calc(var(--u) * 14);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.hero-select-aurebesh{font-size:calc(var(--u) * 11);color:var(--frost-faint)}.hero-select-title{font-weight:600;font-size:calc(var(--u) * 20);letter-spacing:.32em;color:rgba(var(--frost-rgb), .82)}.hero-grid{gap:calc(var(--u) * 8);grid-template-columns:repeat(3,1fr);display:grid}.hero-tile{height:calc(var(--u) * 92);text-align:left;background:linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--blade) 18%, transparent)), var(--panel);border:1px solid var(--line);transition:border-color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);outline:none;position:relative;overflow:hidden}.hero-tile.is-dark{background:linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--blade) 22%, transparent)), #12080a9e}.hero-tile-index{top:calc(var(--u) * 8);left:calc(var(--u) * 10);font-weight:600;font-size:calc(var(--u) * 13);color:var(--frost-faint);position:absolute}.hero-tile-aurebesh{top:calc(var(--u) * 8);right:calc(var(--u) * 10);font-size:calc(var(--u) * 9);color:var(--frost-faint);position:absolute}.hero-tile-name{left:calc(var(--u) * 10);bottom:calc(var(--u) * 12);font-weight:700;font-size:calc(var(--u) * 24);letter-spacing:.06em;color:rgba(var(--frost-rgb), .78);transition:color var(--t-fast) var(--ease-out);position:absolute}.hero-tile-blade{height:calc(var(--u) * 3);background:var(--blade);box-shadow:0 0 calc(var(--u) * 10) var(--blade);opacity:.45;transform-origin:0;transition:transform var(--t-med) var(--ease-out), opacity var(--t-med) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.3)}.hero-tile:hover{border-color:var(--line-strong);transform:translateY(calc(var(--u) * -2))}.hero-tile:hover .hero-tile-name{color:var(--frost)}.hero-tile.is-focused{border-color:rgba(var(--frost-rgb), .95);box-shadow:0 0 0 1px rgba(var(--frost-rgb), .5), 0 0 calc(var(--u) * 24) rgba(var(--frost-rgb), .12)}.hero-tile.is-focused .hero-tile-name{color:#fff}.hero-tile.is-focused .hero-tile-blade{opacity:1;transform:scaleX(1)}.dossier{gap:calc(var(--u) * 10);flex-direction:column;display:flex}.dossier.is-changing{animation:card-swap .48s var(--ease-out)}.dossier-name{font-weight:700;font-size:calc(var(--u) * 58);letter-spacing:.02em;color:#fff;line-height:.95}.dossier-billing{font-weight:600;font-size:calc(var(--u) * 17);letter-spacing:.26em;color:var(--blade);text-shadow:0 0 calc(var(--u) * 12) color-mix(in srgb, var(--blade) 60%, transparent)}.dossier-stats{gap:calc(var(--u) * 8);margin:calc(var(--u) * 10) 0;max-width:calc(var(--u) * 380);display:grid}.dossier-stat{grid-template-columns:calc(var(--u) * 80) 1fr;align-items:center;display:grid}.dossier-stat-label{font-weight:600;font-size:calc(var(--u) * 13);letter-spacing:.24em;color:var(--frost-dim)}.dossier-stat-bar{height:calc(var(--u) * 6);background:rgba(var(--frost-rgb), .12);-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),#0000 calc(10% - 2px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),#0000 calc(10% - 2px) 10%)}.dossier-stat-fill{background:rgba(var(--frost-rgb), .9);transform-origin:0;height:100%;transition:transform var(--t-med) var(--ease-out)}.dossier-abilities{gap:calc(var(--u) * 8);display:grid}.dossier-ability{grid-template-columns:calc(var(--u) * 52) 1fr auto;align-items:center;gap:calc(var(--u) * 14);padding-right:calc(var(--u) * 10);background:linear-gradient(90deg, var(--panel), transparent);display:grid}.dossier-hex{width:calc(var(--u) * 52);aspect-ratio:1.1547;background:rgba(var(--frost-rgb), .1);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);place-items:center;display:grid}.dossier-glyph{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:55%;height:55%}.dossier-glyph circle{fill:#fff;stroke:none}.dossier-ability-name{font-weight:600;font-size:calc(var(--u) * 18);letter-spacing:.12em;color:rgba(var(--frost-rgb), .9)}.dossier-key,.hero-confirm-key{min-width:calc(var(--u) * 26);height:calc(var(--u) * 24);padding:0 calc(var(--u) * 7);font-family:var(--font-hud);font-weight:600;font-size:calc(var(--u) * 14);color:var(--frost-dim);border:1px solid var(--line);place-items:center;display:grid}.hero-confirm{height:calc(var(--u) * 58);padding:0 calc(var(--u) * 18) 0 calc(var(--u) * 24);font-weight:700;font-size:calc(var(--u) * 22);letter-spacing:.3em;color:var(--ink);background:rgba(var(--frost-rgb), .92);transition:background var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);outline:none;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.hero-confirm .hero-confirm-key{color:var(--ink);border-color:rgba(var(--ink-rgb), .4)}.hero-confirm:hover{box-shadow:0 0 calc(var(--u) * 28) rgba(var(--frost-rgb), .35);background:#fff}@keyframes hero-select-in{0%{opacity:0}}@keyframes card-swap{0%{opacity:0;transform:translateX(calc(var(--u) * -14))}}.loading{position:absolute;inset:0}.match-ui:not(.is-playing) .oob,.match-ui:not(.is-playing) .death{opacity:0;visibility:hidden}.hud{opacity:0;font-family:var(--font-hud);text-transform:uppercase;transition:opacity var(--t-slow) var(--ease-out);position:absolute;inset:0}.match-ui.is-playing .hud.is-alive{opacity:1}.reticle{width:0;height:0;position:absolute;top:50%;left:50%}.reticle-dot{left:calc(var(--u) * -2.5);top:calc(var(--u) * -2.5);width:calc(var(--u) * 5);height:calc(var(--u) * 5);background:rgba(var(--frost-rgb), .92);box-shadow:0 0 0 calc(var(--u) * 1) rgba(var(--ink-rgb), .55), 0 0 calc(var(--u) * 6) rgba(var(--ink-rgb), .4);border-radius:50%;position:absolute}.reticle-arc{left:calc(var(--u) * -70);top:calc(var(--u) * -70);width:calc(var(--u) * 140);height:calc(var(--u) * 140);opacity:0;transition:opacity var(--t-med) var(--ease-out);position:absolute;overflow:visible}.reticle-arc.is-shown{opacity:1}.reticle-arc path{fill:none;stroke-linecap:butt;stroke-width:2.4px}.arc-track{stroke:rgba(var(--ink-rgb), .45)}.arc-fill{stroke:rgba(var(--frost-rgb), .9)}.hit-marker{opacity:0;--hit-rgb:var(--frost-rgb);--hit-gap:calc(var(--u) * 9);--hit-length:calc(var(--u) * 11);position:absolute;top:0;left:0}.hit-tick{left:calc(var(--u) * -1.25);width:calc(var(--u) * 2.5);height:var(--hit-length);background:rgb(var(--hit-rgb));box-shadow:0 0 calc(var(--u) * 3) rgba(var(--ink-rgb), .9);transform-origin:50% 0;position:absolute;top:0}.hit-tick:first-child{transform:rotate(45deg) translateY(var(--hit-gap))}.hit-tick:nth-child(2){transform:rotate(135deg) translateY(var(--hit-gap))}.hit-tick:nth-child(3){transform:rotate(225deg) translateY(var(--hit-gap))}.hit-tick:nth-child(4){transform:rotate(315deg) translateY(var(--hit-gap))}.hit-marker.is-hit{animation:hit-pop .24s var(--ease-out)}.hit-marker.is-blocked{--hit-rgb:var(--accent-rgb);animation:hit-blocked .3s var(--ease-out)}.hit-marker.is-kill{--hit-rgb:var(--enemy-rgb);--hit-length:calc(var(--u) * 16);--hit-gap:calc(var(--u) * 11);animation:hit-kill .62s var(--ease-out)}.hit-marker.is-kill .hit-tick{width:calc(var(--u) * 3.5);left:calc(var(--u) * -1.75);box-shadow:0 0 calc(var(--u) * 8) rgba(var(--enemy-rgb), .8), 0 0 calc(var(--u) * 2) rgba(var(--ink-rgb), .9)}@keyframes hit-pop{0%{opacity:1;transform:scale(1.45)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes hit-blocked{0%{opacity:.9;transform:scale(.8)rotate(45deg)}to{opacity:0;transform:scale(1.2)rotate(45deg)}}@keyframes hit-kill{0%{opacity:1;transform:scale(1.9)rotate(-20deg)}25%{opacity:1;transform:scale(1)rotate(0)}70%{opacity:1}to{opacity:0;transform:scale(1.1)}}.damage-ring{width:0;height:0;position:absolute;top:50%;left:50%}.damage-arc{opacity:0;background:conic-gradient(from -14deg, rgba(var(--wound-rgb), .95) 0deg 28deg, transparent 28deg), conic-gradient(from -40deg, rgba(var(--wound-rgb), .5) 0deg 80deg, transparent 80deg);width:120vmax;height:120vmax;-webkit-mask:radial-gradient(circle, transparent calc(var(--u) * 128), #000 calc(var(--u) * 129), #000 calc(var(--u) * 134), transparent calc(var(--u) * 135)), radial-gradient(circle, transparent 22vmax, #0000008c 46vmax, #000 60vmax);-webkit-mask:radial-gradient(circle, transparent calc(var(--u) * 128), #000 calc(var(--u) * 129), #000 calc(var(--u) * 134), transparent calc(var(--u) * 135)), radial-gradient(circle, transparent 22vmax, #0000008c 46vmax, #000 60vmax);mask:radial-gradient(circle, transparent calc(var(--u) * 128), #000 calc(var(--u) * 129), #000 calc(var(--u) * 134), transparent calc(var(--u) * 135)), radial-gradient(circle, transparent 22vmax, #0000008c 46vmax, #000 60vmax);background-size:100% 100%;position:absolute;top:-60vmax;left:-60vmax}.low-health{opacity:0;transition:opacity .8s var(--ease-out);background:radial-gradient(#0000 46%,#5a08046b 76%,#300202e0 100%);position:absolute;inset:0}.low-health.is-critical{animation:heartbeat 1.15s var(--ease-in-out) infinite}@keyframes heartbeat{0%,to{filter:brightness()}12%{filter:brightness(1.5)}24%{filter:brightness(1.05)}34%{filter:brightness(1.35)}}.damage-flash{opacity:0;background:radial-gradient(ellipse at center, transparent 50%, rgba(var(--wound-rgb), .3) 100%);position:absolute;inset:0}.damage-flash.is-flashing{animation:fade-out .42s var(--ease-out)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.bar{position:relative;overflow:hidden}.bar-track,.bar-trail,.bar-fill{transform-origin:0;position:absolute;inset:0}.bar-track{background:rgba(var(--frost-rgb), .1)}.bar-trail{background:rgba(var(--wound-rgb), .85);transition:transform .52s var(--ease-in-out) .42s}.bar.is-rising .bar-trail{transition:none}.bar-fill{transition:transform 90ms linear}.bar.is-rising .bar-fill{transition:transform .32s var(--ease-out)}.bar:after{content:"";opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.bar.is-hurt:after{animation:bar-hurt .3s var(--ease-out)}@keyframes bar-hurt{0%{opacity:.85}to{opacity:0}}.hud-vitals{left:50%;bottom:var(--safe-y);width:calc(var(--u) * 540);padding:calc(var(--u) * 10) calc(var(--u) * 14) calc(var(--u) * 12);background:linear-gradient(180deg, #080b0f52, var(--panel));border-top:1px solid var(--line);border-bottom:1px solid var(--line);clip-path:polygon(calc(var(--u) * 12) 0, calc(100% - var(--u) * 12) 0, 100% calc(var(--u) * 12), 100% 100%, 0 100%, 0 calc(var(--u) * 12));position:absolute;transform:translate(-50%)}.vital-head{height:calc(var(--u) * 16);margin-bottom:calc(var(--u) * 5);justify-content:space-between;align-items:baseline;display:flex}.vital-hero{font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.22em;color:rgba(var(--frost-rgb), .72)}.vital-mana{margin-bottom:calc(var(--u) * 6);margin-right:calc(var(--u) * 78)}.bar.is-mana{height:calc(var(--u) * 7);box-shadow:0 0 0 1px rgba(var(--force-rgb), .25)}.bar.is-mana .bar-fill{background:linear-gradient(90deg, rgba(var(--force-rgb), .75), rgb(var(--force-rgb)));box-shadow:0 0 calc(var(--u) * 10) rgba(var(--force-rgb), .8)}.bar.is-mana .bar-trail{background:rgba(var(--force-rgb), .35)}.hud-vitals.is-mana-full .bar.is-mana .bar-fill{background:rgba(var(--force-rgb), .85)}.hud-vitals.is-exhausted .bar.is-mana{box-shadow:0 0 0 1px rgba(var(--wound-rgb), .6);animation:exhausted .9s var(--ease-in-out) infinite}.hud-vitals.is-exhausted .bar.is-mana .bar-fill{background:rgba(var(--wound-rgb), .85);box-shadow:none}@keyframes exhausted{50%{opacity:.45}}.vital-health{--tone:238, 243, 247;--gap:calc(var(--u) * 3);align-items:center;gap:calc(var(--u) * 14);display:flex}.bar.is-health{height:calc(var(--u) * 24);-webkit-mask:repeating-linear-gradient(90deg, #000 0 calc(100% / var(--segments,10) - var(--gap)), transparent calc(100% / var(--segments,10) - var(--gap)) calc(100% / var(--segments,10)));-webkit-mask:repeating-linear-gradient(90deg, #000 0 calc(100% / var(--segments,10) - var(--gap)), transparent calc(100% / var(--segments,10) - var(--gap)) calc(100% / var(--segments,10)));mask:repeating-linear-gradient(90deg, #000 0 calc(100% / var(--segments,10) - var(--gap)), transparent calc(100% / var(--segments,10) - var(--gap)) calc(100% / var(--segments,10)));flex:1}.bar.is-health .bar-track{background:rgba(var(--frost-rgb), .13)}.bar.is-health .bar-fill{background:linear-gradient(180deg, rgba(var(--tone), 1), rgba(var(--tone), .82));transition:transform 90ms linear,background .3s linear}.vital-value{min-width:calc(var(--u) * 64);text-align:right;font-weight:600;font-size:calc(var(--u) * 42);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:rgb(var(--tone));text-shadow:0 0 calc(var(--u) * 8) rgba(var(--ink-rgb), .8);line-height:1;transition:color .3s linear}.vital-health.is-critical .vital-value{animation:exhausted .6s var(--ease-in-out) infinite}.vital-heat{margin-top:calc(var(--u) * 6);margin-right:calc(var(--u) * 78);display:none}.hud-vitals.has-heat .vital-heat{display:block}.bar.is-heat{height:calc(var(--u) * 6)}.bar.is-heat .bar-fill{background:linear-gradient(90deg, rgba(var(--frost-rgb), .85), rgb(var(--heat-rgb)))}.heat-sweet,.heat-marker{position:absolute;top:0;bottom:0}.heat-sweet{background:rgba(var(--accent-rgb), .35);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .8)}.heat-marker{width:calc(var(--u) * 3);background:#fff}.heat-marker.is-hidden{display:none}.vital-heat.is-overheated .bar-fill{background:rgb(var(--wound-rgb));animation:exhausted .5s var(--ease-in-out) infinite}.hud-abilities{right:var(--safe-x);bottom:var(--safe-y);align-items:flex-end;gap:calc(var(--u) * 6);display:flex;position:absolute}.hex{--hex-w:calc(var(--u) * 104);align-items:center;gap:calc(var(--u) * 6);flex-direction:column;display:flex;position:relative}.hex.is-ability:nth-child(3){margin-bottom:calc(var(--u) * 56)}.hex.is-dash{--hex-w:calc(var(--u) * 76);margin-right:calc(var(--u) * 6)}.hex-body{width:var(--hex-w);aspect-ratio:1.1547;position:relative}.hex-face{--cooldown:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:radial-gradient(circle at 50% 40%, #1e242cb3, var(--panel-strong));place-items:center;display:grid;position:absolute;inset:0}.hex-face:after{content:"";background:conic-gradient(#0000009e calc(var(--cooldown) * 1turn), transparent calc(var(--cooldown) * 1turn));pointer-events:none;position:absolute;inset:0}.hex-glyph{fill:none;width:50%;height:50%;stroke:rgba(var(--frost-rgb), .96);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 calc(var(--u) * 4) rgba(var(--accent-rgb), .45));transition:opacity var(--t-fast) var(--ease-out), stroke var(--t-fast) var(--ease-out);position:relative}.hex-glyph circle{fill:rgba(var(--frost-rgb), .96);stroke:none}.hex.is-cooling:not(.is-ready) .hex-glyph{opacity:.35;filter:none}.hex-time{font-weight:700;font-size:calc(var(--hex-w) * .34);color:#fff;text-shadow:0 0 calc(var(--u) * 6) rgba(var(--ink-rgb), .9);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.hex-frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hex-frame path{fill:none;vector-effect:non-scaling-stroke}.hex-track{stroke:var(--line-strong);stroke-width:1.5px}.hex-progress{stroke:rgba(var(--frost-rgb), .95);stroke-width:2px}.hex.is-ready .hex-progress{stroke:rgba(var(--frost-rgb), .85)}.hex.is-active .hex-progress{stroke:rgb(var(--accent-rgb));filter:drop-shadow(0 0 calc(var(--u) * 6) rgba(var(--accent-rgb), .9));animation:exhausted .8s var(--ease-in-out) infinite}.hex.is-refreshed .hex-body{animation:hex-ready .65s var(--ease-out)}@keyframes hex-ready{0%{filter:brightness(2.2) drop-shadow(0 0 calc(var(--u) * 14) rgba(var(--accent-rgb), 1));transform:scale(1.18)}to{filter:none;transform:scale(1)}}.hex-charges{right:calc(var(--hex-w) * -.12);bottom:calc(var(--hex-w) * -.06);width:calc(var(--u) * 24);aspect-ratio:1.1547;font-weight:700;font-size:calc(var(--u) * 15);color:var(--ink);background:rgba(var(--frost-rgb), .95);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);place-items:center;display:grid;position:absolute}.hex-charges.is-hidden{display:none}.hex:not(.is-ready) .hex-charges{background:rgba(var(--wound-rgb), .9);color:#fff}.hex-key{min-width:calc(var(--u) * 24);height:calc(var(--u) * 22);padding:0 calc(var(--u) * 6);font-family:var(--font-hud);font-weight:600;font-size:calc(var(--u) * 15);letter-spacing:.08em;color:rgba(var(--frost-rgb), .85);background:var(--panel);border:1px solid var(--line);place-items:center;display:grid}.hud-score{left:50%;top:calc(var(--u) * 30);align-items:center;gap:calc(var(--u) * 8);opacity:0;transition:opacity var(--t-med) var(--ease-out);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.hud-score.is-shown{opacity:1}.score-sides{align-items:stretch;gap:calc(var(--u) * 4);display:flex}.score-clock{min-width:calc(var(--u) * 92);background:var(--panel-strong);border-bottom:calc(var(--u) * 3) solid var(--line-strong);place-items:center;display:grid}.score-clock-time{font-family:var(--font-hud);font-weight:700;font-size:calc(var(--u) * 24);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--frost)}.hud-score.is-urgent .score-clock-time{color:rgb(var(--enemy-rgb));animation:1s ease-in-out infinite clock-pulse}@keyframes clock-pulse{50%{opacity:.55}}.score-progress{left:0;right:0;bottom:calc(var(--u) * -3);height:calc(var(--u) * 3);background:rgba(var(--frost-rgb), .14);position:absolute}.score-progress:after{content:"";transform:scaleX(var(--fill,0));transition:transform var(--t-med) var(--ease-out);background:currentColor;position:absolute;inset:0}.score-side.is-you .score-progress{color:rgb(var(--ally-rgb));transform:scaleX(-1)}.score-side.is-rival .score-progress{color:rgb(var(--enemy-rgb))}.score-goal{color:rgba(var(--frost-rgb), .55)}.score-side{align-items:center;gap:calc(var(--u) * 12);width:calc(var(--u) * 190);height:calc(var(--u) * 40);padding:0 calc(var(--u) * 14);background:var(--panel);border-bottom:calc(var(--u) * 3) solid rgba(var(--frost-rgb), .14);display:flex;position:relative}.score-side.is-you{background:linear-gradient(270deg, rgba(var(--ally-rgb), .38), var(--panel) 70%);justify-content:flex-end}.score-side.is-rival{background:linear-gradient(90deg, rgba(var(--enemy-rgb), .34), var(--panel) 70%)}.score-value{font-weight:700;font-size:calc(var(--u) * 30);font-variant-numeric:tabular-nums;line-height:1}.score-label{font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.16em;white-space:nowrap;text-overflow:ellipsis;color:rgba(var(--frost-rgb), .78);overflow:hidden}.score-objective{gap:calc(var(--u) * 14);font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.24em;color:rgba(var(--frost-rgb), .82);text-shadow:0 0 calc(var(--u) * 6) rgba(var(--ink-rgb), .9);display:flex}.score-standing{color:rgb(var(--enemy-rgb))}.hud-score.is-leading .score-standing{color:rgb(var(--ally-rgb))}.kill-feed{right:var(--safe-x);align-items:flex-end;gap:calc(var(--u) * 4);flex-direction:column;display:flex;position:absolute;top:34%}.feed-line{align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 28);padding:0 calc(var(--u) * 12);font-weight:600;font-size:calc(var(--u) * 17);letter-spacing:.06em;background:linear-gradient(270deg, var(--panel), #080b0f1a);animation:feed-in .36s var(--ease-out);display:flex}.feed-line.is-mine{background:linear-gradient(270deg, rgba(var(--frost-rgb), .2), #080b0f1a);box-shadow:inset calc(var(--u) * -3) 0 0 rgba(var(--frost-rgb), .9)}.feed-name{color:rgb(var(--enemy-rgb))}.feed-name.is-local{color:rgb(var(--ally-rgb))}.feed-glyph{width:calc(var(--u) * 18);height:calc(var(--u) * 18);fill:none;stroke:rgba(var(--frost-rgb), .9);stroke-width:2px;stroke-linecap:round}@keyframes feed-in{0%{opacity:0;transform:translateX(calc(var(--u) * 24))}}.nameplates{position:absolute;inset:0}.plate{opacity:0;transform-origin:0 0;will-change:transform, opacity;transition:opacity .16s linear;position:absolute;top:0;left:0}.plate-inner{align-items:center;gap:calc(var(--u) * 4);flex-direction:column;display:flex;transform:translate(-50%,-100%)}.plate-name{font-weight:600;font-size:calc(var(--u) * 16);letter-spacing:.12em;white-space:nowrap;color:rgb(var(--enemy-rgb));text-shadow:0 0 calc(var(--u) * 3) rgba(var(--ink-rgb), 1), 0 0 calc(var(--u) * 8) rgba(var(--ink-rgb), .7)}.bar.plate-bar{width:calc(var(--u) * 112);height:calc(var(--u) * 7);box-shadow:0 0 0 1px rgba(var(--ink-rgb), .7)}.bar.plate-bar .bar-track{background:rgba(var(--ink-rgb), .6)}.bar.plate-bar .bar-fill{background:rgb(var(--enemy-rgb))}.bar.plate-bar .bar-trail{background:rgba(var(--frost-rgb), .9);transition-delay:.26s}.plate.is-low .plate-name{animation:exhausted .8s var(--ease-in-out) infinite}.match-layer{font-family:var(--font-hud);text-transform:uppercase;position:absolute;inset:0}.match-layer .hud-score,.match-layer .callout{visibility:hidden}.match-ui.is-playing .match-layer:not(.is-ended) .hud-score,.match-ui.is-playing .match-layer:not(.is-ended) .callout{visibility:visible}.callout{align-items:center;gap:calc(var(--u) * 6);opacity:0;text-shadow:0 0 calc(var(--u) * 14) rgba(var(--ink-rgb), .85);flex-direction:column;display:flex;position:absolute;top:19%;left:50%;transform:translate(-50%)}.callout.is-shown{animation:callout-in 2.8s var(--ease-out) forwards}@keyframes callout-in{0%{opacity:0;letter-spacing:.5em;transform:translate(-50%)scale(1.08)}10%{opacity:1;transform:translate(-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(calc(var(--u) * -6))}}.callout-rule{width:calc(var(--u) * 180);background:linear-gradient(90deg, transparent, var(--line-strong), transparent);height:1px}.callout-title{font-weight:700;font-size:calc(var(--u) * 34);letter-spacing:.28em;color:var(--frost)}.callout.is-lead .callout-title{color:rgb(var(--ally-rgb))}.callout.is-warning .callout-title{color:rgb(var(--enemy-rgb))}.callout-detail{font-weight:600;font-size:calc(var(--u) * 15);letter-spacing:.32em;color:var(--frost-dim)}.match-intro{justify-content:center;align-items:center;gap:calc(var(--u) * 28);opacity:0;visibility:hidden;background:radial-gradient(ellipse at center, transparent 35%, rgba(var(--ink-rgb), .55));transition:opacity var(--t-med) var(--ease-out), visibility 0s linear var(--t-med);flex-direction:column;display:flex;position:absolute;inset:0}.match-intro.is-active{opacity:1;visibility:visible;transition:opacity var(--t-fast) var(--ease-out)}.intro-card{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 18) calc(var(--u) * 64);background:linear-gradient(90deg, transparent, rgba(var(--ink-rgb), .62), transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.match-intro.is-fight .intro-card{opacity:0;transition:opacity var(--t-fast)}.intro-aurebesh{font-size:calc(var(--u) * 10);color:var(--frost-faint)}.intro-mode{font-weight:700;font-size:calc(var(--u) * 46);letter-spacing:.32em;color:var(--frost)}.intro-goal{font-weight:600;font-size:calc(var(--u) * 15);letter-spacing:.34em;color:var(--frost-dim)}.intro-beat{min-height:calc(var(--u) * 150);font-family:var(--font-body);font-weight:200;font-size:calc(var(--u) * 150);font-variant-numeric:tabular-nums;color:var(--frost);text-shadow:0 0 calc(var(--u) * 40) rgba(var(--accent-rgb), .35);line-height:1}.match-intro.is-fight .intro-beat{font-family:var(--font-hud);font-weight:700;font-size:calc(var(--u) * 120);letter-spacing:.3em;color:#fff;text-shadow:0 0 calc(var(--u) * 30) rgba(var(--accent-rgb), .8), 0 0 calc(var(--u) * 90) rgba(var(--accent-rgb), .45)}.intro-beat.is-ticking{animation:beat-in .9s var(--ease-out)}@keyframes beat-in{0%{opacity:0;filter:blur(6px);transform:scale(1.35)}to{opacity:1;filter:none;transform:none}}.match-results{visibility:hidden;position:absolute;inset:0}.match-results.is-active{visibility:visible}.results-wash{opacity:0;-webkit-backdrop-filter:saturate(.5)brightness(.8);background:radial-gradient(ellipse at center, transparent 30%, rgba(var(--ink-rgb), .7));transition:opacity 1.4s var(--ease-out);position:absolute;inset:0}.match-results.is-active .results-wash{opacity:1}.match-results[data-stage=results] .results-wash{background:linear-gradient(90deg, rgba(var(--ink-rgb), .9) 0%, rgba(var(--ink-rgb), .55) 70%)}.outcome{align-items:center;gap:calc(var(--u) * 10);opacity:0;transition:opacity .6s var(--ease-out);--tone:var(--frost-rgb);flex-direction:column;display:flex;position:absolute;top:38%;left:0;right:0}.match-results.is-victory{--tone:var(--ally-rgb)}.match-results.is-defeat{--tone:var(--enemy-rgb)}.match-results.is-outcome-shown .outcome{opacity:1}.outcome-rule{width:calc(var(--u) * 560);max-width:80vw;height:calc(var(--u) * 2);background:linear-gradient(90deg, transparent, rgb(var(--tone)), transparent)}.match-results.is-outcome-shown .outcome-rule{animation:rule-open .9s var(--ease-out)}@keyframes rule-open{0%{transform:scaleX(0)}}.outcome-title{font-weight:700;font-size:calc(var(--u) * 110);letter-spacing:.34em;color:#fff;text-shadow:0 0 calc(var(--u) * 24) rgba(var(--tone), .75), 0 0 calc(var(--u) * 80) rgba(var(--tone), .4);margin-right:-.34em;line-height:1}.match-results.is-outcome-shown .outcome-title{animation:outcome-in 1.2s var(--ease-out)}@keyframes outcome-in{0%{opacity:0;letter-spacing:.7em;filter:blur(8px)}}.outcome-detail{font-weight:600;font-size:calc(var(--u) * 18);letter-spacing:.4em;color:var(--frost-dim)}.results-panel{left:var(--safe-x);width:min(calc(var(--u) * 900), calc(100vw - 2 * var(--safe-x)));gap:calc(var(--u) * 6);opacity:0;visibility:hidden;transform:translate(calc(var(--u) * -24), -50%);transition:opacity var(--t-med) var(--ease-out), transform var(--t-med) var(--ease-out), visibility 0s linear var(--t-med);flex-direction:column;display:flex;position:absolute;top:50%}.match-results[data-stage=results] .results-panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--t-med) var(--ease-out), transform var(--t-med) var(--ease-out);transform:translateY(-50%)}.results-head{gap:calc(var(--u) * 6);padding-bottom:calc(var(--u) * 16);margin-bottom:calc(var(--u) * 8);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.results-outcome{font-weight:700;font-size:calc(var(--u) * 64);letter-spacing:.12em;color:rgb(var(--tone));line-height:1}.results-meta{font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.3em;color:var(--frost-dim)}.results-actions{gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 26);display:flex}.results-action{justify-content:space-between;align-items:center;gap:calc(var(--u) * 18);min-width:calc(var(--u) * 190);height:calc(var(--u) * 50);padding:0 calc(var(--u) * 20);font-family:var(--font-hud);font-weight:600;font-size:calc(var(--u) * 18);letter-spacing:.2em;white-space:nowrap;text-transform:uppercase;color:var(--frost);background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);flex:none;display:inline-flex}.results-action:hover{background:rgba(var(--frost-rgb), .16)}.results-action.is-primary{color:var(--ink);background:rgba(var(--frost-rgb), .88);border-color:#0000}.results-action .keycap{height:calc(var(--u) * 22);font-size:calc(var(--u) * 12);background:0 0}.results-action.is-primary .keycap{color:var(--ink);border-color:rgba(var(--ink-rgb), .4)}.results-action.is-primary:hover{background:#fff}.results-action.is-voted{color:var(--frost);background:rgba(var(--ally-rgb), .3)}.results-action.is-quiet{color:var(--frost-dim);min-width:0}.results-footer{min-height:calc(var(--u) * 20);margin-top:calc(var(--u) * 14);font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.3em;color:var(--frost-dim)}.standing-row{grid-template-columns:calc(var(--u) * 44) calc(var(--u) * 150) minmax(0, 1fr) repeat(2, calc(var(--u) * 54)) repeat(2, calc(var(--u) * 96));height:calc(var(--u) * 40);padding:0 calc(var(--u) * 14);margin-bottom:calc(var(--u) * 3);font-weight:600;font-size:calc(var(--u) * 18);letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--frost-rgb), .86);background:linear-gradient(90deg, var(--panel), rgba(var(--ink-rgb), .28));align-items:center;display:grid;position:relative}.standing-row.has-ping{grid-template-columns:calc(var(--u) * 44) calc(var(--u) * 150) minmax(0, 1fr) repeat(2, calc(var(--u) * 54)) repeat(2, calc(var(--u) * 96)) calc(var(--u) * 64)}.standing-row.is-head{height:calc(var(--u) * 28);margin-bottom:calc(var(--u) * 4);font-size:calc(var(--u) * 13);letter-spacing:.26em;color:var(--frost-faint);background:0 0}.standing-row.is-local{color:#fff;background:linear-gradient(90deg, rgba(var(--ally-rgb), .42), rgba(var(--ally-rgb), .08))}.standing-row.is-local:before{content:"";width:calc(var(--u) * 3);background:rgb(var(--ally-rgb));position:absolute;top:0;bottom:0;left:0}.standing-row.is-bot .is-name{color:var(--frost-dim)}.standing-cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.standing-cell.is-num{text-align:right;font-variant-numeric:tabular-nums}.standing-cell.is-place{color:var(--frost-dim);font-variant-numeric:tabular-nums;font-weight:700}.standing-row.is-first .is-place{color:#ffd37a}.standing-cell.is-kills{color:#fff;font-weight:700}.standing-cell.is-hero{align-items:center;gap:calc(var(--u) * 10);font-size:calc(var(--u) * 14);letter-spacing:.18em;color:var(--frost-dim);display:flex}.standing-row.is-head .standing-cell.is-hero{font-size:inherit;color:inherit}.standing-blade{width:calc(var(--u) * 3);height:calc(var(--u) * 22);background:var(--blade);box-shadow:0 0 calc(var(--u) * 8) var(--blade);flex:none}.scoreboard{opacity:0;background:radial-gradient(ellipse at center, rgba(var(--ink-rgb), .72), rgba(var(--ink-rgb), .35) 80%);transition:opacity .22s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.scoreboard.is-open{opacity:1}.board-panel{width:min(calc(var(--u) * 1000), calc(100vw - 2 * var(--safe-x)));font-family:var(--font-hud);text-transform:uppercase;transform:translateY(calc(var(--u) * 10));transition:transform .28s var(--ease-out)}.scoreboard.is-open .board-panel{transform:none}.board-head{padding-bottom:calc(var(--u) * 12);margin-bottom:calc(var(--u) * 10);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;display:flex}.board-title{gap:calc(var(--u) * 4);flex-direction:column;display:flex}.board-aurebesh{font-size:calc(var(--u) * 9);color:var(--frost-faint)}.board-mode{font-weight:700;font-size:calc(var(--u) * 34);letter-spacing:.22em;color:var(--frost)}.board-status{align-items:baseline;gap:calc(var(--u) * 22);display:flex}.board-meta{font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.26em;color:var(--frost-dim)}.board-clock{font-weight:700;font-size:calc(var(--u) * 28);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--frost)}.death-wash{-webkit-backdrop-filter:grayscale(.75)brightness(.6)blur(1.5px);background:radial-gradient(ellipse at center, transparent 30%, rgba(var(--ink-rgb), .78) 100%), linear-gradient(0deg, rgba(var(--wound-rgb), .12), transparent 40%)}.death-panel{left:50%;bottom:calc(var(--u) * 150);align-items:center;gap:calc(var(--u) * 6);min-width:calc(var(--u) * 520);padding:calc(var(--u) * 26) calc(var(--u) * 48) calc(var(--u) * 24);font-family:var(--font-hud);text-transform:uppercase;background:linear-gradient(90deg, transparent, rgba(var(--ink-rgb), .72) 20%, rgba(var(--ink-rgb), .72) 80%, transparent);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.death.is-active .death-panel{animation:death-in .7s var(--ease-out)}@keyframes death-in{0%{opacity:0;transform:translate(-50%, calc(var(--u) * 14))}}.death-blade{width:60%;height:calc(var(--u) * 2);margin-bottom:calc(var(--u) * 10);background:linear-gradient(90deg, transparent, var(--blade), transparent);box-shadow:0 0 calc(var(--u) * 12) var(--blade)}.death-label{font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.4em;color:rgb(var(--wound-rgb))}.death-killer{font-weight:700;font-size:calc(var(--u) * 46);letter-spacing:.12em;color:#fff;line-height:1.05}.death-hero{font-weight:600;font-size:calc(var(--u) * 15);letter-spacing:.3em;color:var(--blade)}.death-respawn{align-items:center;gap:calc(var(--u) * 14);width:100%;margin-top:calc(var(--u) * 18);font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.3em;color:var(--frost-dim);display:flex}.death-progress{height:calc(var(--u) * 4);background:rgba(var(--frost-rgb), .14);flex:1;position:relative}.death-progress:after{content:"";background:var(--frost);transform-origin:0;transform:scaleX(var(--fill,0));position:absolute;inset:0}.death-count{min-width:calc(var(--u) * 28);font-weight:700;font-size:calc(var(--u) * 30);text-align:right;color:var(--frost);font-variant-numeric:tabular-nums}.death-actions{gap:calc(var(--u) * 36);margin-top:calc(var(--u) * 14);display:flex}.death-action{align-items:center;gap:calc(var(--u) * 10);font-weight:600;font-size:calc(var(--u) * 15);letter-spacing:.22em;color:var(--frost-dim);cursor:pointer;background:0 0;border:0;display:inline-flex}.death-action .label,.results-action .label{font-family:inherit;font-size:inherit;letter-spacing:inherit;white-space:nowrap}.match-ui .death-action.ui-interactive{pointer-events:auto}.death-action.ui-interactive:hover{color:#fff}.pause-head{gap:calc(var(--u) * 8);flex-direction:column;display:flex}.pause-head .menu-rule{margin:calc(var(--u) * 10) 0 calc(var(--u) * 14)}.pause-kicker{font-family:var(--font-hud);font-weight:600;font-size:calc(var(--u) * 15);letter-spacing:.5em;text-transform:uppercase;color:var(--frost-dim)}.pause-mode{font-family:var(--font-hud);font-weight:700;font-size:calc(var(--u) * 58);letter-spacing:.08em;text-transform:uppercase;color:var(--frost);line-height:1}.pause-details{gap:calc(var(--u) * 6) calc(var(--u) * 20);font-family:var(--font-hud);font-weight:600;font-size:calc(var(--u) * 14);letter-spacing:.3em;text-transform:uppercase;color:var(--frost-dim);flex-wrap:wrap;display:flex}.pause-detail+.pause-detail:before{content:"·";margin-right:calc(var(--u) * 20);color:var(--frost-faint)}.menu-screen.is-pause .menu-veil{background:linear-gradient(90deg, rgba(var(--ink-rgb), .92) 0%, rgba(var(--ink-rgb), .7) 38%, rgba(var(--ink-rgb), .25) 75%)}.match-ui.is-preview .callout{opacity:1;animation:none}.match-ui:has(.scoreboard.is-open) .kill-feed,.match-ui:has(.scoreboard.is-open) .hud-score,.match-ui:has(.scoreboard.is-open) .nameplates{opacity:0}.match-ui:not(.is-playing) .match-intro{visibility:hidden}.match-ui:has(.match-layer.is-ended) .hud,.match-ui:has(.match-layer.is-ended) .kill-feed{visibility:hidden;opacity:0}.callout:not(.is-shown) .callout-rule,.callout:has(.callout-title:empty) .callout-rule{display:none}
