:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#191919;--color-surface:#242424;--color-surface-2:#2e2e2e;--color-surface-hover:#363636;--color-border:#3a3a3a;--color-border-strong:#555;--color-text:#e8e8e8;--color-text-muted:#a6a6a6;--color-text-faint:#858585;--color-accent:#56700b;--color-accent-hover:#627e0d;--color-on-accent:#fff;--color-accent-text:#a4d21c;--color-focus:#acea00;--stripes-accent:repeating-linear-gradient(90deg, #627e0d 0 2px, #6e8820 2px 4px);--color-success:#8ccf2a;--color-danger:#f47a62;--color-warning:#f2b631;--color-info:#4ea8ff;--color-success-bg:#8ccf2a24;--color-danger-bg:#f47a6224;--color-warning-bg:#f2b63124;--color-info-bg:#4ea8ff24;--color-neutral-bg:#ffffff14;--shadow-raised:0 1px 2px #00000080, 0 4px 16px #00000059;--radius-sm:4px;--radius:6px;--radius-lg:10px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f2f2f2;--color-surface:#fff;--color-surface-2:#f7f7f7;--color-surface-hover:#ececec;--color-border:#d9d9d9;--color-border-strong:#b3b3b3;--color-text:#1f1f1f;--color-text-muted:#595959;--color-text-faint:#6e6e6e;--color-accent:#56700b;--color-accent-hover:#4a6108;--color-on-accent:#fff;--color-accent-text:#4c6a00;--color-focus:#56700b;--color-success:#3f7d0a;--color-danger:#c23616;--color-warning:#8a5a00;--color-info:#0a62c2;--color-success-bg:#3f7d0a1a;--color-danger-bg:#c236161a;--color-warning-bg:#8a5a001a;--color-info-bg:#0a62c21a;--color-neutral-bg:#0000000f;--shadow-raised:0 1px 2px #00000014, 0 4px 16px #0000000f}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:15px;line-height:1.5}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.25}h1{font-size:24px}h2{font-size:18px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-text)}code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-neutral-bg);padding:1px 4px;font-size:.9em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button,.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-2);color:var(--color-text);font:inherit;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--color-surface-hover)}button.primary,.button.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:#0000}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--color-accent-hover)}button.danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}button.danger:hover:not(:disabled){background:var(--color-danger-bg)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-2);color:var(--color-text);font:inherit;font-size:16px}input:disabled,select:disabled,textarea:disabled{opacity:.45;cursor:not-allowed}input::placeholder{color:var(--color-text-faint)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0;border-color:var(--color-focus)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.muted{color:var(--color-text-muted)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);white-space:nowrap;border-radius:999px;font-size:13px;font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background:var(--color-success-bg)}.badge-danger{color:var(--color-danger);background:var(--color-danger-bg)}.badge-warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge-info{color:var(--color-info);background:var(--color-info-bg)}.badge-neutral{color:var(--color-text-muted);background:var(--color-neutral-bg)}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot-online{background:var(--color-success)}.dot-idle{background:var(--color-warning)}.dot-offline{background:var(--color-text-faint)}.badge-faint{color:var(--color-text-faint);background:var(--color-neutral-bg)}.badge-pending{outline-offset:-1px;outline:1px dashed}.countdown{font-weight:600}.countdown-warning{color:var(--color-warning)}.countdown-danger{color:var(--color-danger)}.freshness{color:var(--color-text-muted);font-size:13px}.freshness-stale{color:var(--color-warning)}.th-sort{gap:var(--space-1);min-height:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.th-sort:hover:not(:disabled){color:var(--color-text);background:0 0}.th-sort-icon{opacity:.7;font-size:10px}.align-right{text-align:right!important}.table-empty{color:var(--color-text-muted);text-align:center!important;padding:var(--space-5)!important}@media (width<=599px){.hide-mobile{display:none}}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border)}.table thead th{background:var(--color-surface-2);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:600;position:sticky;top:0}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-surface-hover)}.num{font-variant-numeric:tabular-nums}.content{max-width:1200px;padding:var(--space-5) var(--space-4);margin:0 auto}.topbar{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:3px solid #0000;border-image:var(--stripes-accent) 1;flex-wrap:nowrap;display:flex}.topbar .brand{color:var(--color-text);letter-spacing:.02em;font-size:18px;font-weight:800;text-decoration:none}.topbar .brand span{color:var(--color-accent-text)}.topbar .user{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted);margin-left:auto;overflow:hidden}.topbar>:not(.user){flex:none}@media (width<=599px){.topbar{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.topbar .user{font-size:14px}}.topbar .user strong{color:var(--color-text)}.banner{padding:var(--space-2) var(--space-4);background:var(--color-warning-bg);color:var(--color-warning);border-bottom:1px solid var(--color-border)}.demo-banner{padding:var(--space-2) var(--space-4);background:var(--color-info-bg);color:var(--color-text);font-size:14px}.demo-banner strong{color:var(--color-info)}.login{max-width:640px;padding:var(--space-6) var(--space-4);margin:0 auto}.login .demo-banner{margin-bottom:var(--space-4);border-radius:var(--radius)}.login-card{max-width:480px;margin:0 auto var(--space-5)}.login-card h1{font-size:28px;font-weight:800}.login-card h1 span{color:var(--color-accent-text)}.login-key-row{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.login-key-row input{flex:200px;min-width:0}.login-key-row a{white-space:nowrap;font-size:14px}.login form button{width:100%}.form-error{min-height:1.5em;margin-top:var(--space-2);color:var(--color-danger);font-size:14px}@media (width<=639px){.login{padding-top:var(--space-4)}.login .panel{padding:var(--space-4)}.login-key-row input{flex-basis:100%}.login-key-row a{margin-left:auto}}.tos-table{border-collapse:collapse;width:100%;max-width:480px;color:var(--color-text-muted);margin:0 auto;font-size:13px}.tos-table caption{text-align:left;color:var(--color-text);padding-bottom:var(--space-2);font-weight:600}.tos-table th,.tos-table td{border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-2) var(--space-2) 0;text-align:left;vertical-align:top}.tos-table th{width:34%;color:var(--color-text);font-weight:600}.small{font-size:13px}.success-text{color:var(--color-success)}.warning-text{color:var(--color-warning)}.empty-state{text-align:center;padding:var(--space-6) var(--space-4)}.icon-button{border-radius:var(--radius);width:40px;height:40px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.icon-button.active{color:var(--color-accent-text);background:var(--color-surface-hover)}.banner a{color:inherit;font-weight:600}.dashboard-section{margin-top:var(--space-5)}.dashboard-section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:13px;font-weight:700}.tool-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=899px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=599px){.tool-grid{grid-template-columns:1fr}}.tool-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);align-items:flex-start;text-decoration:none;transition:border-color .15s,background .15s;display:flex}a.tool-card:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.tool-card-icon{padding:var(--space-2);border-radius:var(--radius);background:var(--color-neutral-bg);color:var(--color-accent-text);display:inline-flex}.tool-card-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.tool-card-name{font-weight:700}.tool-card-desc{color:var(--color-text-muted);font-size:14px}.tool-card-reason{margin-top:var(--space-1);align-self:flex-start}.tool-card.disabled{cursor:not-allowed}.tool-card.disabled .tool-card-icon,.tool-card.disabled .tool-card-name{color:var(--color-text-faint)}.tool-header{margin-bottom:var(--space-4)}.tool-header h1{margin-bottom:var(--space-1)}.settings{gap:var(--space-4);flex-direction:column;max-width:720px;display:flex}.settings .panel{padding:var(--space-4) var(--space-5)}.details{gap:var(--space-2) var(--space-5);margin:0 0 var(--space-4);grid-template-columns:max-content 1fr;display:grid}.details dt{color:var(--color-text-muted)}.details dd{overflow-wrap:anywhere;min-width:0;margin:0}.settings-form label{margin-bottom:var(--space-2);font-weight:600;display:block}.inline-form{gap:var(--space-2);flex-wrap:wrap;display:flex}.inline-form input{flex:220px;min-width:0}.settings-form p{margin:var(--space-2) 0 0}.segmented{border:1px solid var(--color-border-strong);border-radius:var(--radius);flex-wrap:wrap;display:inline-flex;overflow:hidden}.segmented label{min-height:40px;padding:0 var(--space-4);cursor:pointer;color:var(--color-text-muted);align-items:center;font-weight:600;display:inline-flex}.segmented label+label{border-left:1px solid var(--color-border-strong)}.segmented label.selected{background:var(--color-accent);color:var(--color-on-accent)}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}.danger-zone{border-color:var(--color-danger)}.settings .tos-table{max-width:none}.dialog{width:min(440px,100vw - 32px);padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-raised)}.dialog::backdrop{background:#0009}.dialog input{width:100%}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.button-small,button.button-small{min-height:32px;padding:0 var(--space-3);font-size:13px}.toolbar{align-items:center;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 var(--space-3);flex-wrap:wrap;display:flex}.toolbar h2{margin:0}.toolbar-end{margin-left:auto}.checkbox{align-items:center;gap:var(--space-2);cursor:pointer;min-height:40px;display:inline-flex}.checkbox input{width:18px;height:18px;min-height:0;accent-color:var(--color-accent);margin:0}.inline-field{align-items:center;gap:var(--space-2);display:inline-flex}.inline-field input{width:76px}.player-name{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.progress{background:var(--color-neutral-bg);border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--stripes-accent);height:100%;transition:width .4s}.chain-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=599px){.chain-grid{grid-template-columns:1fr}}.chain-panel{padding:var(--space-4) var(--space-5);transition:border-color .2s}.chain-label{margin:0 0 var(--space-1);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:13px;font-weight:700}.chain-big{margin:0 0 var(--space-3);font-size:44px;font-weight:800;line-height:1.1}.chain-big.muted{padding:7px 0;font-size:28px;font-weight:700}.chain-of{font-size:24px;font-weight:700}.chain-meta{justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0 0;font-size:14px;display:flex}.chain-danger{border-color:var(--color-danger)}.chain-danger .countdown{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.chain-danger .countdown{animation:none}}.watchers{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);margin-top:var(--space-3);padding:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.watchers-none{border-color:var(--color-warning);background:linear-gradient(var(--color-warning-bg), var(--color-warning-bg)), var(--color-surface)}.watchers-main{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.watchers-heading{align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0;font-size:13px;font-weight:700;display:inline-flex}.watchers-none .watchers-heading,.watchers-empty{color:var(--color-warning)}.watchers-empty{margin:0;font-weight:600}.watchers-list{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.watchers-list li{align-items:center;gap:var(--space-2);display:inline-flex}.watchers-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.watchers-error{flex-basis:100%;margin:0}.chain-alerts{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.chain-bar{align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-4);flex-wrap:wrap;transition:border-color .2s;display:flex}.chain-bar-stats{gap:var(--space-5);display:flex}.chain-bar-stat{flex-direction:column;display:flex}.chain-bar .chain-label{margin:0;font-size:12px}.chain-bar-value{font-size:24px;font-weight:800;line-height:1.2}.chain-bar-value .muted{font-size:16px;font-weight:700}.chain-bar-value.muted{font-size:18px;font-weight:700}.chain-bar-watchers{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;flex:200px;min-width:0;display:flex}.chain-bar .watchers-controls{margin-left:auto}.war-room{gap:var(--space-3);flex-direction:column;display:flex}.war-room .toolbar{margin:var(--space-2) 0 var(--space-3)}.war-header{padding:var(--space-4) var(--space-5)}.war-sides{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.war-side{flex-direction:column;min-width:0;font-weight:600;display:flex}.war-side a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.war-side-enemy{text-align:right;align-items:flex-end}.war-score{font-size:32px;font-weight:800;line-height:1.15}.progress-danger .progress-fill{background:var(--color-danger)}.war-meta{gap:var(--space-1) var(--space-2);margin:var(--space-2) 0 0;flex-wrap:wrap;font-size:14px;display:flex}.war-meta>:first-child{font-weight:700}.war-time{margin-left:auto}.war-manual p{margin-bottom:var(--space-3)}.war-manual .inline-form input{flex:160px;max-width:320px}.war-errors,.war-stats-note{margin:0 0 var(--space-3)}.my-call{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-color:var(--color-accent);flex-wrap:wrap;display:flex}.my-call .chain-label{margin:0}.my-call-ready{border-color:var(--color-success);background:linear-gradient(var(--color-success-bg), var(--color-success-bg)), var(--color-surface)}.my-call-status{align-items:center;gap:var(--space-2);display:inline-flex}.my-call-actions{gap:var(--space-2);margin-left:auto;display:flex}.row-actions{align-items:center;gap:var(--space-2);display:inline-flex}button.call-button{min-width:64px}button.call-mine{border-color:var(--color-accent-text);color:var(--color-accent-text)}.call-taken{justify-content:center;min-width:64px}.war-enemies .table td{background:var(--color-surface)}.war-enemies .table tbody tr:hover td{background:var(--color-surface-hover)}.war-enemies .table tr.row-ready td{background:linear-gradient(var(--color-success-bg), var(--color-success-bg)), var(--color-surface)}.war-enemies .table tr.row-mine td{background:linear-gradient(var(--color-info-bg), var(--color-info-bg)), var(--color-surface)}.war-enemies .table tr.row-mine td:first-child{box-shadow:inset 3px 0 0 var(--color-info)}.col-actions{position:sticky;right:0}.table thead th.col-actions{z-index:1}@media (width<=599px){.col-actions{box-shadow:-1px 0 0 var(--color-border)}.war-score{font-size:26px}.my-call-actions{margin-left:0}.row-actions .button-small{min-height:40px}}.danger-text{color:var(--color-danger)}.sg-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sg-brand{color:var(--color-accent-text)}.sg-stripe{height:6px;margin:var(--space-3) 0 var(--space-5);border-radius:var(--radius-sm);background:var(--stripes-accent)}.sg-section{margin-bottom:var(--space-6)}.sg-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.sg-swatch{align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);display:flex}.sg-chip{border-radius:var(--radius);border:1px solid var(--color-border-strong);flex:none;width:44px;height:44px}.sg-token{font-family:var(--font-mono);font-size:13px}.sg-meta{font-size:13px}.sg-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.sg-presence{align-items:center;gap:var(--space-2);display:inline-flex}.sg-small{min-height:32px;padding:0 var(--space-3);font-size:13px}.sg-big{margin:0;font-size:32px;font-weight:800}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}