.po-mock{display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid var(--hpu-line-soft);border-radius:14px;background:#f4f8ff}.po-fn-row{display:grid;grid-template-columns:112px minmax(0,1fr) 64px;grid-gap:11px;gap:11px;align-items:center}.po-fn-k{font-family:Geist,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--hpu-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-fn-track{height:8px;background:rgba(0,75,149,.1);overflow:hidden}.po-fn-fill,.po-fn-track{display:block;border-radius:999px}.po-fn-fill{height:100%;background:linear-gradient(90deg,var(--hpu-blue-deep),var(--hpu-blue));transform-origin:left center}.po-fn-fill[data-tone=crit]{background:linear-gradient(90deg,#c62840,#d93a52)}.po-fn-fill[data-tone=ok]{background:linear-gradient(90deg,var(--hpu-blue),#63b3ff)}.po-fn-v{font-family:Geist,sans-serif;font-size:12.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;color:var(--hpu-navy-deep)}.po-gates{gap:8px}.po-gate{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-gap:11px;gap:11px;align-items:center}.po-gate-t{font-family:Geist,sans-serif;font-size:11px;font-weight:700;text-align:center;padding:4px 0;border-radius:7px;background:rgba(0,97,193,.1);color:var(--hpu-blue)}.po-gate[data-tier=l2] .po-gate-t{background:rgba(0,75,149,.16);color:var(--hpu-blue-deep)}.po-gate[data-tier=l3] .po-gate-t{background:rgba(217,58,82,.13);color:#c62840}.po-gate-d{font-size:13px;line-height:1.4;color:#35496b}.po-gate-d,.po-gate-s{font-family:Geist,sans-serif}.po-gate-s{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hpu-muted);white-space:nowrap}.po-queue{gap:0;padding:0;overflow:hidden;background:#ffffff}.po-q-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-gap:11px;gap:11px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--hpu-line-soft)}.po-q-row:last-child{border-bottom:0}.po-q-score{font-family:Geist,sans-serif;font-size:12.5px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;padding:4px 0;border-radius:7px;background:rgba(217,58,82,.13);color:#c62840}.po-q-row[data-sev=high] .po-q-score{background:rgba(246,148,56,.16);color:#b45d0a}.po-q-row[data-sev=med] .po-q-score{background:rgba(0,97,193,.12);color:var(--hpu-blue)}.po-q-name{display:flex;flex-direction:column;gap:2px;min-width:0;font-family:Geist,sans-serif;font-size:13px;font-weight:600;line-height:1.3;color:var(--hpu-navy-deep)}.po-q-meta{font-size:11px;font-weight:400}.po-q-dest,.po-q-meta,.po-q-sla{font-family:Geist,sans-serif;color:var(--hpu-muted)}.po-q-dest,.po-q-sla{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.po-q-sla[data-breach=true]{color:#c62840}.po-q-dest{padding:4px 9px;border-radius:999px;border:1px solid rgba(0,97,193,.35);background:rgba(0,97,193,.08);color:var(--hpu-blue);text-transform:none;letter-spacing:.01em;font-size:11.5px}.po-srcs{flex-direction:row;flex-wrap:wrap;gap:7px}.po-src{font-family:Geist,sans-serif;font-size:11.5px;font-weight:500;color:#35496b;border:1px solid var(--hpu-line-soft);border-radius:999px;padding:5px 10px;background:#ffffff}.po-src[data-hot=true]{color:var(--hpu-blue);border-color:rgba(0,97,193,.35);background:rgba(0,97,193,.06)}.po-board{gap:14px}.po-board-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.po-board-stat{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:11px;background:#ffffff;border:1px solid var(--hpu-line-soft);min-width:0}.po-board-k{font-family:Geist,sans-serif;font-size:10.5px;font-weight:600;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;color:var(--hpu-muted);min-height:2.5em}.po-board-v{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-family:N27,sans-serif;font-size:24px;line-height:1;letter-spacing:-.6px;color:var(--hpu-navy-deep)}.po-board-delta{font-family:Geist,sans-serif;font-size:11px;font-weight:600;color:var(--hpu-muted)}.po-board-delta[data-tone=ok]{color:var(--hpu-blue)}.po-board-delta[data-tone=crit]{color:#c62840}.po-board-bars{display:flex;flex-direction:column;gap:9px}.po-board-bar{display:grid;grid-template-columns:128px minmax(0,1fr) 42px;grid-gap:11px;gap:11px;align-items:center}.po-board-bar-k{font-family:Geist,sans-serif;font-size:11.5px;font-weight:600;color:var(--hpu-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-board-bar-track{display:block;height:8px;border-radius:999px;background:rgba(0,75,149,.1);overflow:hidden}.po-board-bar-v{font-family:Geist,sans-serif;font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;color:var(--hpu-navy-deep)}.po-board--dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.po-board--dark .po-board-stat{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.po-board--dark .po-board-bar-k,.po-board--dark .po-board-delta,.po-board--dark .po-board-k{color:#9cc6fb}.po-board--dark .po-board-bar-v,.po-board--dark .po-board-v{color:#ffffff}.po-board--dark .po-board-delta[data-tone=ok]{color:#9cc6fb}.po-board--dark .po-board-delta[data-tone=crit]{color:#ff8fa0}.po-board--dark .po-board-bar-track{background:rgba(255,255,255,.14)}.po-board--dark .po-fn-fill{background:linear-gradient(90deg,#63b3ff,#bcd9ff)}.po-board--dark .po-fn-fill[data-tone=crit]{background:linear-gradient(90deg,#e85a6e,#ff8fa0)}.po-queue--dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.po-queue--dark .po-q-score{background:rgba(255,143,160,.2);color:#ffb3bf}.po-queue--dark .po-q-row[data-sev=high] .po-q-score{background:rgba(255,184,107,.2);color:#ffc98a}.po-queue--dark .po-q-row[data-sev=med] .po-q-score{background:rgba(156,198,251,.2);color:#bcd9ff}.po-queue--dark .po-q-row{border-bottom-color:rgba(255,255,255,.12)}.po-queue--dark .po-q-name{color:#ffffff}.po-queue--dark .po-q-meta,.po-queue--dark .po-q-sla{color:#9cc6fb}.po-queue--dark .po-q-dest{border-color:rgba(156,198,251,.5);background:rgba(156,198,251,.14);color:#bcd9ff}.po-win{overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#0d2a55,#06193b);box-shadow:0 24px 52px rgba(0,12,40,.35)}.po-win-bar{display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,12,40,.35)}.po-win-dots{display:flex;gap:5px}.po-win-dots i{display:block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}.po-win-title{font-size:11.5px;letter-spacing:.06em}.po-win-live,.po-win-title{font-family:Geist,sans-serif;font-weight:600;color:#9cc6fb}.po-win-live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.po-win-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#63b3ff;box-shadow:0 0 0 3px rgba(99,179,255,.2)}.po-win-body{display:flex;flex-direction:column;gap:12px;padding:18px}[data-hpu-reveal].hpu-armed .po-fn-fill{transform:scaleX(0)}[data-hpu-reveal].hpu-armed.is-in .po-fn-fill{transform:scaleX(1);transition:transform 1s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--hpu-delay, 0s) + var(--po-delay, 0s))}[data-hpu-reveal].hpu-armed .po-board-stat,[data-hpu-reveal].hpu-armed .po-gate,[data-hpu-reveal].hpu-armed .po-q-row,[data-hpu-reveal].hpu-armed .po-src{opacity:0;transform:translateY(6px)}[data-hpu-reveal].hpu-armed.is-in .po-board-stat,[data-hpu-reveal].hpu-armed.is-in .po-gate,[data-hpu-reveal].hpu-armed.is-in .po-q-row,[data-hpu-reveal].hpu-armed.is-in .po-src{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--hpu-delay, 0s) + var(--po-delay, 0s))}@media (max-width:560px){.po-mock{padding:12px}.po-fn-row{grid-template-columns:92px minmax(0,1fr) 58px;gap:8px}.po-fn-k{font-size:11px}.po-gate{grid-template-columns:34px minmax(0,1fr)}.po-gate-s{grid-column:2}.po-q-row{grid-template-columns:40px minmax(0,1fr)}.po-q-dest,.po-q-sla{grid-column:2;justify-self:start}.po-board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.po-board-bar{grid-template-columns:96px minmax(0,1fr) 40px;gap:8px}.po-board-bar-k{white-space:normal;line-height:1.2}}@media (prefers-reduced-motion:reduce){[data-hpu-reveal].hpu-armed .po-fn-fill{transform:none}[data-hpu-reveal].hpu-armed .po-board-stat,[data-hpu-reveal].hpu-armed .po-gate,[data-hpu-reveal].hpu-armed .po-q-row,[data-hpu-reveal].hpu-armed .po-src{opacity:1;transform:none}[data-hpu-reveal].hpu-armed.is-in .po-board-stat,[data-hpu-reveal].hpu-armed.is-in .po-fn-fill,[data-hpu-reveal].hpu-armed.is-in .po-gate,[data-hpu-reveal].hpu-armed.is-in .po-q-row,[data-hpu-reveal].hpu-armed.is-in .po-src{transition:none}}