.aion-dps-board {
    --adps-border: var(--wp--preset--color--contrast-2, #dce2e6);
    --adps-muted: var(--wp--preset--color--secondary, #687782);
    --adps-accent: var(--wp--preset--color--primary, #176b87);
    --adps-surface: var(--wp--preset--color--base, #fff);
    box-sizing: border-box;
    position: relative;
    width: 100%;
    color: var(--wp--preset--color--contrast, inherit);
    font: inherit;
}
.aion-dps-board *, .aion-dps-board *::before, .aion-dps-board *::after { box-sizing: border-box; }
.aion-dps-board .adps-head {
    display: grid !important; grid-template-columns: minmax(224px, .8fr) minmax(0, 2.4fr) !important; grid-template-areas: "title stats" "actions actions"; align-items: start; gap: 18px;
    margin: 0 0 20px; padding: 0 0 14px; border-bottom: 1px solid var(--adps-border);
}
.aion-dps-board .adps-head > .adps-title-block { grid-area: title; }
.aion-dps-board .adps-head > .adps-live-stats { grid-area: stats; }
.aion-dps-board .adps-head > .adps-live-actions { grid-area: actions; }
.aion-dps-board .adps-kicker { color: var(--adps-accent); font-size: 11px; font-weight: 650; letter-spacing: .08em; }
.aion-dps-board .adps-head h1 { margin: 4px 0 0; font: inherit; font-size: 1.45em; font-weight: 650; }
.aion-dps-board .adps-live-stats { min-width: 0; }
.aion-dps-board .adps-live-stats .adps-table-wrap { width: 100%; overflow-x: auto; }
.aion-dps-board .adps-live-stats .adps-table { min-width: 520px; }
.aion-dps-board .adps-live-stats .adps-table th, .aion-dps-board .adps-live-stats .adps-table td { padding: 8px 10px; border: 1px solid var(--adps-border); }
.aion-dps-board .adps-live-stats .adps-empty { padding: 12px 8px; border: 1px solid var(--adps-border); }
.aion-dps-board .adps-live { display: inline-flex; align-items: center; gap: 8px; color: var(--adps-muted); font-size: 12px; white-space: nowrap; }
.aion-dps-board .adps-live i { width: 8px; height: 8px; border-radius: 50%; background: #4caf78; }
.aion-dps-board .adps-live.is-error i { background: #c54d4d; }
.aion-dps-board .adps-columns { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 2.2fr); align-items: start; gap: 18px; }
.aion-dps-board .adps-panel { min-width: 0; padding: 18px; border: 1px solid var(--adps-border); border-radius: 5px; background: var(--adps-surface); }
.aion-dps-board .adps-panel-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 13px; padding: 0 0 11px; border-bottom: 1px solid var(--adps-border); }
.aion-dps-board .adps-panel h2 { margin: 0; font: inherit; font-size: 1.06em; font-weight: 650; }
.aion-dps-board .adps-count, .aion-dps-board .adps-subtle { color: var(--adps-muted); font-size: 11px; white-space: nowrap; }
.aion-dps-board .adps-raw-list { max-height: 76vh; overflow: auto; }
.aion-dps-board .adps-packet { display: flex; align-items: baseline; gap: 8px; }
.aion-dps-board .adps-packet:first-child { padding-top: 0; }
.aion-dps-board .adps-packet:last-child { border-bottom: 0; }
.aion-dps-board .adps-packet-time { flex: none; color: #45d9ff; font: 600 11px ui-monospace, Consolas, monospace; font-variant-numeric: tabular-nums; letter-spacing: .035em; text-shadow: 0 0 7px rgb(69 217 255 / 45%); animation: adps-digit-glow 2.4s ease-in-out infinite alternate; }
.aion-dps-board .adps-packet-arrow { flex: none; color: #8c9db4; font-weight: 700; text-shadow: 0 0 7px rgb(89 127 255 / 45%); }
.aion-dps-board .adps-packet-preview { min-width: 0; overflow: hidden; color: inherit; font: 600 11px/1.55 ui-monospace, Consolas, monospace; font-variant-numeric: tabular-nums; letter-spacing: .045em; text-overflow: ellipsis; white-space: nowrap; }
.aion-dps-board .adps-packet-byte { color: #d5e7ff; text-shadow: 0 0 6px rgb(90 164 255 / 42%); }
.aion-dps-board .adps-packet-ellipsis { color: #6f84a3; padding: 0 2px; }
.aion-dps-board .adps-packet-tone-0 .adps-packet-time, .aion-dps-board .adps-packet-tone-0 .adps-packet-byte { color: #087d99; text-shadow: 0 0 7px rgb(8 125 153 / 34%); }
.aion-dps-board .adps-packet-tone-1 .adps-packet-time, .aion-dps-board .adps-packet-tone-1 .adps-packet-byte { color: #963f82; text-shadow: 0 0 7px rgb(150 63 130 / 32%); }
.aion-dps-board .adps-packet-tone-2 .adps-packet-time, .aion-dps-board .adps-packet-tone-2 .adps-packet-byte { color: #94620a; text-shadow: 0 0 7px rgb(148 98 10 / 30%); }
.aion-dps-board .adps-packet-tone-3 .adps-packet-time, .aion-dps-board .adps-packet-tone-3 .adps-packet-byte { color: #365da6; text-shadow: 0 0 7px rgb(54 93 166 / 32%); }
.aion-dps-board .adps-packet { position: relative; overflow: hidden; animation: adps-packet-in .52s cubic-bezier(.2,.75,.25,1) both; }
.aion-dps-board .adps-packet > * { position: relative; z-index: 1; }
.aion-dps-board .adps-packet::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(100deg, transparent 12%, rgb(92 222 255 / 14%) 40%, rgb(255 255 255 / 62%) 51%, rgb(92 222 255 / 22%) 58%, transparent 82%); transform: translateX(-110%); animation: adps-packet-flash .68s ease-out both; }
@keyframes adps-packet-flash { 0% { opacity: 0; transform: translateX(-110%); } 18% { opacity: 1; } 100% { opacity: 0; transform: translateX(110%); } }
@keyframes adps-packet-in { from { opacity: 0; transform: translateX(-28px); filter: brightness(1.8); } to { opacity: 1; transform: translateX(0); filter: brightness(1); } }
@keyframes adps-digit-glow { from { filter: brightness(.92); } to { filter: brightness(1.22); } }
@media (prefers-reduced-motion: reduce) { .aion-dps-board .adps-packet-time, .aion-dps-board .adps-packet, .aion-dps-board .adps-packet::after { animation: none; } }
.aion-dps-board .adps-table-wrap { width: 100%; overflow-x: auto; }
.aion-dps-board .adps-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.aion-dps-board .adps-table th, .aion-dps-board .adps-table td { padding: 10px 8px; border-bottom: 1px solid var(--adps-border); text-align: left; vertical-align: middle; }
.aion-dps-board .adps-table th { color: var(--adps-muted); font-size: 11px; font-weight: 550; white-space: nowrap; }
.aion-dps-board .adps-player { display: inline-flex; align-items: center; gap: 8px; min-width: 120px; font-weight: 600; }
.aion-dps-board .adps-class-icon { width: 23px; height: 23px; flex: 0 0 23px; object-fit: cover; border: 1px solid var(--adps-border); border-radius: 3px; }
.aion-dps-board .adps-number { font-variant-numeric: tabular-nums; white-space: nowrap; }
.aion-dps-board .adps-dps { color: var(--adps-accent); font-weight: 700; }
.aion-dps-board .adps-skill-scroll { max-height: 54vh; overflow: auto; }
.aion-dps-board .adps-skill-table td:first-child, .aion-dps-board .adps-skill-table th:first-child { white-space: nowrap; font-variant-numeric: tabular-nums; }
.aion-dps-board .adps-skill-event-time { color: var(--adps-muted); font: 600 11px ui-monospace, Consolas, monospace; font-variant-numeric: tabular-nums; }
.aion-dps-board .adps-skill-table td:nth-child(2), .aion-dps-board .adps-skill-table td:nth-child(3) { white-space: nowrap; }
.aion-dps-board .adps-critical { color: #b04444; font-weight: 650; }
.aion-dps-board .adps-flow-canvas { position: absolute; z-index: 4; inset: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; }
.aion-dps-board .adps-skill-table .adps-damage { display: table-cell; font-weight: 700; white-space: nowrap; }
.aion-dps-board .adps-skill-table .adps-damage span { display: inline-block; min-width: 54px; font-variant-numeric: tabular-nums; }
.aion-dps-board .adps-skill-table .adps-damage small { margin-left: 7px; font-size: 10px; font-weight: 600; }
.aion-dps-board .adps-damage--normal { color: #15191d; }
.aion-dps-board .adps-damage--critical { color: #c62835; }
.aion-dps-board .adps-damage--periodic { color: #16804a; }
.aion-dps-board .adps-damage--buff { color: #a06b00; }
.aion-dps-board .adps-skill-arrival { animation: adps-skill-flash .9s ease-out both; }
@keyframes adps-skill-flash { 0% { background-color: rgb(67 211 242 / 38%); box-shadow: inset 0 0 18px rgb(54 202 238 / 55%); } 100% { background-color: transparent; box-shadow: inset 0 0 0 transparent; } }
@media (prefers-reduced-motion: reduce) { .aion-dps-board .adps-skill-arrival { animation: none; } }
.aion-dps-board .adps-empty { padding: 28px 10px; color: var(--adps-muted); text-align: center; font-size: 13px; }
.aion-dps-board .adps-note { margin: 8px 0 0; color: var(--adps-muted); font-size: 11px; }
.aion-dps-board .adps-title-block { min-width: 0; padding-top: 8px; }
.aion-dps-board .adps-heading-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.aion-dps-board .adps-heading-row h1 { min-width: 0; white-space: nowrap; }
.aion-dps-board .adps-heading-row .adps-live { color: var(--adps-accent); font-size: 11px; }
.aion-dps-board .adps-heading-row .adps-live.is-error { color: #b04444; }
.aion-dps-board .adps-heading-row .adps-live i { display: none; }
.aion-dps-board .adps-live-actions { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-top: -35px; }
.aion-dps-board .adps-header-controls { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 6px; }
.aion-dps-board .adps-button { min-height: 30px; padding: 6px 8px; border: 1px solid var(--adps-accent); border-radius: 4px; background: var(--adps-accent); color: #fff; font: inherit; font-size: 11px; font-weight: 650; line-height: 1.3; cursor: pointer; transition: filter .15s ease, transform .15s ease, opacity .15s ease; }
.aion-dps-board .adps-button:hover:not(:disabled) { filter: brightness(1.08); transform: translateY(-1px); }
.aion-dps-board .adps-button:focus-visible, .aion-dps-board .adps-rank-tab:focus-visible { outline: 2px solid var(--adps-accent); outline-offset: 2px; }
.aion-dps-board .adps-button:disabled { opacity: .48; cursor: not-allowed; }
.aion-dps-board .adps-button-secondary { border-color: #c94a4a; background: #c94a4a; }
.aion-dps-board .adps-test-status { flex: 1 1 180px; min-width: 0; min-height: 15px; margin: 0; align-self: flex-end; color: var(--adps-muted); font-size: 11px; line-height: 1.4; text-align: left; }
.aion-dps-board .adps-live-stack { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; white-space: nowrap; }
.aion-dps-board .adps-latency { color: var(--adps-muted); font: 11px ui-monospace, Consolas, monospace; font-variant-numeric: tabular-nums; }
.aion-dps-board .adps-latency.is-stale { opacity: .65; }
.aion-dps-board .adps-ranking-panel { margin-top: 18px; }
.aion-dps-board.adps-rankings-page .adps-head { display: flex; }
.aion-dps-board.adps-rankings-page .adps-title-block { padding-top: 0; }
.aion-dps-board .adps-rank-tabs { display: flex; gap: 7px; overflow-x: auto; padding: 0 0 12px; }
.aion-dps-board .adps-rank-tab { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; min-height: 32px; padding: 5px 9px; border: 1px solid var(--adps-border); border-radius: 4px; background: transparent; color: inherit; font: inherit; font-size: 11px; cursor: pointer; }
.aion-dps-board .adps-rank-tab img { width: 18px; height: 18px; object-fit: cover; border-radius: 2px; }
.aion-dps-board .adps-rank-tab.is-active { border-color: var(--adps-accent); background: color-mix(in srgb, var(--adps-accent) 10%, transparent); color: var(--adps-accent); font-weight: 700; }
.aion-dps-board .adps-ranking-table { min-width: 760px; }
.aion-dps-board .adps-rank-number { color: var(--adps-muted); font: 600 12px ui-monospace, Consolas, monospace; }
.aion-dps-board .adps-ranking-time { color: var(--adps-muted); font-size: 11px; white-space: nowrap; }
.aion-dps-board .adps-error { color: #b04444; }
@media (max-width: 960px) {
    .aion-dps-board .adps-columns { grid-template-columns: minmax(240px, .8fr) minmax(0, 1.7fr); gap: 12px; }
    .aion-dps-board .adps-panel { padding: 13px; }
}
@media (max-width: 860px) {
    .aion-dps-board .adps-head { grid-template-columns: minmax(210px, .85fr) minmax(0, 2fr); gap: 12px; }
}
@media (max-width: 760px) {
    .aion-dps-board .adps-head { grid-template-columns: minmax(170px, .8fr) minmax(0, 1.8fr) !important; grid-template-areas: "title stats" "actions actions"; gap: 10px; }
    .aion-dps-board .adps-title-block { padding-top: 0; }
    .aion-dps-board .adps-live-stats { grid-column: auto; grid-row: auto; }
    .aion-dps-board .adps-heading-row { align-items: flex-start; flex-direction: column; gap: 2px; }
    .aion-dps-board .adps-live-actions { margin-top: -35px; }
    .aion-dps-board .adps-header-controls { gap: 4px; }
    .aion-dps-board .adps-button { padding-right: 6px; padding-left: 6px; }
}
@media (max-width: 720px) {
    .aion-dps-board .adps-columns { grid-template-columns: minmax(0, 1fr); }
    .aion-dps-board .adps-raw-list, .aion-dps-board .adps-skill-scroll { max-height: 48vh; }
    .aion-dps-board .adps-head h1 { font-size: 1.2em; }
    .aion-dps-board .adps-header-controls { gap: 7px; }
    .aion-dps-board .adps-button { padding: 7px 10px; }
    .aion-dps-board .adps-live-actions { gap: 7px; }
    .aion-dps-board .adps-ranking-panel { padding: 12px; }
}