#hud{--card:linear-gradient(180deg, #262b39 0%, #1c202b 100%);--card-edge:#ffffff1a;--card-shadow:0 1px 0 #ffffff17 inset, 0 4px 0 #10131a, 0 14px 24px #00000080;--well:#0f1117;--well-shadow:0 2px 4px #0000008c inset, 0 1px 0 #ffffff0a;--muted:#8a93a8;color:#e8eaf0;font-size:14px}#hud .left{pointer-events:none;flex-direction:column;gap:12px;width:270px;max-height:calc(100% - 100px);display:flex;position:fixed;top:14px;left:14px}#hud .status{background:var(--card);border:1px solid var(--card-edge);box-shadow:var(--card-shadow);border-radius:12px;flex:none;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:flex}#hud .tick-badge{flex:none;width:92px;height:92px;position:relative}#hud .tick-badge svg{width:100%;height:100%;display:block;overflow:visible}#hud .tick-badge .plate{fill:#14171f;stroke:#ffffff1a;stroke-width:1.2px;stroke-linejoin:round}#hud .tick-badge .track{fill:none;stroke:#232836;stroke-width:7px;stroke-linejoin:round}#hud .tick-badge .ring{fill:none;stroke:#6aaeff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100 100;filter:drop-shadow(0 0 3px #6aaeffcc)}#hud .tick-badge.prep .ring{stroke:#6fe0a5;filter:drop-shadow(0 0 3px #6fe0a5cc)}#hud .tick-face{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#hud .tick-label{letter-spacing:.16em;text-transform:uppercase;color:#8fa7d1;font-size:9px;font-weight:700}#hud .tick-badge.prep .tick-label{color:#8fd1b0}#hud .tick-number{text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(#fff 0%,#d4e5ff 55%,#9cc3ff 100%);color:#0000;filter:drop-shadow(0 2px #1b2f57);-webkit-background-clip:text;background-clip:text;min-width:2ch;font-size:32px;font-weight:900;line-height:1.05}#hud .tick-badge.prep .tick-number{background:linear-gradient(#fff 0%,#d9ffea 55%,#9fe8c2 100%);filter:drop-shadow(0 2px #174a31);-webkit-background-clip:text;background-clip:text}#hud .tick-badge.ticked{animation:.32s ease-out thump}@keyframes thump{0%{transform:scale(1)}30%{transform:scale(1.07)}to{transform:scale(1)}}#hud .queue{background:var(--well);min-width:0;box-shadow:var(--well-shadow);border-radius:8px;flex-direction:column;flex:1;gap:4px;padding:8px 12px 9px;display:flex}#hud .queue[hidden]{display:none}#hud .queue-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}#hud .queue-row{color:var(--muted);align-items:baseline;gap:6px;font-size:12px;font-weight:600;display:flex}#hud .queue strong{font-variant-numeric:tabular-nums;color:#c4cad8;font-size:26px;font-weight:800;line-height:1}#hud .queue.busy strong{color:#fff}#hud .queue.busy .queue-row{color:#8fb8f0}#hud .players{box-sizing:border-box;background:var(--card);border:1px solid var(--card-edge);min-height:0;box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:10px;padding:14px 12px 12px;display:flex}#hud .players h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 2px;font-size:11px;font-weight:700;display:flex}#hud .players h3:after{content:"";background:linear-gradient(90deg,#ffffff24,#0000);flex:1;height:1px}#hud .standings{scrollbar-width:none;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}#hud .standing{--c:#8a93a8;background:var(--well);box-shadow:var(--well-shadow);color:#c4cad8;border-radius:8px;flex:none;grid-template-columns:16px minmax(0,1fr) auto auto;align-items:center;column-gap:9px;padding:7px 10px 10px;transition:opacity .4s;display:grid;position:relative;overflow:hidden}#hud .swatch{background:var(--c);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:15px;height:17px;box-shadow:inset 0 -3px #00000047}#hud .name{color:#eef5ff;align-items:center;gap:7px;min-width:0;font-weight:700;display:flex}#hud .name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#hud .standing.me .name:after{content:"You";background:var(--c);color:#0e1016;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;flex:none;padding:1px 6px;font-size:9px;font-weight:800}#hud .standing.me{box-shadow:0 2px 4px #0000008c inset, 0 0 0 1px color-mix(in srgb, var(--c) 70%, transparent), 0 0 14px color-mix(in srgb, var(--c) 25%, transparent);background:linear-gradient(#1a2234 0%,#131a2a 100%)}#hud .stat{font-variant-numeric:tabular-nums;color:#aab3c8;justify-content:flex-end;align-items:center;gap:5px;min-width:30px;font-weight:700;display:inline-flex}#hud .stat:before{content:"";opacity:.55;background:currentColor;width:8px;height:8px}#hud .stat.tiles:before{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:9px}#hud .stat.troops:before{border-radius:50%}#hud .share{background:#ffffff0d;height:4px;position:absolute;bottom:0;left:0;right:0}#hud .share i{background:var(--c);border-radius:0 2px 2px 0;height:100%;transition:width .5s ease-out;display:block}#hud .standing.out{opacity:.38}#hud .standing.out .name{text-decoration:line-through}#hud .top{pointer-events:none;justify-content:center;width:max-content;max-width:calc(100% - 640px);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}#hud .banner{box-sizing:border-box;color:#ffe9bf;text-align:center;background:linear-gradient(#4a3a22 0%,#3a2d1a 100%);border:1px solid #ffcd7859;border-radius:10px;max-width:100%;padding:10px 20px;font-size:15px;font-weight:600;box-shadow:inset 0 1px #ffffff14,0 4px #1b140a,0 14px 24px #00000080}#hud .banner.prep{color:#cfe0ff;background:linear-gradient(#1b2a45 0%,#14203a 100%);border-color:#8fa7d159;box-shadow:inset 0 1px #ffffff14,0 4px #0d1526,0 14px 24px #00000080}#hud .banner.pop{animation:.24s ease-out banner-in}@keyframes banner-in{0%{opacity:0;transform:translateY(-12px)scale(.94)}to{opacity:1;transform:none}}#hud .surrender{color:#ffd0d0;font:inherit;cursor:pointer;background:linear-gradient(#4a2830 0%,#3a1f26 100%);border:1px solid #ff82824d;border-radius:10px;padding:9px 16px;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .12s;position:fixed;bottom:18px;left:14px;box-shadow:inset 0 1px #ffffff14,0 4px #1c0e12,0 10px 18px #0006}#hud .surrender.confirm{color:#fff;background:linear-gradient(#d04a58 0%,#a63341 100%);border-color:#ffbebe80;box-shadow:inset 0 1px #ffffff40,0 4px #5c1721,0 10px 18px #0006}#hud .surrender:hover{filter:brightness(1.12)}#hud .surrender:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff14,0 1px #1c0e12,0 4px 8px #0006}#hud .camera{flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:14px}#hud .camera button{color:#e8eaf0;width:42px;height:42px;font:inherit;cursor:pointer;background:linear-gradient(#3c4257 0%,#2b3042 100%);border:1px solid #ffffff1a;border-radius:10px;padding:0;font-size:22px;font-weight:700;line-height:1;transition:transform 80ms,box-shadow 80ms,filter .12s;position:relative;box-shadow:inset 0 1px #ffffff1f,0 4px #14171f,0 10px 16px #0006}#hud .camera button:hover{filter:brightness(1.18)}#hud .camera button:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff1f,0 1px #14171f,0 4px 8px #0006}#hud .camera button.icon:before,#hud .camera button.icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud .camera button.icon:before{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%,50% 0,50% 14%,14% 32%,14% 68%,50% 86%,86% 68%,86% 32%,50% 14%);background:currentColor;width:20px;height:22px}#hud .camera button.fit:after{display:none}#hud .camera button.home:after{background:currentColor;border-radius:50%;width:6px;height:6px}#hud .hint{color:#aab3c8;pointer-events:none;background:#14171fcc;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px 18px;width:max-content;max-width:calc(100% - 340px);margin:0 auto;padding:8px 16px;font-size:12px;transition:opacity 1.2s;display:flex;position:fixed;bottom:18px;left:0;right:0}#hud .hint.faded{opacity:.28}#hud .hint-item{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}#hud kbd{color:#e8eaf0;font:inherit;background:linear-gradient(#343a4b 0%,#262b39 100%);border-radius:5px;padding:2px 7px;font-weight:700;box-shadow:inset 0 1px #ffffff1f,0 2px #10131a}@media (width<=900px){#hud .left{width:220px}#hud .queue-label,#hud .stat.troops{display:none}#hud .standing{grid-template-columns:16px minmax(0,1fr) auto}#hud .top{max-width:calc(100% - 520px)}#hud .hint{display:none}}@media (width<=640px){#hud .top{max-width:calc(100% - 28px);top:auto;bottom:76px}#hud .left{width:190px;max-height:55%}#hud .status{gap:8px;padding:8px}#hud .queue{display:none}#hud .tick-badge{width:72px;height:72px}#hud .tick-number{font-size:24px}}@media (prefers-reduced-motion:reduce){#hud .tick-badge.ticked,#hud .banner.pop{animation:none}#hud .hint,#hud .standing,#hud .share i{transition:none}}#ui{pointer-events:none;position:fixed;inset:0}#ui .screen,#ui .results{pointer-events:auto}#ui .screen{background:radial-gradient(at 50% 30%,#4f9dff24,#0000 60%),radial-gradient(at 50% 120%,#c77dff1a,#0000 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M0 16.17 28 0 56 16.17M56 16.17V48.5M0 16.17V48.5M0 48.5 28 64.66 56 48.5M28 64.66V97' fill='none' stroke='%23ffffff' stroke-opacity='0.04' stroke-width='1.5'/%3E%3C/svg%3E") 0 0/56px 97px,#12141a;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}#ui .card{background:linear-gradient(#262b39 0%,#1c202b 100%);border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:24px;display:flex;box-shadow:inset 0 1px #ffffff17,0 6px #10131a,0 22px 38px #0000008c}#ui h1,#ui h2{margin:0;font-weight:700}#ui h1{letter-spacing:.04em;font-size:32px}#ui h2{font-size:20px}#ui button{font:inherit;cursor:pointer;color:#fff;text-shadow:0 1px 1px #0006;letter-spacing:.02em;background:linear-gradient(#3a4156 0%,#2b3042 100%);border:0;border-radius:8px;padding:12px 18px;font-size:17px;font-weight:700;line-height:1.2;transition:transform 60ms,box-shadow 60ms,filter .12s;box-shadow:inset 0 1px #ffffff24,0 4px #151922,0 6px 10px #00000059}#ui button:hover:not(:disabled){filter:brightness(1.06);background:linear-gradient(#444c64 0%,#323850 100%)}#ui button:disabled{opacity:.5;cursor:default}#ui button.primary{color:#fff;text-shadow:0 1px 1px #08183c73;background:linear-gradient(#5aa5ff 0%,#2f7be6 100%);font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 4px #151922,0 6px 10px #00000059}#ui button.primary:hover:not(:disabled){background:linear-gradient(#6bb0ff 0%,#3c88f0 100%)}#ui input,#ui select{color:#e8eaf0;font:inherit;background:#0f1117;border:1px solid #343a4b;border-radius:8px;min-width:0;padding:9px 10px;font-size:15px;box-shadow:inset 0 2px 4px #0000008c,0 1px #ffffff0d}#ui .field{color:#8a93a8;flex-direction:column;gap:6px;font-size:13px;display:flex}#ui .join{gap:8px;display:flex}#ui .join input{text-transform:uppercase;letter-spacing:.08em;flex:1}#ui .error{color:#ff8f8f;margin:0;font-size:14px}#ui .invite{background:#14161c;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}#ui .invite .label{color:#8a93a8;font-size:12px;display:block}#ui .invite .code{letter-spacing:.14em;font-size:28px}#ui .players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}#ui .players li{background:#14161c;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex}#ui .players li em{color:#8a93a8;background:#2a2f3d;border-radius:10px;padding:1px 7px;font-size:11px;font-style:normal}#ui .players li.away{opacity:.6}#ui .players li.open{color:#8a93a8;background:0 0;border:1px dashed #343a4b}#ui .settings{flex-direction:column;gap:10px;display:flex}#ui .buttons{gap:8px;display:flex}#ui .buttons .primary{flex:1}#ui .results{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#ui .results .card{background:#1e222cf2;align-items:center;width:auto;min-width:260px;max-width:none}#ui .muted{color:#8a93a8;margin:0;font-size:13px}#ui .menu{transform-origin:50% 100%;transform:perspective(1100px)rotateX(2deg)}#ui button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff1a,0 1px #151922}#ui button.primary:active:not(:disabled){box-shadow:inset 0 1px #ffffff40,0 1px #151922}#ui .players li,#ui .invite{box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff0a}#ui .logo{flex-direction:column;align-items:center;gap:2px;margin-bottom:4px;display:flex}#ui .logo-mark{filter:drop-shadow(0 14px 14px #0000008c);width:150px;height:auto;overflow:visible}#ui .logo-hex{animation:3.4s ease-in-out infinite hex-bob}@keyframes hex-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}#ui .logo h1{letter-spacing:.14em;background:linear-gradient(#fff 0%,#d4e5ff 50%,#8dbaff 100%);color:#0000;filter:drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 14px 14px #0000008c);-webkit-background-clip:text;background-clip:text;margin:4px 0 0;padding-left:.14em;font-size:54px;font-weight:900}@media (prefers-reduced-motion:reduce){#ui .logo-hex{animation:none}}#ui .head-count{background:#0f1117;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:16px 12px;display:flex;box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff0a}#ui .head-count strong{color:#eef5ff;font-size:52px;font-weight:800;line-height:1}#ui .head-count strong small{color:#6f7890;font-size:24px;font-weight:600}#ui .vote{flex-direction:column;align-items:center;gap:8px;height:48px;display:flex}#ui .vote button{width:100%;height:100%}#ui .vote button.voted{color:#eafff4;background:linear-gradient(#3d9b6e 0%,#2d7a55 100%)}#ui .wait-timer{background:linear-gradient(#1b2a45 0%,#14203a 100%);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff14,0 3px #0d1526}#ui .wait-timer .wait-label{letter-spacing:.08em;text-transform:uppercase;color:#8fa7d1;font-size:12px}#ui .wait-timer strong{font-variant-numeric:tabular-nums;color:#eef5ff;text-shadow:0 2px #0d1526;font-size:46px;font-weight:800;line-height:1.05}#ui .wait-timer.locked{background:linear-gradient(#1d3d30 0%,#152d24 100%);box-shadow:inset 0 1px #ffffff14,0 3px #0c1b15}#ui .wait-timer.locked .wait-label{color:#8fd1b0}#ui .count-bump{animation:.45s ease-out count-bump;display:inline-block}#ui .count-shrink{animation:.45s ease-out count-shrink;display:inline-block}@keyframes count-bump{0%,8%{transform:translateY(0)scale(1)}34%{transform:translateY(-3px)scale(1.08)}66%{transform:translateY(1px)scale(.985)}to{transform:translateY(0)scale(1)}}@keyframes count-shrink{0%,8%{transform:translateY(0)scale(1)}34%{transform:translateY(3px)scale(.92)}66%{transform:translateY(-1px)scale(1.015)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){#ui .count-bump,#ui .count-shrink{animation:none}}#ui .lobby h2{text-align:center;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#fff 0%,#d4e5ff 55%,#9cc3ff 100%);color:#0000;filter:drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 6px 8px #00000073);-webkit-background-clip:text;background-clip:text;padding-left:.1em;font-size:21px;font-weight:800}#ui .versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}#ui .versus .slot{background:#0f1117;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:78px;padding:10px 8px;display:flex;box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff0a}#ui .versus .slot .name{text-overflow:ellipsis;white-space:nowrap;color:#eef5ff;max-width:100%;font-weight:700;overflow:hidden}#ui .versus .slot em{color:#8a93a8;background:#2a2f3d;border-radius:10px;padding:1px 7px;font-size:11px;font-style:normal}#ui .versus .slot.you{box-shadow:inset 0 2px 4px #00000073,0 0 0 1px #4f9dff73}#ui .versus .slot.you em{color:#9cc3ff;background:#4f9dff33}#ui .versus .slot.away{opacity:.6}#ui .versus .slot.open{background:#0c0e13;border:0;border-radius:8px;box-shadow:inset 0 2px 5px #000000bf,0 1px #ffffff0f}#ui .versus .slot.pop{animation:.45s ease-out slot-pop}@keyframes slot-pop{0%,8%{transform:scale(1)}34%{transform:scale(1.06)}66%{transform:scale(.99)}to{transform:scale(1)}}#ui .vs{letter-spacing:.06em;background:linear-gradient(#fff 0%,#d4e5ff 55%,#9cc3ff 100%);color:#0000;filter:drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 1px #1b2f57)drop-shadow(0 5px 6px #00000073);-webkit-background-clip:text;background-clip:text;font-size:20px;font-style:italic;font-weight:900}#ui .searching{gap:6px;display:inline-flex}#ui .searching i{background:#6f7890;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite backwards searching}#ui .searching i:nth-child(2){animation-delay:.2s}#ui .searching i:nth-child(3){animation-delay:.4s}@keyframes searching{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}#ui .muted.center{text-align:center}@media (prefers-reduced-motion:reduce){#ui .versus .slot.pop,#ui .searching i{animation:none}}#ui .connecting{flex-direction:column;align-items:center;gap:18px;display:flex}#ui .connecting-text{letter-spacing:.22em;text-transform:uppercase;color:#8fa7d1;margin:0;font-size:15px;font-weight:700}#ui .connecting-text .dots i{font-style:normal;animation:1.2s ease-in-out infinite dot-blink}#ui .connecting-text .dots i:nth-child(2){animation-delay:.2s}#ui .connecting-text .dots i:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,80%,to{opacity:.2}40%{opacity:1}}@media (prefers-reduced-motion:reduce){#ui .connecting-text .dots i{animation:none}}#ui .menu-section{flex-direction:column;gap:10px;display:flex}#ui .menu-section h3{letter-spacing:.16em;text-transform:uppercase;color:#8a93a8;align-items:center;gap:10px;margin:4px 0 0;font-size:11px;font-weight:700;display:flex}#ui .menu-section h3:after{content:"";background:linear-gradient(90deg,#ffffff24,#0000);flex:1;height:1px}#ui .tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}#ui button.mode{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:18px 12px;line-height:1.2;display:flex}#ui button.mode strong{letter-spacing:.02em;font-size:18px;font-weight:700}#ui button.mode small{opacity:.7;font-size:12px}#ui button.primary.mode small{opacity:.88}#ui .join-tile{background:#0f1117;border-radius:10px;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:92px;padding:10px;display:flex;box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff0a}#ui .join-tile input{text-align:center;text-transform:uppercase;letter-spacing:.1em}#ui .join-tile button{padding:8px 10px;font-size:15px}@media (width<=420px){#ui .tiles{grid-template-columns:1fr}}#ui .toast{z-index:10;color:#ffd9d9;text-align:center;pointer-events:none;background:linear-gradient(#4a2830 0%,#3a1f26 100%);border:1px solid #ff828259;border-radius:10px;max-width:calc(100% - 32px);padding:12px 20px;font-weight:600;animation:4s ease-out forwards toast;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 4px #1c0e12,0 14px 24px #00000080}@keyframes toast{0%{opacity:0;transform:translate(-50%,24px)scale(.92)}6%{opacity:1;transform:translate(-50%,-4px)scale(1.03)}10%{transform:translate(-50%)scale(1)}88%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,8px)scale(.98)}}@media (prefers-reduced-motion:reduce){#ui .toast{animation:none}}#ui .toast-code{color:#fff;letter-spacing:.14em;background:#00000059;border-radius:6px;margin-left:2px;padding:2px 8px;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,Liberation Mono,monospace;font-size:.95em;font-weight:700;box-shadow:inset 0 1px #ffffff14}#ui .game-info{background:#0f1117;border-radius:10px;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;padding:12px 14px;display:grid;box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff0a}#ui .game-info dt{color:#8a93a8;font-size:13px}#ui .game-info dd{text-align:right;color:#eef5ff;margin:0;font-weight:700}@keyframes select-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#ui .field.stack{flex-direction:column;align-items:stretch;gap:6px}#ui .segmented{background:#0f1117;border:1px solid #343a4b;border-radius:10px;gap:3px;padding:3px;display:flex;position:relative;box-shadow:inset 0 2px 4px #0000008c,0 1px #ffffff0d}#ui button.segment{color:#8a93a8;letter-spacing:0;text-shadow:none;box-shadow:none;white-space:nowrap;z-index:1;background:0 0;border-radius:7px;flex:1;padding:9px 8px;font-size:15px;transition:color .2s ease-out;position:relative}#ui button.segment:hover:not(:disabled){color:#e8eaf0;filter:none;background:#ffffff0f}#ui button.segment.selected,#ui button.segment.selected:hover:not(:disabled){color:#fff;text-shadow:0 1px 1px #08183c73;background:linear-gradient(#5aa5ff 0%,#2f7be6 100%);box-shadow:inset 0 1px #ffffff4d,0 2px #1a3f78}#ui button.segment:active:not(:disabled){box-shadow:none;transform:none}#ui button.segment.selected:active:not(:disabled){box-shadow:inset 0 1px #ffffff4d,0 2px #1a3f78}#ui .roster{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}#ui .roster-slot{z-index:1;background:linear-gradient(#313950 0%,#272d40 100%);border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:5px;min-width:0;height:28px;min-height:0;padding:0 8px;line-height:1.25;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 2px #141821}#ui .roster-slot .name{text-overflow:ellipsis;white-space:nowrap;color:#eef5ff;flex:0 auto;min-width:0;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}#ui .roster-slot em{color:#8a93a8;background:#2a2f3d;border-radius:10px;flex:none;padding:0 6px;font-size:10px;font-style:normal}#ui .roster-slot.away{opacity:.6}#ui .roster-slot.open{z-index:0;background:#0c0e13;border:0;box-shadow:inset 0 2px 5px #000000bf,0 1px #ffffff0f}#ui .roster-slot.pop{animation:.45s ease-out slot-pop}@media (prefers-reduced-motion:reduce){#ui .roster-slot.pop{animation:none}}#ui .roster-slot.open:before{content:" ";font-size:14px}#ui input.slider{appearance:none;width:100%;height:24px;box-shadow:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}#ui input.slider:focus{outline:none}#ui input.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, #3f8cf0 var(--fill), #0f1117 var(--fill));border:1px solid #343a4b;border-radius:6px;height:8px;box-shadow:inset 0 2px 4px #0000008c,0 1px #ffffff0d}#ui input.slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#fff 0%,#c9dcff 100%);border:1px solid #7db4ff;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 2px #1a3f78,0 4px 8px #00000080}#ui input.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #4f9dff73,0 2px #1a3f78}#ui input.slider::-moz-range-track{background:#0f1117;border:1px solid #343a4b;border-radius:6px;height:8px;box-shadow:inset 0 2px 4px #0000008c}#ui input.slider::-moz-range-progress{background:#3f8cf0;border-radius:6px;height:8px}#ui input.slider::-moz-range-thumb{background:linear-gradient(#fff 0%,#c9dcff 100%);border:1px solid #7db4ff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px #1a3f78,0 4px 8px #00000080}#ui .roster-slot.leaving,#ui .versus .slot.leaving{pointer-events:none;animation:.4s ease-in forwards pop-out}@keyframes pop-out{0%{opacity:1;transform:scale(1)}25%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(.1)}}@media (prefers-reduced-motion:reduce){#ui .roster-slot.leaving,#ui .versus .slot.leaving{opacity:0;animation:none}}#ui .roster-slot.open.appear,#ui .versus .slot.open.appear{animation:.3s ease-out slot-appear}@keyframes slot-appear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){#ui .roster-slot.open.appear,#ui .versus .slot.open.appear{animation:none}}#ui .versus .slot:not(.open),#ui .versus .slot.you{background:linear-gradient(#313950 0%,#272d40 100%);border-radius:8px;box-shadow:inset 0 1px #ffffff1a,0 2px #141821}#ui .versus.roster-height{height:130px}#ui .tip{flex:1;display:flex;position:relative}#ui .tip button{flex:1}#ui .tip button:disabled{pointer-events:none}#ui .tip[data-tip]:after,#ui .tip[data-tip]:before{opacity:0;pointer-events:none;transition:opacity 80ms ease-out,transform 80ms ease-out;position:absolute;left:50%}#ui .tip[data-tip]:after{content:attr(data-tip);z-index:30;color:#e8eaf0;white-space:nowrap;background:linear-gradient(#2a2f3f 0%,#1e222d 100%);border:1px solid #ffffff1f;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;bottom:calc(100% + 11px);transform:translate(-50%,4px);box-shadow:inset 0 1px #ffffff17,0 3px #10131a,0 10px 20px #00000080}#ui .tip[data-tip]:before{content:"";z-index:31;background:#1e222d;border-bottom:1px solid #ffffff1f;border-right:1px solid #ffffff1f;width:10px;height:10px;bottom:calc(100% + 5px);transform:translate(-50%,4px)rotate(45deg)}#ui .tip[data-tip].tapped:after{opacity:1;transform:translate(-50%)}#ui .tip[data-tip].tapped:before{opacity:1;transform:translate(-50%)rotate(45deg)}@media (hover:hover) and (pointer:fine){#ui .tip[data-tip]:hover:after{opacity:1;transform:translate(-50%)}#ui .tip[data-tip]:hover:before{opacity:1;transform:translate(-50%)rotate(45deg)}}@media (prefers-reduced-motion:reduce){#ui .tip[data-tip]:after,#ui .tip[data-tip]:before{transition:none}}#ui .slider-row{align-items:center;gap:14px;display:flex}#ui .slider-row input.slider{flex:1;min-width:0}#ui .slider-row output{text-align:right;font-variant-numeric:tabular-nums;color:#eef5ff;flex:none;min-width:64px;font-size:22px;font-weight:800}#ui .slider-row .value-box{flex:none;align-items:baseline;gap:4px;display:flex;position:relative;top:-3px}#ui input.slider-value{box-sizing:border-box;color:#eef5ff;font-variant-numeric:tabular-nums;text-align:right;background:#0f1117;border:1px solid #343a4b;border-radius:8px;width:62px;padding:4px 8px;font-size:20px;font-weight:800;box-shadow:inset 0 2px 4px #0000008c,0 1px #ffffff0d}#ui input.slider-value:focus{border-color:#4f9dff;outline:none}#ui .slider-row .value-box .unit{color:#8a93a8;min-width:12px;font-size:16px;font-weight:700}#ui .segment-indicator{width:calc((100% - 6px - 3px * (var(--count) - 1)) / var(--count));transform:translateX(calc(var(--index) * (100% + 3px)));background:linear-gradient(#5aa5ff 0%,#2f7be6 100%);border-radius:7px;transition:transform .2s cubic-bezier(.3,1,.5,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 1px #ffffff4d,0 2px #1a3f78}#ui button.segment.selected,#ui button.segment.selected:hover:not(:disabled),#ui button.segment.selected:active:not(:disabled){box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){#ui .segment-indicator,#ui button.segment{transition:none}}#ui button.copy-button{justify-items:center;display:inline-grid}#ui button.copy-button span{grid-area:1/1}#ui button.copy-button span.hidden{visibility:hidden}#ui .roster-slot.open.waiting:before{content:none}#ui button.mode small.activity{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;display:inline-flex}#ui .live-dot{background:#7dffb3;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite live-pulse;box-shadow:0 0 6px #7dffb3cc}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){#ui .live-dot{animation:none}}#ui .wait-timer.paused{opacity:.7}#ui .vote .vote-note{box-sizing:border-box;color:#8a93a8;text-align:center;border:1px dashed #343a4b;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-size:14px;display:flex}#ui .gate .error.center{text-align:center}#ui .gate input{text-align:center;letter-spacing:.12em}