:root{--ddt-bg:#0e1220;--ddt-bg-raised:#161c30;--ddt-bg-sunken:#0a0e19;--ddt-border:#2a3354;--ddt-text:#e8ecf8;--ddt-text-muted:#9aa5c8;--ddt-accent:#ffb020;--ddt-accent-strong:#ff8a00;--ddt-accent-text:#1a1200;--ddt-info:#4cc3ff;--ddt-success:#3ddc97;--ddt-danger:#ff5d73;--ddt-team-a:#4cc3ff;--ddt-team-b:#ff7a59;--ddt-radius:10px;--ddt-radius-sm:6px;--ddt-shadow:0 8px 30px #00000059;--ddt-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ddt-focus:0 0 0 3px #4cc3ff8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--ddt-bg:#f2f4fb;--ddt-bg-raised:#fff;--ddt-bg-sunken:#e7eaf5;--ddt-border:#cfd5ea;--ddt-text:#151a2e;--ddt-text-muted:#55608a;--ddt-accent:#c76a00;--ddt-accent-strong:#a85600;--ddt-accent-text:#fff;--ddt-info:#0a74b8;--ddt-success:#118a56;--ddt-danger:#c42a43;--ddt-team-a:#0a74b8;--ddt-team-b:#c24a28;--ddt-shadow:0 8px 24px #141e4626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body{background:var(--ddt-bg);color:var(--ddt-text);font-family:var(--ddt-font);margin:0;line-height:1.45}a{color:var(--ddt-info)}:focus-visible{box-shadow:var(--ddt-focus);outline:none}.ddt-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ddt-button{border-radius:var(--ddt-radius-sm);min-height:40px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;transition:transform 50ms,background .15s,opacity .15s;display:inline-flex}.ddt-button:active:not(:disabled){transform:translateY(1px)}.ddt-button:disabled{opacity:.55;cursor:not-allowed}.ddt-button--sm{min-height:32px;padding:0 12px;font-size:.875rem}.ddt-button--primary{background:var(--ddt-accent);color:var(--ddt-accent-text)}.ddt-button--primary:hover:not(:disabled){background:var(--ddt-accent-strong)}.ddt-button--secondary{background:var(--ddt-bg-sunken);color:var(--ddt-text);border-color:var(--ddt-border)}.ddt-button--secondary:hover:not(:disabled){border-color:var(--ddt-text-muted)}.ddt-button--danger{background:var(--ddt-danger);color:#fff}.ddt-button--ghost{color:var(--ddt-text-muted);background:0 0}.ddt-button--ghost:hover:not(:disabled){color:var(--ddt-text)}.ddt-field{flex-direction:column;gap:6px;display:flex}.ddt-field__label{font-size:.875rem;font-weight:600}.ddt-field__input{border:1px solid var(--ddt-border);border-radius:var(--ddt-radius-sm);background:var(--ddt-bg-sunken);min-height:42px;color:var(--ddt-text);font:inherit;padding:0 12px}.ddt-field__input::placeholder{color:var(--ddt-text-muted)}.ddt-field__input[aria-invalid=true]{border-color:var(--ddt-danger)}.ddt-field__hint{color:var(--ddt-text-muted);font-size:.8125rem}.ddt-field__error{color:var(--ddt-danger);font-size:.8125rem}.ddt-card{background:var(--ddt-bg-raised);border:1px solid var(--ddt-border);border-radius:var(--ddt-radius);box-shadow:var(--ddt-shadow)}.ddt-card__header{border-bottom:1px solid var(--ddt-border);padding:14px 18px;font-weight:700}.ddt-card__body{padding:18px}.ddt-card__footer{border-top:1px solid var(--ddt-border);padding:12px 18px}.ddt-badge{border:1px solid;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.ddt-badge--neutral{color:var(--ddt-text-muted)}.ddt-badge--success{color:var(--ddt-success)}.ddt-badge--danger{color:var(--ddt-danger)}.ddt-badge--info{color:var(--ddt-info)}.ddt-badge--accent{color:var(--ddt-accent)}.ddt-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite ddt-spin;display:inline-block}@keyframes ddt-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ddt-spinner{animation-duration:2s}}.ddt-modal__backdrop{z-index:50;background:#050812b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ddt-modal{width:min(520px,100%);max-height:90vh;overflow:auto}.ddt-meter{background:var(--ddt-bg-sunken);border:1px solid var(--ddt-border);border-radius:999px;height:14px;position:relative;overflow:hidden}.ddt-meter__fill{background:var(--ddt-success);height:100%;transition:width .25s}.ddt-meter--low .ddt-meter__fill{background:var(--ddt-danger)}.ddt-meter--mid .ddt-meter__fill{background:var(--ddt-accent)}.ddt-power{border-radius:var(--ddt-radius-sm);background:var(--ddt-bg-sunken);border:1px solid var(--ddt-border);-webkit-user-select:none;user-select:none;touch-action:none;height:18px;position:relative}.ddt-power--interactive{cursor:crosshair}.ddt-power__fill{border-radius:inherit;background:linear-gradient(90deg, var(--ddt-success), var(--ddt-accent), var(--ddt-danger));height:100%}.ddt-power__tick{background:var(--ddt-border);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.ddt-power__mark{pointer-events:none;width:0;margin-left:-1px;position:absolute;top:-5px;bottom:-5px}.ddt-power__mark--previous{border-left:2px dashed var(--ddt-text)}.ddt-power__mark--pinned{border-left:3px solid var(--ddt-info)}.ddt-power__mark--pinned:before{content:"";border:5px solid #0000;border-top-color:var(--ddt-info);position:absolute;top:-6px;left:-6px}.ddt-power__mark--hover{border-left:2px solid var(--ddt-info);opacity:.55}.ddt-power__hint{border-radius:var(--ddt-radius-sm);background:var(--ddt-bg-raised);color:var(--ddt-text);padding:0 4px;font-size:.7rem;line-height:1.4;position:absolute;bottom:100%;left:0;transform:translate(-50%,-2px)}.ddt-toasts{z-index:60;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.ddt-toast{border-radius:var(--ddt-radius-sm);background:var(--ddt-bg-raised);border:1px solid var(--ddt-border);box-shadow:var(--ddt-shadow);border-left-width:4px;padding:12px 14px}.ddt-toast--success{border-left-color:var(--ddt-success)}.ddt-toast--error{border-left-color:var(--ddt-danger)}.ddt-toast--info{border-left-color:var(--ddt-info)}#app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--ddt-bg-raised);border-bottom:1px solid var(--ddt-border);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px;display:flex}.app-header__brand{color:var(--ddt-accent);letter-spacing:.04em;font-size:1.2rem;font-weight:800;text-decoration:none}.app-nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.app-nav a{border-radius:var(--ddt-radius-sm);color:var(--ddt-text-muted);padding:6px 12px;font-weight:600;text-decoration:none}.app-nav a:hover,.app-nav a.router-link-active{color:var(--ddt-text);background:var(--ddt-bg-sunken)}.app-user{align-items:center;gap:12px;font-size:.9rem;display:flex}.page{flex:1;width:min(1100px,100%);margin:0 auto;padding:24px 16px 48px}.page--narrow{width:min(460px,100%)}.page h1{margin:0 0 16px;font-size:1.6rem}.page h2{margin:0 0 12px;font-size:1.15rem}.stack{flex-direction:column;gap:16px;display:flex}.stack--sm{gap:8px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.grid{gap:16px;display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.muted{color:var(--ddt-text-muted)}.error-text{color:var(--ddt-danger)}.banner{border-radius:var(--ddt-radius-sm);background:var(--ddt-bg-sunken);border:1px solid var(--ddt-border);padding:10px 14px}.banner--error{border-color:var(--ddt-danger);color:var(--ddt-danger)}.banner--info{border-color:var(--ddt-info)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--ddt-border);padding:8px 10px}.table th{text-transform:uppercase;letter-spacing:.05em;color:var(--ddt-text-muted);font-size:.8rem}.table-wrap{overflow-x:auto}.select,.textarea{border:1px solid var(--ddt-border);border-radius:var(--ddt-radius-sm);background:var(--ddt-bg-sunken);min-height:42px;color:var(--ddt-text);font:inherit;padding:8px 12px}.textarea{resize:vertical;min-height:110px}.hero{text-align:center;padding:72px 16px 40px}.hero h1{margin:0 0 12px;font-size:clamp(2rem,6vw,3.4rem)}.hero p{max-width:560px;color:var(--ddt-text-muted);margin:0 auto 24px;font-size:1.1rem}.stat{flex-direction:column;display:flex}.stat__value{font-size:1.4rem;font-weight:800}.stat__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ddt-text-muted);font-size:.78rem}.item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.item{text-align:left;background:var(--ddt-bg-sunken);border:1px solid var(--ddt-border);border-radius:var(--ddt-radius-sm);color:inherit;font:inherit;cursor:pointer;flex-direction:column;gap:4px;padding:10px;display:flex}.item:hover,.item[aria-pressed=true]{border-color:var(--ddt-accent)}.item__name{font-weight:700}.item__meta{color:var(--ddt-text-muted);font-size:.8rem}.team{border-left:4px solid var(--ddt-border);padding-left:12px}.team--a{border-color:var(--ddt-team-a)}.team--b{border-color:var(--ddt-team-b)}.match{background:#0a0e19;flex:1;min-height:520px;position:relative;overflow:hidden}.match__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;--ddt-bg:#0e1220;--ddt-bg-raised:#161c30;--ddt-bg-sunken:#0a0e19;--ddt-border:#2a3354;--ddt-text:#e8ecf8;--ddt-text-muted:#9aa5c8;--ddt-accent:#ffb020;--ddt-accent-strong:#ff8a00;--ddt-accent-text:#1a1200;--ddt-danger:#ff5d73;--ddt-success:#3ddc97;--ddt-team-a:#4cc3ff;--ddt-team-b:#ff7a59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ddt-text);position:absolute}.hud>*{pointer-events:auto}.hud--top{border:1px solid var(--ddt-border);color:var(--ddt-text);white-space:nowrap;background:#0a0e19d1;border-radius:999px;align-items:center;gap:14px;padding:8px 16px;display:flex;top:10px;left:50%;transform:translate(-50%)}.hud--side{flex-direction:column;gap:8px;width:210px;display:flex;top:10px;right:10px}.minimap{border-radius:var(--ddt-radius);border:1px solid var(--ddt-border);background:#0a0e19d1;justify-content:center;padding:6px;display:flex}.minimap__canvas{cursor:pointer;touch-action:none;background:#1a2240;display:block}.minimap__canvas[data-dragging]{cursor:grabbing}.roster{border-radius:var(--ddt-radius);border:1px solid var(--ddt-border);color:var(--ddt-text);background:#0a0e19d1;flex-direction:column;gap:6px;padding:8px;font-size:.85rem;display:flex}.hud--controls{border-radius:var(--ddt-radius);border:1px solid var(--ddt-border);width:min(560px,100% - 20px);color:var(--ddt-text);background:#0a0e19d9;flex-direction:column;gap:8px;padding:10px 14px;display:flex;bottom:10px;left:50%;transform:translate(-50%)}.hud--notice{top:64px;left:50%;transform:translate(-50%)}.wind{align-items:center;gap:6px;font-weight:700;display:inline-flex}.wind__arrow{transition:transform .3s;display:inline-block}@media (width<=720px){.hud--side{width:150px;top:58px}.roster{display:none}}