:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:light dark;color:var(--dd-text, #e6e8ee);background-color:var(--dd-bg, #0b0c0f)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100vh}body{background:var(--dd-bg, #0b0c0f)}a{color:var(--dd-accent, #8d7bf0);text-decoration:none}a:hover{text-decoration:underline}.dd-app{min-height:100vh;display:flex;flex-direction:column;background:var(--dd-bg, #0b0c0f)}.dd-app-main{flex:1;display:grid;place-items:center;padding:24px}.dd-app-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--dd-surface, #13151a) 92%,transparent);border-bottom:1px solid var(--dd-border, #262a33);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dd-app-header-inner{display:flex;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:10px 20px}.dd-app-brand{font-weight:700;font-size:1rem;letter-spacing:-.02em;color:var(--dd-text, #e6e8ee);text-decoration:none;white-space:nowrap}.dd-app-brand:hover{text-decoration:none;color:var(--dd-accent, #8d7bf0)}.dd-app-nav{display:flex;flex:1;gap:4px;justify-content:center;flex-wrap:wrap}.dd-app-nav-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:.88rem;color:var(--dd-text-dim, #8f96a3);text-decoration:none;border:1px solid transparent;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.dd-app-nav-link svg{display:block;fill:currentColor;flex:none}.dd-app-nav-link:hover{text-decoration:none;color:var(--dd-text, #e6e8ee);background:var(--dd-surface-2, #1a1d24)}.dd-app-nav-link.is-active{color:var(--dd-text, #e6e8ee);background:var(--dd-surface-2, #1a1d24);border-color:var(--dd-border, #262a33)}.dd-theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--dd-surface-2, #1a1d24);border:1px solid var(--dd-border, #262a33);border-radius:8px}.dd-theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--dd-text-dim, #8f96a3);cursor:pointer;transition:background-color .12s ease,color .12s ease}.dd-theme-toggle-btn svg{display:block;fill:currentColor}.dd-theme-toggle-btn:hover{color:var(--dd-text, #e6e8ee);background:var(--dd-surface-3, #22262f)}.dd-theme-toggle-btn.is-active{color:var(--dd-text, #e6e8ee);background:var(--dd-surface, #13151a);box-shadow:inset 0 0 0 1px var(--dd-border-strong, #333845)}.dd-theme-toggle-btn:focus-visible{outline:2px solid var(--dd-accent, #8d7bf0);outline-offset:1px}.dd-session-status{display:inline-block;font-size:.78rem;text-transform:capitalize;padding:2px 8px;border-radius:999px;border:1px solid var(--dd-border, #262a33)}.dd-session-status--open{color:var(--dd-ok, #58b26e);border-color:color-mix(in srgb,var(--dd-ok, #58b26e) 45%,var(--dd-border, #262a33))}.dd-session-status--closed{color:var(--dd-text-dim, #8f96a3)}@media(max-width:640px){.dd-app-header-inner{flex-wrap:wrap;padding:10px 14px}.dd-app-nav{order:3;width:100%;justify-content:flex-start}}.dd-route{position:fixed;top:0;right:0;bottom:0;left:0}.dd-center{min-height:100vh;display:grid;place-items:center;padding:24px}.dd-panel{width:100%;max-width:720px;background:var(--dd-surface, #13151a);border:1px solid var(--dd-border, #262a33);border-radius:14px;padding:28px}.dd-panel--narrow{max-width:420px}.dd-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dd-title{font-size:1.7rem;margin:0 0 4px}.dd-subtitle{font-size:1.05rem;margin:22px 0 8px;color:var(--dd-text-dim, #8f96a3)}.dd-sub{color:var(--dd-text-dim, #8f96a3);margin:0 0 18px}.dd-hint{color:var(--dd-text-dim, #8f96a3);font-size:.9rem}.dd-error{color:var(--dd-danger, #e0564f);font-size:.9rem}.dd-error--sm{font-size:.8rem}.dd-form{display:flex;flex-direction:column;gap:10px;margin:8px 0}.dd-label{font-size:.82rem;color:var(--dd-text-dim, #8f96a3)}.dd-input{background:var(--dd-surface-2, #1a1d24);border:1px solid var(--dd-border-strong, #333845);border-radius:8px;color:var(--dd-text, #e6e8ee);padding:10px 12px;font-size:.95rem;font-family:inherit}.dd-input:focus{outline:2px solid var(--dd-accent, #8d7bf0);border-color:transparent}.dd-btn--primary{background:var(--dd-accent, #8d7bf0);color:#10121a;border-color:transparent;font-weight:600}.dd-btn--ghost{opacity:.55}.dd-link{background:none;border:none;color:var(--dd-accent, #8d7bf0);cursor:pointer;padding:0;font:inherit}.dd-row{display:flex;gap:8px;align-items:center}.dd-table{width:100%;border-collapse:collapse;margin-top:8px}.dd-table th,.dd-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--dd-border, #262a33);font-size:.9rem}.dd-mono,.dd-table .dd-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dd-text-dim, #8f96a3)}.dd-active-room{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--dd-surface-2, #1a1d24);border:1px solid var(--dd-border, #262a33);border-radius:10px;padding:12px 14px;margin:14px 0}.dd-player-stage{position:absolute;top:0;right:0;bottom:0;left:0}.dd-player-radar,.dd-player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dd-player-overlay{z-index:2}.dd-player-tools{position:absolute;left:12px;bottom:12px;z-index:3;display:flex;gap:8px}.dd-participants{position:absolute;top:12px;left:12px;z-index:4;width:220px;background:color-mix(in srgb,var(--dd-surface, #13151a) 88%,transparent);border:1px solid var(--dd-border, #262a33);border-radius:10px;padding:10px 12px;font-size:.85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dd-participants-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dd-badge{font-size:.72rem;color:var(--dd-text-dim, #8f96a3);border:1px solid var(--dd-border, #262a33);border-radius:999px;padding:1px 7px}.dd-participants-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.dd-participant{display:flex;align-items:center;gap:6px}.dd-dot{width:9px;height:9px;border-radius:50%;flex:none}.dd-participant-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-participants-code{margin-top:8px;color:var(--dd-text-dim, #8f96a3);font-size:.78rem}.dd-warning{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;background:var(--dd-surface, #13151a);border:1px solid var(--dd-danger, #e0564f);border-radius:12px;padding:14px 18px;max-width:340px;text-align:center;box-shadow:0 10px 40px #00000080}.dd-warning-body p{color:var(--dd-text-dim, #8f96a3);font-size:.85rem;margin:6px 0 10px}.dd-library{margin:4px 0 18px;padding:14px;background:var(--dd-surface-2, #1a1d24);border:1px dashed var(--dd-border-strong, #333845);border-radius:10px;transition:border-color .12s ease,background-color .12s ease}.dd-library.is-dragging{border-color:var(--dd-accent, #8d7bf0);background:var(--dd-accent-dim, rgba(141, 123, 240, .22))}.dd-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dd-library-title{margin:0;font-size:.95rem;font-weight:600}.dd-library-count{margin:2px 0 0;min-height:1em;font-size:.75rem;color:var(--dd-text-faint, #5c6270)}.dd-library-file{display:none}.dd-demo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:264px;overflow-y:auto}.dd-demo-item{display:flex;align-items:stretch;gap:6px;min-width:0}.dd-demo-item>.dd-demo-row{flex:1;min-width:0}.dd-demo-del{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--dd-radius-sm, 4px);color:var(--dd-text-faint, #5c6270);cursor:pointer;transition:color .12s ease,border-color .12s ease,background-color .12s ease}.dd-demo-del svg{display:block}.dd-demo-del:hover:not(:disabled){color:var(--dd-danger, #e0564f);border-color:#e0564f73;background:#e0564f1a}.dd-demo-del:focus-visible{outline:2px solid var(--dd-accent, #8d7bf0);outline-offset:1px}.dd-demo-del:disabled{opacity:.45;cursor:default}.dd-demo-confirm{flex:none;align-self:center;display:inline-flex;align-items:center;gap:4px}.dd-notice{margin:0 0 8px;font-size:.8rem;color:var(--dd-ok, #58b26e)}.dd-auth-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-8px 0 16px;font-size:.78rem;color:var(--dd-text-dim, #8f96a3)}.dd-auth-dot{width:7px;height:7px;border-radius:50%;background:var(--dd-ok, #58b26e);flex:none}.dd-demo-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto 16px;align-items:center;gap:10px;width:100%;padding:8px 10px;background:var(--dd-surface, #13151a);border:1px solid var(--dd-border, #262a33);border-radius:8px;color:var(--dd-text, #e6e8ee);font:inherit;font-size:.85rem;text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.dd-demo-row:hover{background:var(--dd-surface-3, #22262f);border-color:var(--dd-border-strong, #333845)}.dd-demo-row:focus-visible{outline:2px solid var(--dd-accent, #8d7bf0);outline-offset:1px}.dd-demo-row.is-active{border-color:var(--dd-accent, #8d7bf0);background:var(--dd-accent-dim, rgba(141, 123, 240, .22))}.dd-demo-map{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-demo-source{color:var(--dd-text-dim, #8f96a3);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-demo-meta{display:inline-flex;align-items:center;gap:8px;color:var(--dd-text-dim, #8f96a3);font-size:.76rem;white-space:nowrap}.dd-demo-meta-sep{width:3px;height:3px;border-radius:50%;background:var(--dd-text-faint, #5c6270)}.dd-demo-go{color:var(--dd-text-faint, #5c6270);font-size:.65rem;text-align:right;transition:color .12s ease}.dd-demo-row:hover .dd-demo-go,.dd-demo-row.is-active .dd-demo-go{color:var(--dd-accent, #8d7bf0)}.dd-library-empty{margin:14px 0;padding:18px 0;text-align:center;color:var(--dd-text-dim, #8f96a3);font-size:.88rem}.dd-library-drophint{margin:10px 0 0;font-size:.72rem;color:var(--dd-text-faint, #5c6270);text-align:center}.dd-upload-panel{margin:0 0 12px;padding:10px 12px;background:var(--dd-surface, #13151a);border:1px solid var(--dd-border, #262a33);border-radius:8px}.dd-upload-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.dd-upload-jobs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dd-upload-job-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.dd-upload-job-name{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-upload-job-status{font-size:.75rem;color:var(--dd-text-dim, #8f96a3);white-space:nowrap}.dd-upload-job--failed .dd-upload-job-status{color:var(--dd-danger, #e0564f)}.dd-upload-bar{height:4px;background:var(--dd-surface-3, #22262f);border-radius:2px;overflow:hidden}.dd-upload-bar-fill{height:100%;border-radius:2px}.dd-upload-bar-fill--parsing{width:40%;background:var(--dd-accent, #8d7bf0);animation:dd-upload-slide 1.2s ease-in-out infinite}.dd-upload-bar-fill--ready{width:100%;background:var(--dd-ok, #58b26e)}.dd-upload-bar-fill--failed{width:100%;background:var(--dd-danger, #e0564f)}@keyframes dd-upload-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.dd-upload-bar-fill--parsing{animation:none;width:100%;opacity:.5}}.dd-hash-row{display:flex;align-items:stretch;gap:8px}.dd-hash-input{flex:1;min-width:0}.dd-hash-btn{height:auto;padding:0 14px}:root,:root[data-color-theme=dark]{--dd-bg: #0b0c0f;--dd-surface: #13151a;--dd-surface-2: #1a1d24;--dd-surface-3: #22262f;--dd-border: #262a33;--dd-border-strong: #333845;--dd-text: #e6e8ee;--dd-text-dim: #8f96a3;--dd-text-faint: #5c6270;--dd-accent: #8d7bf0;--dd-accent-dim: rgba(141, 123, 240, .22);--dd-t: #d9a038;--dd-t-strong: #e8b558;--dd-t-dim: rgba(217, 160, 56, .16);--dd-ct: #4a9be8;--dd-ct-strong: #6cb2f2;--dd-ct-dim: rgba(74, 155, 232, .16);--dd-danger: #e0564f;--dd-ok: #58b26e;--dd-radius: 6px;--dd-radius-sm: 4px;--dd-font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--dd-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace}:root[data-color-theme=light]{--dd-bg: #eef0f4;--dd-surface: #ffffff;--dd-surface-2: #f3f4f7;--dd-surface-3: #e8eaef;--dd-border: #d8dce5;--dd-border-strong: #c2c8d4;--dd-text: #151821;--dd-text-dim: #5c6475;--dd-text-faint: #8a919f;--dd-accent: #6b57d9;--dd-accent-dim: rgba(107, 87, 217, .14);--dd-t: #b87a12;--dd-t-strong: #9a660f;--dd-t-dim: rgba(184, 122, 18, .12);--dd-ct: #2f7fd4;--dd-ct-strong: #1f6fbf;--dd-ct-dim: rgba(47, 127, 212, .12);--dd-danger: #c93f38;--dd-ok: #3d9a55}.dd-root,.dd-panel{font-family:var(--dd-font);font-size:13px;line-height:1.35;color:var(--dd-text);-webkit-font-smoothing:antialiased}.dd-num{font-variant-numeric:tabular-nums}.dd-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;min-width:28px;padding:0 7px;background:var(--dd-surface-2);color:var(--dd-text);border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,border-color .12s ease}.dd-btn:hover:not(:disabled){background:var(--dd-surface-3);border-color:var(--dd-border-strong)}.dd-btn:active:not(:disabled){background:var(--dd-surface)}.dd-btn:disabled{opacity:.45;cursor:default}.dd-btn svg{display:block;width:12px;height:12px;fill:currentColor}.dd-btn--primary{background:var(--dd-accent-dim);border-color:var(--dd-accent)}.dd-btn--xs{height:22px;min-width:22px;padding:0 8px;font-size:11.5px}.dd-btn--danger{background:#e0564f24;border-color:#e0564f8c;color:var(--dd-danger)}.dd-btn--danger:hover:not(:disabled){background:#e0564f3d;border-color:var(--dd-danger)}.dd-badge--builtin{flex:none;color:var(--dd-text-dim);border-color:var(--dd-border-strong);background:var(--dd-surface-3);font-size:.68rem;letter-spacing:.03em;white-space:nowrap}.dd-btn--primary:hover:not(:disabled){background:var(--dd-accent-dim);border-color:var(--dd-accent);filter:brightness(1.15)}.dd-btn:focus-visible,.dd-select:focus-visible,.dd-timeline-track:focus-visible,.dd-round-chip:focus-visible{outline:2px solid var(--dd-accent);outline-offset:1px}.dd-select{height:28px;padding:0 6px;background:var(--dd-surface-2);color:var(--dd-text);border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}.dd-select:disabled{opacity:.45;cursor:default}.dd-team-t{color:var(--dd-t-strong)}.dd-team-ct{color:var(--dd-ct-strong)}.dd-transport{display:flex;align-items:center;gap:6px}.dd-transport-group{display:flex;align-items:center;gap:4px}.dd-transport-sep{width:1px;height:18px;margin:0 4px;background:var(--dd-border)}.dd-transport-time{display:inline-flex;align-items:baseline;gap:4px;margin-left:4px;font-family:var(--dd-font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--dd-text);white-space:nowrap}.dd-transport-time .dd-time-total{color:var(--dd-text-faint)}.dd-clock{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;background:var(--dd-surface-2);border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);font-family:var(--dd-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.dd-clock-round{font-size:11px;color:var(--dd-text-dim);letter-spacing:.04em}.dd-clock-time{font-size:14px;min-width:42px;text-align:right}.dd-clock--freeze .dd-clock-time,.dd-clock--over .dd-clock-time,.dd-clock--idle .dd-clock-time{color:var(--dd-text-dim)}.dd-clock--bomb{border-color:#e0564f8c}.dd-clock--bomb .dd-clock-time{color:var(--dd-danger)}.dd-clock-bomb-dot{width:7px;height:7px;border-radius:50%;background:var(--dd-danger);animation:dd-bomb-pulse 1s ease-in-out infinite}@keyframes dd-bomb-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.dd-clock-bomb-dot{animation:none}}.dd-timeline{width:100%;padding:6px 10px 10px;background:var(--dd-surface);border-top:1px solid var(--dd-border);box-sizing:border-box}.dd-timeline-rounds{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:7px}.dd-round-chip{height:18px;min-width:24px;padding:0 5px;border-radius:var(--dd-radius-sm);border:1px solid transparent;font:inherit;font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer;transition:filter .1s ease}.dd-round-chip--t{background:var(--dd-t-dim);color:var(--dd-t-strong);border-color:#d9a0384d}.dd-round-chip--ct{background:var(--dd-ct-dim);color:var(--dd-ct-strong);border-color:#4a9be84d}.dd-round-chip:hover:not(:disabled){filter:brightness(1.3)}.dd-round-chip.is-current{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.dd-round-chip:disabled{cursor:default;opacity:.75}.dd-timeline-track{position:relative;height:26px;background:var(--dd-surface-2);border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);cursor:pointer;touch-action:none;overflow:visible}.dd-timeline--disabled .dd-timeline-track{cursor:default}.dd-timeline-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(to right,rgba(141,123,240,.1),var(--dd-accent-dim));border-radius:var(--dd-radius-sm) 0 0 var(--dd-radius-sm);pointer-events:none}.dd-timeline-roundmark{position:absolute;top:0;bottom:0;width:1px;background:var(--dd-border-strong);pointer-events:none}.dd-kill-marker{position:absolute;bottom:3px;width:2px;height:8px;margin-left:-1px;background:var(--dd-text-faint);border-radius:1px;pointer-events:none}.dd-kill-marker--hs{height:12px;background:var(--dd-danger)}.dd-bomb-marker{position:absolute;top:2px;width:7px;height:7px;margin-left:-3.5px;pointer-events:none}.dd-bomb-marker--planted{background:var(--dd-danger);clip-path:polygon(50% 0,100% 100%,0 100%)}.dd-bomb-marker--defused{background:var(--dd-ct);border-radius:50%}.dd-bomb-marker--exploded{background:var(--dd-danger);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}.dd-timeline-playhead{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--dd-accent);border-radius:1px;pointer-events:none}.dd-timeline-playhead:after{content:"";position:absolute;top:-3px;left:50%;width:8px;height:8px;transform:translate(-50%);background:var(--dd-accent);border-radius:50%}.dd-timeline-tooltip{position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);padding:4px 8px;background:var(--dd-surface-3);border:1px solid var(--dd-border-strong);border-radius:var(--dd-radius-sm);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dd-text);pointer-events:none;z-index:10;box-shadow:0 4px 14px #00000080}.dd-timeline-tooltip .dd-tooltip-dim{color:var(--dd-text-dim)}.dd-killfeed{display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.dd-killfeed-entry{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;background:#0f1115e0;border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);font-size:12.5px;white-space:nowrap}.dd-killfeed-weapon{color:var(--dd-text-dim);font-size:11px;letter-spacing:.02em}.dd-killfeed-hs{display:inline-flex;color:var(--dd-danger)}.dd-killfeed-hs svg{display:block}.dd-scoreboard{display:inline-flex;align-items:stretch;gap:1px;background:var(--dd-border);border:1px solid var(--dd-border);border-radius:var(--dd-radius);overflow:hidden}.dd-scoreboard-side{display:flex;align-items:center;gap:8px;padding:4px 10px;background:var(--dd-surface)}.dd-scoreboard-side--t{flex-direction:row-reverse}.dd-scoreboard-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:74px;padding:4px 10px;background:var(--dd-surface-2)}.dd-scoreboard-score{display:flex;align-items:baseline;gap:7px;font-family:var(--dd-font-mono);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.dd-scoreboard-alive{font-size:10px;font-variant-numeric:tabular-nums;color:var(--dd-text-dim);letter-spacing:.06em}.dd-sb-players{display:flex;gap:8px}.dd-sb-player{display:flex;flex-direction:column;gap:2px;width:74px}.dd-sb-player-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-sb-player.is-dead .dd-sb-player-name{color:var(--dd-text-faint);text-decoration:line-through}.dd-sb-hpbar{position:relative;height:3px;background:var(--dd-surface-3);border-radius:2px;overflow:hidden}.dd-sb-hpbar-fill{position:absolute;inset:0 auto 0 0;border-radius:2px;transition:width .12s linear}.dd-sb-player--t .dd-sb-hpbar-fill{background:var(--dd-t)}.dd-sb-player--ct .dd-sb-hpbar-fill{background:var(--dd-ct)}.dd-sb-player.is-dead .dd-sb-hpbar-fill{background:var(--dd-text-faint)}.dd-shell{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--dd-bg)}.dd-shell-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 12px;background:var(--dd-surface);border-bottom:1px solid var(--dd-border)}.dd-shell-topbar-left{justify-self:start}.dd-shell-topbar-center{justify-self:center}.dd-shell-topbar-right{justify-self:end}.dd-shell-main{position:relative;flex:1;min-height:0;overflow:hidden}.dd-shell-killfeed{position:absolute;top:10px;right:10px;z-index:5}.dd-shell-timeline{flex:none}