.menu-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.menu-backdrop-poster,.menu-backdrop-video{object-fit:cover;object-position:28% 50%;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.menu-backdrop.ready .menu-backdrop-poster,.menu-backdrop.playing .menu-backdrop-video{opacity:1}.menu-backdrop-shade,.menu-backdrop-dim{opacity:0;transition:opacity .5s;position:absolute;inset:0}.menu-backdrop-shade{background:linear-gradient(270deg,#05080cb3 0%,#05080c8c 25%,#05080c00 65%),linear-gradient(#05080c59 0%,#05080c00 22% 78%,#05080c73 100%)}.menu-backdrop-dim{-webkit-backdrop-filter:blur(16px)saturate(.9);backdrop-filter:blur(16px)saturate(.9);background:radial-gradient(at 50% 45%,#080d1300 40%,#080d1380 100%),#080d13a8}.menu-layer:has(.loading-screen) .menu-backdrop-dim{-webkit-backdrop-filter:saturate(.85);backdrop-filter:saturate(.85);background:linear-gradient(#05080ca8,#05080c4d 45%,#05080ceb 94%)}.menu-backdrop.main.ready .menu-backdrop-shade,.menu-backdrop.main.playing .menu-backdrop-shade,.menu-backdrop.sub.ready .menu-backdrop-dim,.menu-backdrop.sub.playing .menu-backdrop-dim{opacity:1}.menu-layer:has(>.menu-backdrop.ready) .screen:not(.overlay){background:0 0}@media (prefers-reduced-motion:reduce){.menu-backdrop-poster,.menu-backdrop-video,.menu-backdrop-shade,.menu-backdrop-dim{transition:none}}@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(/assets/barlow-400-DygnOwyn.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/assets/barlow-500-D6sGsXIV.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:600;font-display:swap;src:url(/assets/barlow-600-DO9c7XN2.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:700;font-display:swap;src:url(/assets/barlow-700-B_0g9oET.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:500;font-display:swap;src:url(/assets/barlow-semi-condensed-500-CREnc4EB.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:600;font-display:swap;src:url(/assets/barlow-semi-condensed-600-D36brihh.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:700;font-display:swap;src:url(/assets/barlow-semi-condensed-700-BSuPlIsc.woff2)format("woff2")}:root{--ink:#e6edf5;--ink-dim:#93a3b6;--amber:#f3b23a;--hot:#ffe24a;--warn:#ff7a66;--good:#79e08e;--kind-build:#436cbe;--kind-action:#01af02;--kind-upgrade:#d06c00;--kind-system:#cfc302;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:"Barlow", "Bahnschrift", "DIN Alternate", system-ui, sans-serif;--label:"Barlow Semi Condensed", var(--sans);--num:var(--sans);--panel:#1c2633;--panel-hi:#33465b;--panel-lo:#0e151e;--well:#090f16;--edge:#7390b0;--edge-soft:#7390b057;--accent:#7cc4ff;--money:#f1f6ff;--glow:#468cff66;--cmd-border:#00157e;--icon-main:#e9eff6;--icon-hot:#ffb347;--menu-accent:#7cc4ff;--menu-accent-rgb:124 196 255;--glass-tint:22 31 43;--fullscreen-size:28px;--fullscreen-inset:10px}:where(.menu-layer kbd,.hud kbd:not(.tip-chip),.grp-key){box-sizing:border-box;min-width:1.45em;height:1.45em;font:700 max(8px, calc(var(--kbd-text,1em) * .72)) / 1 var(--num);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;color:#cfd8e3;text-shadow:none;background:#0000004d;border:1px solid #ffffff47;border-bottom-width:max(1.5px,.14em);border-radius:.25em;flex:none;place-items:center;padding:0 .4em;display:inline-grid}.menu-layer{--u:clamp(10px, min(1vw, 1.778vh), 24px);--m-accent:var(--menu-accent);--m-accent-rgb:var(--menu-accent-rgb);--m-label:"Barlow Semi Condensed", var(--sans);--m-text:#e9eff5;--m-dim:#93a3b6;--m-mute:#8a9bb0;--m-line:#ffffff24;--m-ease:cubic-bezier(.2, .8, .2, 1);pointer-events:none;font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);z-index:10;position:absolute;inset:0}:where(.menu-layer) :where(button,select,input){font:inherit;color:inherit}.menu-layer :focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}.screen{pointer-events:auto;background:var(--well);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen.overlay{-webkit-backdrop-filter:blur(10px)saturate(.9);backdrop-filter:blur(10px)saturate(.9);background:#05080c9e}.glass,.panel{background:linear-gradient(180deg, #ffffff14, #ffffff05 45%), rgb(var(--glass-tint) / .55);-webkit-backdrop-filter:blur(calc(var(--u) * 1.4)) saturate(1.4);backdrop-filter:blur(calc(var(--u) * 1.4)) saturate(1.4);border:1px solid var(--m-line);box-shadow:0 var(--u) calc(var(--u) * 3) #00000073, inset 0 1px 0 #ffffff24}.panel{border-radius:calc(var(--u) * 1.1)}.eyebrow{font:600 calc(var(--u) * .85) / 1.2 var(--m-label);letter-spacing:.32em;text-transform:uppercase;color:var(--m-accent)}.screen-head{align-items:baseline;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * 2.6) calc(var(--u) * 3) calc(var(--u) * 1.4);display:flex;position:relative}.screen-head h1{font:700 calc(var(--u) * 2.6) / 1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0}.screen-head>.eyebrow{font-size:calc(var(--u) * .9);letter-spacing:.3em;color:#9aabbf}.screen-body{min-height:0;padding:calc(var(--u) * .6) calc(var(--u) * 3) calc(var(--u) * 1.4);flex:1;position:relative;overflow:auto}.screen-foot{justify-content:space-between;align-items:center;gap:var(--u);padding:calc(var(--u) * 1.2) calc(var(--u) * 3) calc(var(--u) * 2.4);display:flex;position:relative}.btn{justify-content:center;align-items:center;gap:calc(var(--u) * .9);min-width:calc(var(--u) * 11);padding:var(--u) calc(var(--u) * 2.6);font:700 calc(var(--u) * 1.1) / 1 var(--m-label);letter-spacing:.16em;text-transform:uppercase;color:#e9eff5;-webkit-backdrop-filter:blur(var(--u));backdrop-filter:blur(var(--u));border-radius:calc(var(--u) * 2);cursor:pointer;transition:filter .15s, transform .12s var(--m-ease), background .15s;background:#ffffff14;border:0;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:#0b0f14;background:var(--m-accent);box-shadow:0 0 calc(var(--u) * 1.6) rgb(var(--m-accent-rgb) / .45)}.btn.primary kbd{color:#0b0f14;background:#ffffff40;border-color:#0b0f1473}.btn:disabled{opacity:.45;cursor:default}.btn.primary:disabled{box-shadow:none}.btn.small{min-width:0;padding:calc(var(--u) * .35) calc(var(--u) * .9);font-size:calc(var(--u) * .8);letter-spacing:.1em}.field{appearance:none;min-width:0;padding:calc(var(--u) * .5) calc(var(--u) * 1.8) calc(var(--u) * .5) calc(var(--u) * .7);font:600 calc(var(--u) * .95) / 1.2 var(--sans);color:var(--m-text);background:#ffffff0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23c9d3de'/%3E%3C/svg%3E") no-repeat right calc(var(--u) * .7) center / calc(var(--u) * .6) auto;border-radius:calc(var(--u) * .6);cursor:pointer;border:1px solid #ffffff26}.field:hover:not(:disabled){border-color:rgb(var(--m-accent-rgb) / .7)}.field:disabled{opacity:.55;cursor:default}.field option{color:#e9eff5;background:#161f2b}.field option:disabled{color:#5d6d80}.toast{background:rgb(var(--glass-tint) / .82);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border:1px solid var(--m-line);box-shadow:inset 3px 0 0 var(--good), 0 10px 30px #00000073;pointer-events:none;z-index:5;border-radius:12px;padding:9px 18px 9px 16px;font-size:14px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.toast.error{box-shadow:inset 3px 0 0 var(--warn), 0 10px 30px #00000073}.fullscreen-button{top:var(--fullscreen-inset);right:var(--fullscreen-inset);z-index:30;box-sizing:border-box;width:var(--fullscreen-size);height:var(--fullscreen-size);color:#dfe7f0;background:rgb(var(--glass-tint) / .78);border:1px solid var(--m-line);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);cursor:pointer;pointer-events:auto;border-radius:8px;place-items:center;padding:0;transition:background .12s,color .12s;display:grid;position:fixed;box-shadow:0 4px 12px #0006}.fullscreen-button:hover{color:#fff;background:linear-gradient(rgb(var(--m-accent-rgb) / .2), rgb(var(--m-accent-rgb) / .2)), rgb(var(--glass-tint) / .78)}.fullscreen-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.install-button{top:var(--fullscreen-inset);right:calc(var(--fullscreen-inset) + var(--fullscreen-size) + 6px);z-index:30;box-sizing:border-box;height:var(--fullscreen-size);font:700 11px / 1 "Barlow Semi Condensed", var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#dfe7f0;background:rgb(var(--glass-tint) / .78);border:1px solid var(--m-line);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);cursor:pointer;pointer-events:auto;border-radius:8px;align-items:center;gap:6px;padding:0 10px 0 8px;transition:background .12s,color .12s;display:inline-flex;position:fixed;box-shadow:0 4px 12px #0006}.install-button[data-alone]{right:var(--fullscreen-inset)}.install-button:hover{color:#fff;background:linear-gradient(rgb(var(--m-accent-rgb) / .2), rgb(var(--m-accent-rgb) / .2)), rgb(var(--glass-tint) / .78)}.install-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.main-menu{flex:1;position:relative}.title{right:calc(var(--u) * 5.5);top:calc(var(--u) * 4.2);text-align:right;margin:0;position:absolute}.title-main{font:600 calc(var(--u) * 6.6) / .9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#eef3f8;text-shadow:0 calc(var(--u) * .4) calc(var(--u) * 2) #00000080;margin-right:-.1em;display:block}.title-sub{justify-content:flex-end;align-items:center;gap:var(--u);margin-top:calc(var(--u) * 1.1);font:700 calc(var(--u) * 1.4) / 1 var(--m-label);letter-spacing:.45em;text-transform:uppercase;color:var(--m-accent);display:flex}.title-sub:before,.title-sub:after{content:"";width:calc(var(--u) * 4);background:currentColor;height:2px}.title-sub:after{margin-left:-.45em}.title-note{margin-top:calc(var(--u) * .6);font:600 calc(var(--u) * .78) / 1 var(--m-label);letter-spacing:.24em;text-transform:uppercase;color:#9aabbf}.menu-list{right:calc(var(--u) * 5.5);top:calc(var(--u) * 18.6);width:calc(var(--u) * 24.5);padding:calc(var(--u) * .6);border-radius:calc(var(--u) * 1.3);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex;position:absolute}.menu-item{--kbd-text:calc(var(--u) * 1.28);align-items:center;gap:0 var(--u);width:100%;padding:calc(var(--u) * .8) calc(var(--u) * 1.2);text-align:left;color:var(--m-text);border-radius:calc(var(--u) * .8);cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto;transition:background .15s,box-shadow .15s;display:grid}.menu-item-text{display:contents}.menu-item kbd{grid-area:1/2}.menu-item b{font:700 calc(var(--u) * 1.28) / 1 var(--m-label);letter-spacing:.1em;text-transform:uppercase;grid-area:1/1;display:block}.menu-item small{margin-top:calc(var(--u) * .3);font:500 calc(var(--u) * .8) / 1.2 var(--sans);color:var(--m-dim);grid-area:2/1;display:block}.menu-item:hover:not(:disabled),.menu-item:focus-visible{box-shadow:inset 0 0 0 1px rgb(var(--m-accent-rgb) / .55);background:#ffffff12;outline:none}.menu-item:hover:not(:disabled) b,.menu-item:focus-visible b{color:var(--m-accent)}.menu-item:disabled{opacity:.42;cursor:default}.last-match{left:calc(var(--u) * 3);bottom:calc(var(--u) * 3);min-width:calc(var(--u) * 25);max-width:calc(var(--u) * 38);grid-template-columns:calc(var(--u) * 4) minmax(0, 1fr) auto;align-items:center;gap:calc(var(--u) * .3) var(--u);padding:var(--u) calc(var(--u) * 1.1);border-radius:calc(var(--u) * 1.1);display:grid;position:absolute}.last-match .crest{width:calc(var(--u) * 4);grid-row:1/span 3}.last-match .eyebrow{font-size:calc(var(--u) * .7);grid-column:2/span 2}.last-match b{white-space:nowrap;text-overflow:ellipsis;font:700 calc(var(--u) * 1.15) / 1.1 var(--m-label);letter-spacing:.05em;text-transform:uppercase;color:#fff;grid-column:2;overflow:hidden}.last-match small{white-space:nowrap;font:500 calc(var(--u) * .8) / 1.2 var(--sans);color:#9fb0c3;grid-column:2}.last-match .btn{min-width:0;padding:calc(var(--u) * .7) calc(var(--u) * 1.2);font-size:calc(var(--u) * .85);grid-area:2/3/span 2}.menu-foot{right:calc(var(--u) * 5.5);bottom:calc(var(--u) * 2);font:500 calc(var(--u) * .72) / 1.3 var(--sans);letter-spacing:.05em;color:#8394a8;position:absolute}.menu-foot-link{font:inherit;letter-spacing:inherit;color:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-left:1.2em;padding:0;text-decoration:underline}.menu-foot-link:hover,.menu-foot-link:focus-visible{color:var(--ink)}.skirmish{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 30);gap:calc(var(--u) * 5);align-items:start;display:grid}.sk-players{gap:calc(var(--u) * .55);flex-direction:column;display:flex}.sk-card{grid-template-columns:calc(var(--u) * 3.4) minmax(0, 1fr) calc(var(--u) * 9.4) calc(var(--u) * 7.6) calc(var(--u) * 7.4) calc(var(--u) * 6.6);align-items:center;gap:var(--u);padding:calc(var(--u) * .7) var(--u) calc(var(--u) * .7) calc(var(--u) * 1.5);border-radius:calc(var(--u) * .9);display:grid;position:relative}.sk-card.glass:before{content:"";left:calc(var(--u) * .5);width:calc(var(--u) * .18);border-radius:var(--u);background:var(--c);box-shadow:0 0 calc(var(--u) * .6) var(--c);position:absolute;top:25%;bottom:25%}.sk-head{font:600 calc(var(--u) * .72) / 1 var(--m-label);letter-spacing:.2em;text-transform:uppercase;color:var(--m-mute);padding-top:0;padding-bottom:0}.crest{color:var(--cf,var(--m-accent));aspect-ratio:1;display:block}.crest svg{width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--u) * .6) #00000080);display:block}.sk-card .crest{width:calc(var(--u) * 3.4)}.sk-who{min-width:0}.sk-who b,.sk-kind{font:700 calc(var(--u) * 1.15) / 1.1 var(--m-label);letter-spacing:.06em;text-transform:uppercase;color:var(--m-text);display:block}.sk-kind{appearance:none;max-width:100%;margin:0 0 0 calc(var(--u) * -.4);padding:calc(var(--u) * .1) calc(var(--u) * 1.5) calc(var(--u) * .1) calc(var(--u) * .4);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23c9d3de'/%3E%3C/svg%3E") no-repeat right calc(var(--u) * .4) center / calc(var(--u) * .6) auto;border-radius:calc(var(--u) * .5);cursor:pointer;border:1px solid #0000}.sk-kind:hover{border-color:rgb(var(--m-accent-rgb) / .5)}.sk-kind option{color:#e9eff5;background:#161f2b}.sk-who small{margin-top:calc(var(--u) * .15);font:500 calc(var(--u) * .8) / 1.2 var(--sans);color:#9fb0c3;display:block}.sk-card .field{width:100%}.sk-add{padding:calc(var(--u) * 1.15);font:600 calc(var(--u) * .95) / 1 var(--m-label);letter-spacing:.14em;text-transform:uppercase;color:var(--m-mute);border-radius:calc(var(--u) * .9);cursor:pointer;background:0 0;border:1px dashed #fff3;transition:color .15s,border-color .15s}.sk-add:hover{color:var(--m-accent);border-color:rgb(var(--m-accent-rgb) / .6)}.swatch-select{align-items:center;display:flex;position:relative}.swatch-select .swatch{left:calc(var(--u) * .7);pointer-events:none;position:absolute}.swatch-select .field{width:100%;padding-left:calc(var(--u) * 2.1)}.swatch{width:calc(var(--u) * .85);height:calc(var(--u) * .85);border-radius:calc(var(--u) * .15);background:var(--c);box-shadow:0 0 calc(var(--u) * .5) var(--c);flex:none}.swatch.random{box-shadow:none;background:conic-gradient(#3d8bff,#ff4b3e,#3ccf6b,#ffc21a,#3d8bff)}.options-grid{gap:var(--u) calc(var(--u) * 1.2);margin-top:calc(var(--u) * 1.6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.labeled{gap:calc(var(--u) * .5);flex-direction:column;min-width:0;display:flex}.labeled>span:first-child{font:600 calc(var(--u) * .72) / 1 var(--m-label);letter-spacing:.2em;text-transform:uppercase;color:var(--m-mute)}.toggle{gap:calc(var(--u) * .2);padding:calc(var(--u) * .2);border-radius:calc(var(--u) * 2);background:#ffffff0d;border:1px solid #ffffff26;display:flex;position:relative}.toggle input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle>span{padding:calc(var(--u) * .4);text-align:center;font:600 calc(var(--u) * .9) / 1 var(--sans);color:#9fb0c3;border-radius:calc(var(--u) * 2);flex:1;transition:background .15s,color .15s}.toggle input:not(:checked)~.toggle-off,.toggle input:checked~.toggle-on{color:#0b0f14;background:var(--m-accent)}.toggle:has(input:focus-visible){outline:2px solid var(--m-accent);outline-offset:2px}.toggle:hover:not(:has(input:disabled)){border-color:rgb(var(--m-accent-rgb) / .7)}.toggle:has(input:disabled){opacity:.55}.toggle input:disabled{cursor:default}.setup-note{margin:calc(var(--u) * 1.1) 0 0;font:500 calc(var(--u) * .8) / 1.3 var(--sans);color:var(--m-mute)}.setup-error{font:600 calc(var(--u) * .9) / 1.3 var(--sans);color:var(--warn)}.map-side{gap:calc(var(--u) * .5);flex-direction:column;display:flex}.map-filter{align-items:center;gap:calc(var(--u) * .35);margin-bottom:calc(var(--u) * .2);display:flex}.map-filter button{padding:calc(var(--u) * .35) calc(var(--u) * .8);font:600 calc(var(--u) * .78) / 1 var(--sans);color:#9fb0c3;border-radius:calc(var(--u) * 2);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f}.map-filter button:hover{border-color:rgb(var(--m-accent-rgb) / .6)}.map-filter button[aria-pressed=true]{color:#0b0f14;background:var(--m-accent);border-color:#0000}.map-filter span{font:500 calc(var(--u) * .75) / 1 var(--sans);color:#8fa0b4;margin-left:auto}.map-list{gap:calc(var(--u) * .25);max-height:calc(var(--u) * 9.4);padding:calc(var(--u) * .3);border-radius:calc(var(--u) * .8);scrollbar-width:thin;scrollbar-color:rgb(var(--m-accent-rgb) / .6) transparent;overscroll-behavior:contain;background:#00000038;flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff1a}.map-list li{flex:none}.map-option{justify-content:space-between;align-items:center;gap:var(--u);width:100%;padding:calc(var(--u) * .65) var(--u);text-align:left;font:700 var(--u) / 1 var(--m-label);letter-spacing:.06em;text-transform:uppercase;color:#dbe3ec;border-radius:calc(var(--u) * .6);cursor:pointer;background:#ffffff0a;border:0;display:flex}.map-option small{font:500 calc(var(--u) * .75) / 1 var(--sans);letter-spacing:.04em;text-transform:none;color:#8fa0b4;flex:none}.map-option:hover{background:#ffffff14}.map-option[aria-pressed=true]{color:var(--m-accent);background:rgb(var(--m-accent-rgb) / .1);box-shadow:inset 0 0 0 1px rgb(var(--m-accent-rgb) / .7)}.map-tag{margin-left:calc(var(--u) * .6);padding:calc(var(--u) * .1) calc(var(--u) * .4);font:600 calc(var(--u) * .62) / 1.3 var(--sans);letter-spacing:.06em;vertical-align:middle;color:#ffd88a;border-radius:calc(var(--u) * .25);background:#f3b23a29;font-style:normal}.map-side>.preview{width:calc(var(--u) * 25);align-self:flex-end}.preview{aspect-ratio:1;border-radius:var(--u);max-width:100%;box-shadow:0 0 0 1px #ffffff2e, 0 var(--u) calc(var(--u) * 3) #00000080;padding:0;position:relative;overflow:hidden}.preview.panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000059;border:0}.preview-inner{width:100%;height:100%;position:relative;overflow:hidden}.preview-map{position:absolute}.preview-map .map-canvas{width:100%;height:100%;display:block}.preview-marker{width:calc(var(--u) * 2);height:calc(var(--u) * 2);min-width:20px;min-height:20px;font:700 max(11px, calc(var(--u) * .95)) / 1 var(--num);color:#fff;cursor:default;transition:transform .12s var(--m-ease);background:#0a0e14cc;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px #ffffffd9}button.preview-marker{cursor:pointer}button.preview-marker:not(.taken):hover,button.preview-marker.mine:hover{transform:scale(1.15)}.preview-marker.taken{background:var(--c);text-shadow:0 1px 2px #0009;box-shadow:0 0 0 2px #fff, 0 0 var(--u) var(--c)}.preview-marker.mine{box-shadow:0 0 0 2px #fff, 0 0 0 calc(var(--u) * .4) rgb(var(--m-accent-rgb) / .35), 0 0 var(--u) var(--c)}.preview-scale{box-sizing:border-box;font:700 max(10px, calc(var(--u) * .75)) / 1.5 var(--num);text-align:center;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;filter:drop-shadow(0 1px 1px #000000b3);pointer-events:none;border:2px solid #ffffffeb;border-top-width:0;padding-bottom:3px;position:absolute;bottom:4%;left:4%}.preview-attribution{color:#ffffffe6;text-shadow:0 0 3px #000,0 1px 2px #000;pointer-events:none;font-size:10px;line-height:1.3;position:absolute;bottom:3%;right:3%}.preview-caption{align-items:flex-end;gap:calc(var(--u) * .2);font:500 calc(var(--u) * .75) / 1.3 var(--sans);color:#8fa0b4;flex-direction:column;display:flex}.settings{grid-template-columns:200px minmax(0,560px);gap:32px;display:grid}.tabs{align-content:start;gap:4px;display:grid}.tab{text-align:left;font:700 15px / 1.1 var(--m-label);letter-spacing:.12em;text-transform:uppercase;color:var(--m-dim);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 14px}.tab:hover{background:#ffffff0d}.tab[aria-selected=true]{color:var(--m-accent);box-shadow:inset 0 0 0 1px rgb(var(--m-accent-rgb) / .55);background:#ffffff12}.setting{border-bottom:1px solid #ffffff14;grid-template-columns:1fr 240px;align-items:center;gap:16px;padding:12px 0;font-size:15px;display:grid}.setting .field{border-radius:8px;padding:6px 28px 6px 10px;font-size:14px}.setting .btn{white-space:nowrap;min-width:0;padding:9px 16px;font-size:12px}.custom-key-list{margin:0}.custom-key{border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:6px 0;font-size:14px;display:grid}.custom-key dd{align-items:center;gap:8px;margin:0;display:flex}.custom-key.changed kbd{color:var(--m-accent)}.custom-key em{color:var(--warn);font-size:12px;font-style:normal}.setting small{color:var(--m-dim);margin-top:3px;font-size:12px;display:block}.setting input[type=range]{width:100%;accent-color:var(--m-accent)}.range{grid-template-columns:1fr 48px;align-items:center;gap:10px;display:grid}.range output{font-family:var(--num);text-align:right;color:var(--m-dim);font-size:12px}.segmented{background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;gap:2px;padding:2px;display:flex}.segmented button{color:#9fb0c3;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:5px 6px;font-size:13px;font-weight:600}.segmented button[aria-pressed=true]{color:#0b0f14;background:var(--m-accent)}.setting input[type=checkbox]{width:18px;height:18px;accent-color:var(--m-accent);justify-self:start}.bindings{scrollbar-width:thin;scrollbar-color:rgb(var(--m-accent-rgb) / .6) transparent;border-top:1px solid #ffffff14;max-height:min(46vh,520px);margin-top:18px;padding-right:8px;overflow-y:auto}.binding-group h3{font:600 12px / 1.2 var(--m-label);letter-spacing:.2em;text-transform:uppercase;color:var(--m-accent);margin:16px 0 6px}.binding-group dl{margin:0}.binding{border-bottom:1px solid #ffffff0d;grid-template-columns:minmax(150px,38%) 1fr;gap:12px;padding:4px 0;font-size:13px;line-height:1.3;display:grid}.binding dt{height:1.3em;color:var(--ink);align-items:center;display:flex}.binding dd{color:var(--m-dim);margin:0}.binding em{letter-spacing:.06em;text-transform:uppercase;color:var(--warn);margin-left:8px;font-size:11px;font-style:normal}.binding small{opacity:.8;font-size:11px;display:block}.binding:not(.status-ok) dt kbd{opacity:.6}.loading{min-height:0;padding:calc(var(--u) * 3.6) calc(var(--u) * 4) calc(var(--u) * 3.2);flex:1;grid-template-rows:auto auto 1fr auto auto;display:grid;position:relative}.ld-head h1{margin:calc(var(--u) * .8) 0 0;font:700 calc(var(--u) * 4.4) / .95 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 calc(var(--u) * .3) calc(var(--u) * 1.5) #00000073}.ld-vs{align-items:center;gap:calc(var(--u) * 1.6);margin-top:calc(var(--u) * 4);display:flex}.ld-team{gap:calc(var(--u) * .6);flex-direction:column;flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ld-vsmark{font:700 calc(var(--u) * 2.6) / 1 var(--sans);letter-spacing:.1em;color:#ffffff8c;flex:none}.ld-card{grid-template-columns:calc(var(--u) * 4.2) minmax(0, 1fr) auto;align-items:center;gap:var(--u);padding:calc(var(--u) * .9) calc(var(--u) * 1.2);border-radius:var(--u);display:grid;position:relative}.ld-card .crest{width:calc(var(--u) * 4.2)}.ld-card.left{opacity:.5}.ld-who b{align-items:center;gap:calc(var(--u) * .6);font:700 calc(var(--u) * 1.3) / 1.05 var(--m-label);letter-spacing:.06em;text-transform:uppercase;color:#fff;display:flex}.ld-who small{margin-top:calc(var(--u) * .2);font:500 calc(var(--u) * .85) / 1.2 var(--sans);color:#a9b8c9;display:block}.ld-status{align-items:center;gap:calc(var(--u) * .4);font:600 calc(var(--u) * .85) / 1 var(--num);color:#a9b8c9;display:flex}.ld-status.ok{color:var(--good)}.ld-status svg{width:var(--u);height:var(--u)}.ld-bar{left:calc(var(--u) * 1.2);right:calc(var(--u) * 1.2);bottom:calc(var(--u) * .4);background:#ffffff1a;border-radius:2px;height:2px;position:absolute;overflow:hidden}.ld-bar:after{content:"";width:calc(var(--p) * 100%);background:var(--c);transition:width .2s;position:absolute;inset:0}.ld-bottom{justify-content:space-between;align-self:end;align-items:flex-end;gap:calc(var(--u) * 4);margin:calc(var(--u) * 2) 0 calc(var(--u) * 2.4);display:flex}.loading .preview{width:calc(var(--u) * 15);flex:none}.tip{align-items:center;gap:calc(var(--u) * 1.2);width:calc(var(--u) * 46);max-width:100%;padding:var(--u) calc(var(--u) * 1.2);border-radius:var(--u);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.tip b{font-size:calc(var(--u) * .85)}.tip span{font:500 calc(var(--u) * 1.05) / 1.45 var(--sans);color:#dfe7ef}.ld-progress{gap:calc(var(--u) * .6);flex-direction:column;display:flex}.ld-progress-row{justify-content:space-between;gap:var(--u);font:600 calc(var(--u) * .9) / 1.2 var(--m-label);letter-spacing:.14em;text-transform:uppercase;color:#b4c2d2;display:flex}.ld-progress-row span:last-child{font-family:var(--num);letter-spacing:0;color:var(--m-accent)}.ld-track{height:calc(var(--u) * .4);border-radius:var(--u);background:#ffffff1f;min-height:3px;position:relative;overflow:hidden}.ld-track:before{content:"";width:calc(var(--p) * 100%);border-radius:var(--u);background:linear-gradient(90deg, rgb(var(--m-accent-rgb) / .5), var(--m-accent));box-shadow:0 0 var(--u) var(--m-accent);transition:width .2s;position:absolute;inset:0 auto 0 0}.result-overlay{outline:none}.result-banner{align-items:center;gap:calc(var(--u) * .7);text-align:center;flex-direction:column;margin:auto;display:flex;position:relative}.result-banner>.crest,.rs-banner>.crest{width:calc(var(--u) * 6)}.result-word{font:600 calc(var(--u) * 6) / 1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#fff;text-shadow:0 0 calc(var(--u) * 2.4) rgb(var(--m-accent-rgb) / .55);margin-right:-.22em;animation:.7s cubic-bezier(.2,.9,.2,1) both stamp;display:block}.result-banner.defeat .result-word{color:#ffd9d2;text-shadow:0 0 calc(var(--u) * 2.4) #ff7a6680}.result-banner.replayEnd .result-word{font-size:calc(var(--u) * 3.6);text-shadow:none}@keyframes stamp{0%{opacity:0;letter-spacing:.5em;transform:scale(1.25)}}.result-line{margin:0 0 calc(var(--u) * 2);font:600 calc(var(--u) * .95) / 1.3 var(--m-label);letter-spacing:.26em;text-transform:uppercase;color:#a9b8c9}.result-actions{justify-content:center;gap:var(--u);flex-wrap:wrap;display:flex}.error-banner{max-width:min(720px,90vw);padding:calc(var(--u) * 2.4) calc(var(--u) * 3);background:linear-gradient(180deg, #ffffff14, #ffffff05 45%), rgb(var(--glass-tint) / .7);border:1px solid var(--m-line);border-radius:calc(var(--u) * 1.2);box-shadow:0 var(--u) calc(var(--u) * 3) #00000073}.error-banner .result-word{font-size:calc(var(--u) * 3.6)}.error-banner .result-line{margin-bottom:calc(var(--u) * .6);letter-spacing:.06em;text-transform:none}.error-detail{margin:0 0 calc(var(--u) * 1.6);font:12px / 1.4 var(--mono);color:var(--m-dim);border:1px solid var(--m-line);overflow-wrap:anywhere;background:#00000059;border-radius:8px;align-self:stretch;padding:8px 12px}.rs-banner{align-items:center;gap:calc(var(--u) * .6);padding:calc(var(--u) * 2.4) calc(var(--u) * 5) calc(var(--u) * 1.4);text-align:center;flex-direction:column;display:flex}.rs-word{font:600 calc(var(--u) * 5) / 1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#fff;text-shadow:0 0 calc(var(--u) * 2.4) rgb(var(--m-accent-rgb) / .55);margin:0 -.22em 0 0}.rs-meta{gap:calc(var(--u) * 1.2);font:600 calc(var(--u) * .95) / 1.3 var(--m-label);letter-spacing:.26em;text-transform:uppercase;color:#a9b8c9;margin:0;display:flex}.rs-meta .eyebrow{font-size:inherit;letter-spacing:inherit}.stats-screen .screen-body,.stats-screen .screen-foot{padding-left:calc(var(--u) * 5);padding-right:calc(var(--u) * 5)}.rs-table{padding:calc(var(--u) * .6) var(--u) var(--u);border-radius:calc(var(--u) * 1.2)}.stats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stats th{padding:calc(var(--u) * .7) calc(var(--u) * .6);font:600 calc(var(--u) * .7) / 1.2 var(--m-label);letter-spacing:.14em;text-transform:uppercase;color:var(--m-mute);text-align:right;vertical-align:bottom}.stats th.group{padding-bottom:calc(var(--u) * .2);text-align:right;color:#c5d0dc}.stats th:first-child{text-align:left}.stats td{padding:calc(var(--u) * .75) calc(var(--u) * .6);font:600 calc(var(--u) * 1.05) / 1 var(--num);text-align:right;white-space:nowrap;border-top:1px solid #ffffff14}.stats td:first-child{text-align:left}.stats td.best{color:var(--m-accent)}.stats tr.lost td{color:#8d9aab}.rs-bar{height:2px;margin-top:calc(var(--u) * .4);background:#ffffff38;border-radius:2px;margin-left:auto;display:block}.stats td.best .rs-bar{background:var(--m-accent)}.rs-player{align-items:center;gap:calc(var(--u) * .8);display:flex}.rs-player>i{width:calc(var(--u) * .25);border-radius:var(--u);background:var(--c);box-shadow:0 0 calc(var(--u) * .5) var(--c);align-self:stretch}.rs-player .crest{width:calc(var(--u) * 2.2)}.rs-player b{font:700 calc(var(--u) * 1.05) / 1.1 var(--m-label);letter-spacing:.06em;text-transform:uppercase;color:#fff;display:block}.stats tr.lost .rs-player b{color:#b7c2cf}.rs-player small{margin-top:calc(var(--u) * .15);font:500 calc(var(--u) * .78) / 1.2 var(--sans);color:#9fb0c3;display:block}.stats .badge{margin-left:calc(var(--u) * .5);font:600 calc(var(--u) * .7) / 1 var(--m-label);letter-spacing:.14em;text-transform:uppercase;color:var(--good)}.stats .badge.out{color:var(--warn)}.replay-bar{pointer-events:auto;border-radius:999px;align-items:center;gap:12px;padding:6px 8px 6px 18px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.replay-bar .eyebrow{font-size:11px}.replay-bar time{font-family:var(--num);text-align:center;min-width:96px;font-size:13px}.replay-bar .segmented button{padding:4px 9px}.replay-bar .btn{min-width:0;padding:6px 14px;font-size:12px}.replay-warning{letter-spacing:.06em;color:var(--warn);white-space:nowrap;font-size:12px}.replay-list{max-width:calc(var(--u) * 46);padding:calc(var(--u) * .6);border-radius:calc(var(--u) * 1.3)}.replay-empty{padding:calc(var(--u) * 1.2);color:var(--m-dim);margin:0;font-size:15px}.credits{max-width:720px;font-size:15px;line-height:1.6}.credits h2{font:600 13px / 1.2 var(--m-label);letter-spacing:.24em;text-transform:uppercase;color:var(--m-accent);margin:26px 0 6px}.credits p{color:var(--ink);margin:0 0 8px}.credits code{font-family:var(--mono);color:var(--m-dim);font-size:13px}.legal{border-radius:12px;padding:4px 28px 20px}.legal h3{font:600 14px / 1.3 var(--sans);color:var(--ink);margin:18px 0 4px}.legal address{color:var(--ink);flex-direction:column;margin:0 0 10px;font-style:normal;display:flex}.legal a{color:var(--m-accent)}.legal-storage{color:var(--ink);margin:0 0 8px;padding-left:1.2em}.legal-missing{color:#f0b44c}@media (width<=860px){.skirmish,.settings{grid-template-columns:1fr}.sk-card{grid-template-columns:calc(var(--u) * 3.4) minmax(0, 1fr) repeat(2, minmax(0, 1fr))}.ld-vs,.ld-bottom{flex-direction:column;align-items:stretch}.screen-head,.screen-body,.screen-foot{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.result-word{animation:none}.menu-item,.btn,.sk-add,.toggle>span,.preview-marker,.ld-bar:after,.ld-track:before{transition:none}}.menu-cards{left:calc(var(--u) * 3);bottom:calc(var(--u) * 3);width:calc(var(--u) * 34);gap:calc(var(--u) * .8);flex-direction:column;display:flex;position:absolute}.menu-cards .last-match{min-width:0;max-width:none;position:static}.weekly-tile{grid-template-columns:calc(var(--u) * 3.4) minmax(0, 1fr) auto;align-items:center;gap:calc(var(--u) * .2) var(--u);padding:calc(var(--u) * .9) calc(var(--u) * 1.1);text-align:left;color:var(--m-text);border-radius:calc(var(--u) * 1.1);cursor:pointer;transition:box-shadow .15s,filter .15s;display:grid}.weekly-tile:hover,.weekly-tile:focus-visible{box-shadow:inset 0 0 0 1px rgb(var(--m-accent-rgb) / .6), 0 var(--u) calc(var(--u) * 3) #00000073;outline:none}.weekly-tile .crest{width:calc(var(--u) * 3.4);grid-row:1/span 3}.weekly-tile .eyebrow{font-size:calc(var(--u) * .68);letter-spacing:.24em;grid-column:2/span 2}.weekly-tile b{font:700 calc(var(--u) * 1.15) / 1.1 var(--m-label);letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap;text-overflow:ellipsis;grid-column:2;overflow:hidden}.weekly-tile small{font:500 calc(var(--u) * .78) / 1.2 var(--sans);color:#9fb0c3;white-space:nowrap;text-overflow:ellipsis;grid-column:2;overflow:hidden}.weekly-tile-go{--kbd-text:calc(var(--u) * .85);align-items:center;gap:calc(var(--u) * .5);font:700 calc(var(--u) * .8) / 1 var(--m-label);letter-spacing:.16em;text-transform:uppercase;color:var(--m-accent);grid-area:2/3/span 2;display:inline-flex}.coop-tile:disabled{cursor:default;opacity:.6}.onboarding-card{gap:calc(var(--u) * .35);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.4);border-radius:calc(var(--u) * 1.1);box-shadow:inset 0 0 0 1px rgb(var(--m-accent-rgb) / .45), 0 var(--u) calc(var(--u) * 3) #00000073;flex-direction:column;display:flex}.onboarding-card .eyebrow{font-size:calc(var(--u) * .7)}.onboarding-card b{font:700 calc(var(--u) * 1.45) / 1.1 var(--m-label);letter-spacing:.04em;text-transform:uppercase;color:#fff}.onboarding-card small{font:500 calc(var(--u) * .85) / 1.3 var(--sans);color:#b3c1d1}.onboarding-actions{gap:calc(var(--u) * .6);margin-top:calc(var(--u) * .6);display:flex}.onboarding-actions .btn{min-width:0;padding:calc(var(--u) * .7) calc(var(--u) * 1.3);font-size:calc(var(--u) * .85)}.menu-done{vertical-align:-.12em;background:#79e08e2e;border-radius:50%;place-items:center;width:1.05em;height:1.05em;margin-left:.45em;display:inline-grid;box-shadow:inset 0 0 0 1px #79e08e99}.menu-done svg{fill:none;width:72%;height:72%;stroke:var(--good);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.medal,.rank-badge{flex:none;line-height:0;display:inline-block}.medal svg,.rank-badge svg{width:100%;height:auto;overflow:visible}.medal{width:calc(var(--u) * 3.4);filter:drop-shadow(0 calc(var(--u) * .2) calc(var(--u) * .4) #00000080)}.medal.locked{filter:grayscale()brightness(.55);opacity:.45}.rank-badge{width:calc(var(--u) * 3.4);color:var(--m-accent);filter:drop-shadow(0 0 calc(var(--u) * .6) rgb(var(--m-accent-rgb) / .35))}.rs-highlights{justify-content:center;gap:calc(var(--u) * .8);margin-bottom:calc(var(--u) * 1.2);flex-wrap:wrap;display:flex}.rs-hl{align-items:center;gap:var(--u);min-width:calc(var(--u) * 16);max-width:calc(var(--u) * 26);padding:calc(var(--u) * .8) calc(var(--u) * 1.2);border-radius:calc(var(--u) * 1.1);animation:hl-in .52s var(--m-ease) both;display:flex}.rs-hl:nth-child(2){animation-delay:90ms}.rs-hl:nth-child(3){animation-delay:.18s}.rs-hl:nth-child(n+4){animation-delay:.27s}@keyframes hl-in{0%{opacity:0;transform:translateY(calc(var(--u) * .8))}}.rs-hl>div{gap:calc(var(--u) * .2);flex-direction:column;min-width:0;display:flex}.rs-hl .eyebrow{font-size:calc(var(--u) * .66);letter-spacing:.24em}.rs-hl b{font:700 calc(var(--u) * 1.05) / 1.1 var(--m-label);letter-spacing:.05em;text-transform:uppercase;color:#fff}.rs-hl small{font:500 calc(var(--u) * .76) / 1.25 var(--sans);color:#9fb0c3}.rs-hl .rank-badge,.rs-hl .medal{width:calc(var(--u) * 3)}.rs-hl-icon{width:calc(var(--u) * 3);height:calc(var(--u) * 3);color:var(--m-accent);background:rgb(var(--m-accent-rgb) / .12);box-shadow:inset 0 0 0 1px rgb(var(--m-accent-rgb) / .5);border-radius:50%;flex:none;place-items:center;display:grid}.rs-hl-icon svg{width:52%;height:52%}.rs-hl.promoted,.rs-hl.medal-earned{box-shadow:inset 0 0 0 1px #f3b23a8c, 0 0 calc(var(--u) * 1.6) #f3b23a40}.rs-hl.medal-earned .eyebrow,.rs-hl.promoted .eyebrow{color:var(--amber)}.rs-xpbar{height:3px;margin-top:calc(var(--u) * .25);background:linear-gradient(90deg, var(--m-accent) var(--p,0%), transparent var(--p,0%)), #ffffff24;border-radius:3px;display:block}.rs-award{align-items:center;gap:calc(var(--u) * .3);margin-top:calc(var(--u) * .3);padding:calc(var(--u) * .15) calc(var(--u) * .55) calc(var(--u) * .15) calc(var(--u) * .4);font:600 calc(var(--u) * .66) / 1.2 var(--m-label);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border-radius:calc(var(--u) * 1);background:#f3b23a1a;display:inline-flex;box-shadow:inset 0 0 0 1px #f3b23a66}.rs-award svg{width:calc(var(--u) * .75);height:calc(var(--u) * .75)}.rs-actions{gap:var(--u);display:flex}.weekly-when{font:600 calc(var(--u) * .9) / 1.2 var(--m-label);letter-spacing:.18em;text-transform:uppercase;color:#c5d0dc;margin-left:auto}.weekly{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 34);gap:calc(var(--u) * 3);align-items:start;display:grid}.weekly-map .preview{width:min(100%, calc(100vh - var(--u) * 20));margin:0 auto}.weekly-side{gap:var(--u);flex-direction:column;display:flex}.weekly-panel{gap:calc(var(--u) * .8);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.4);border-radius:calc(var(--u) * 1.2);flex-direction:column;display:flex}.weekly-text{font:500 calc(var(--u) * .9) / 1.4 var(--sans);color:#c5d0dc;margin:0}.weekly-vs{align-items:center;gap:var(--u);display:flex}.weekly-faction{align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .6) calc(var(--u) * .8);border-radius:var(--u);box-shadow:inset calc(var(--u) * .25) 0 0 var(--c);background:#ffffff0a;flex:1;display:flex}.weekly-faction .crest{width:calc(var(--u) * 3)}.weekly-faction small{font:600 calc(var(--u) * .66) / 1.2 var(--m-label);letter-spacing:.2em;text-transform:uppercase;color:var(--m-mute);display:block}.weekly-faction b{font:700 calc(var(--u) * 1.2) / 1.1 var(--m-label);letter-spacing:.06em;text-transform:uppercase;color:#fff}.weekly-versus{font:700 calc(var(--u) * 1.1) / 1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.weekly-facts{gap:calc(var(--u) * .45) var(--u);grid-template-columns:auto 1fr;margin:0;display:grid}.weekly-facts dt{font:600 calc(var(--u) * .72) / 1.4 var(--m-label);letter-spacing:.18em;text-transform:uppercase;color:var(--m-mute)}.weekly-facts dd{text-align:right;font:600 calc(var(--u) * .95) / 1.3 var(--num);color:#fff;margin:0}.weekly-note{font:500 calc(var(--u) * .85) / 1.3 var(--sans);color:var(--m-dim);margin:0}.weekly-ranks{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.weekly-ranks li{grid-template-columns:calc(var(--u) * 3) minmax(0, 1fr) auto;gap:var(--u);padding:calc(var(--u) * .4) calc(var(--u) * .6);font:600 calc(var(--u) * .9) / 1.2 var(--num);border-radius:calc(var(--u) * .6);display:grid}.weekly-ranks li:nth-child(odd){background:#ffffff08}.weekly-ranks li.you{color:var(--m-accent);box-shadow:inset 0 0 0 1px rgb(var(--m-accent-rgb) / .45)}.weekly-ranks .rank{color:var(--m-mute)}.weekly-ranks .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile{gap:var(--u);grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);align-items:start;display:grid}.pf-col{gap:var(--u);flex-direction:column;min-width:0;display:flex}.pf-card{gap:calc(var(--u) * .8);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.4);border-radius:calc(var(--u) * 1.2);flex-direction:column;display:flex}.pf-id{align-items:center;gap:calc(var(--u) * 1.4);flex-direction:row}.pf-id .rank-badge{width:calc(var(--u) * 6.5)}.pf-id-text{gap:calc(var(--u) * .25);flex-direction:column;flex:1;min-width:0;display:flex}.pf-id-text b{font:700 calc(var(--u) * 1.7) / 1.05 var(--m-label);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-rank-name{font:700 calc(var(--u) * 1) / 1.2 var(--m-label);letter-spacing:.2em;text-transform:uppercase;color:var(--m-accent)}.pf-id-text small,.pf-note{font:500 calc(var(--u) * .76) / 1.3 var(--sans);color:#9fb0c3}.pf-rating{color:var(--m-accent)!important}.pf-totals dl{gap:calc(var(--u) * .6);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.pf-totals dl>div{padding:calc(var(--u) * .6) calc(var(--u) * .7);border-radius:calc(var(--u) * .7);background:#ffffff0a}.pf-totals dt{font:600 calc(var(--u) * .62) / 1.3 var(--m-label);letter-spacing:.16em;text-transform:uppercase;color:var(--m-mute)}.pf-totals dd{margin:calc(var(--u) * .2) 0 0;font:700 calc(var(--u) * 1.4) / 1.1 var(--num);color:#fff}.pf-rates ul,.pf-medals ul{margin:0;padding:0;list-style:none}.pf-rates ul{gap:calc(var(--u) * .45);margin-bottom:calc(var(--u) * .6);flex-direction:column;display:flex}.pf-rate{grid-template-columns:calc(var(--u) * 2) minmax(0, 1fr) calc(var(--u) * 7) calc(var(--u) * 3);align-items:center;gap:0 calc(var(--u) * .7);grid-template-rows:auto auto;display:grid}.pf-rate:not(:has(.crest)){grid-template-columns:0 minmax(0, 1fr) calc(var(--u) * 7) calc(var(--u) * 3)}.pf-rate .crest{width:calc(var(--u) * 2);grid-row:1/span 2}.pf-rate-name{font:700 calc(var(--u) * .9) / 1.2 var(--m-label);letter-spacing:.08em;text-transform:uppercase;color:#e9eff5;text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.pf-rate small{font:500 calc(var(--u) * .72) / 1.2 var(--num);color:var(--m-mute);grid-column:2}.pf-rate-bar{background:#ffffff1f;border-radius:4px;grid-area:1/3/span 2;height:4px;overflow:hidden}.pf-rate-bar i{background:var(--m-accent);height:100%;display:block}.pf-rate-value{text-align:right;font:700 calc(var(--u) * .95) / 1 var(--num);color:#fff;grid-area:1/4/span 2}.pf-medals ul{gap:calc(var(--u) * .6);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.pf-medals li{align-items:center;gap:calc(var(--u) * .25);padding:calc(var(--u) * .6) calc(var(--u) * .4);text-align:center;border-radius:calc(var(--u) * .8);background:#ffffff08;flex-direction:column;display:flex}.pf-medals li.earned{background:#f3b23a12;box-shadow:inset 0 0 0 1px #f3b23a4d}.pf-medals li b{font:700 calc(var(--u) * .72) / 1.15 var(--m-label);letter-spacing:.06em;text-transform:uppercase;color:#e9eff5}.pf-medals li.locked b{color:var(--m-mute)}.pf-medals li small{font:500 calc(var(--u) * .62) / 1.25 var(--sans);color:#8a9bb0}.pf-history{border-collapse:collapse;width:100%}.pf-history td{padding:calc(var(--u) * .5) calc(var(--u) * .6);font:600 calc(var(--u) * .85) / 1.2 var(--sans);color:#e9eff5;vertical-align:middle;border-top:1px solid #ffffff12}.pf-history td:first-child{width:calc(var(--u) * 2.4)}.pf-history .crest{width:calc(var(--u) * 2)}.pf-history b{font:700 calc(var(--u) * .85) / 1.2 var(--m-label);letter-spacing:.14em;text-transform:uppercase;display:block}.pf-history tr.victory b{color:var(--good)}.pf-history tr.defeat b{color:var(--warn)}.pf-history small{font:500 calc(var(--u) * .72) / 1.2 var(--sans);color:var(--m-mute);display:block}.pf-history td.num{text-align:right;font-family:var(--num);white-space:nowrap;color:#c5d0dc}.pf-empty{font:500 calc(var(--u) * .85) / 1.3 var(--sans);color:var(--m-dim);margin:0}@media (width<=860px){.weekly,.profile{grid-template-columns:1fr}.pf-medals ul{grid-template-columns:repeat(3,minmax(0,1fr))}.rs-actions{flex-wrap:wrap;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.rs-hl{animation:none}}