.hpt .sec{margin-block-start:26px}.hpt .sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:12px;flex-wrap:wrap}.hpt .sec-t{margin:0;font-family:var(--font-ui, inherit);font-size:15px;font-weight:700;color:var(--text, #e9ece3)}.hpt .card{background:var(--surface, #0e120a);border:1px solid var(--border-neutral, rgba(233, 236, 227, .07));border-radius:var(--r-card, 14px);padding:16px 18px;min-inline-size:0}.hpt .micro{font-family:var(--font-mono, monospace);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-meta, #8b9082)}.hpt .chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-family:var(--font-mono, monospace);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--g, #c8f051);background:color-mix(in srgb,var(--g, #c8f051) 12%,transparent);white-space:nowrap}.hpt .chip.warn{color:var(--status-vip, #e0b85c);background:color-mix(in srgb,var(--status-vip, #e0b85c) 12%,transparent)}.hpt .chip.bad{color:var(--status-loss, #e0625b);background:color-mix(in srgb,var(--status-loss, #e0625b) 12%,transparent)}.hpt .chip.dim{color:var(--text-dim, #6f7466);background:color-mix(in srgb,var(--text-dim, #6f7466) 14%,transparent)}.hpt .note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:11px 14px;border-radius:12px;font-size:12.5px;color:var(--status-info, #cdd2c4);background:color-mix(in srgb,var(--status-info, #cdd2c4) 8%,transparent);border:1px solid color-mix(in srgb,var(--status-info, #cdd2c4) 22%,transparent)}.hpt .note.bad{color:var(--status-loss, #e0625b);background:color-mix(in srgb,var(--status-loss, #e0625b) 8%,transparent);border-color:color-mix(in srgb,var(--status-loss, #e0625b) 22%,transparent)}.hpt .note button{border:none;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;padding:0}.hpt .hint{margin:0;font-size:12.5px;line-height:1.55;color:var(--text-muted, #9aa08c)}.hpt .row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding-block:6px;border-block-end:1px solid var(--border-neutral, rgba(233, 236, 227, .06))}.hpt .row:last-child{border-block-end:none}.hpt .row .k{color:var(--text-muted, #9aa08c)}.hpt .row .v{font-family:var(--font-mono, monospace);color:var(--text-secondary, #cdd2c4);font-variant-numeric:tabular-nums;text-align:end}.hpt .row .v.pos{color:var(--status-win, #7ed957)}.hpt .row .v.neg{color:var(--status-loss, #e0625b)}.hpt .fl{display:block;margin-block-start:12px;font-family:var(--font-mono, monospace);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-meta, #8b9082)}.hpt .fl:first-child{margin-block-start:0}.hpt input[type=text]{inline-size:100%;margin-block-start:6px;padding:10px 12px;border-radius:var(--r-button, 12px);border:1px solid var(--border-neutral-md, rgba(233, 236, 227, .1));background:var(--surface-sunken, #0b0e07);color:var(--text, #e9ece3);font-family:var(--font-mono, monospace);font-size:max(15px,var(--field-size-floor, 0px))}.hpt input[type=text]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hpt .btn{padding:9px 18px;border-radius:var(--r-button, 12px);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.hpt .btn:disabled{opacity:.5;cursor:default}.hpt .btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hpt .btn.ghost{border:1px solid var(--border-neutral-md, rgba(233, 236, 227, .1));background:none;color:var(--text-secondary, #cdd2c4)}.hpt .btn.go{border:1px solid color-mix(in srgb,var(--g, #c8f051) 45%,transparent);background:var(--g, #c8f051);color:var(--on-green, #0b0f08)}.hpt .btn.danger{border:1px solid color-mix(in srgb,var(--status-loss, #e0625b) 45%,transparent);background:none;color:var(--status-loss, #e0625b)}.hpt .pot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}@media (max-width: 768px){.hpt .pot-grid{grid-template-columns:1fr}}
