.hp-tool{flex-direction:column;gap:1rem;display:flex}.hp-group-label{letter-spacing:.05em;color:var(--text-dim);font-size:.78rem}.hp-mode-row{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;display:flex}.hp-tool .hp-mode .seg-btn{padding:0 .9rem}.hp-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-items:end;gap:.7rem .9rem;max-width:34rem;display:grid}.hp-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.hp-tool .hp-field input:is([type=number],[data-num]){width:100%;min-width:0;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:0;padding:.45rem .55rem;font-size:.95rem}.hp-hint{color:var(--text-dim);margin:-.4rem 0 0;font-size:.82rem}.hp-verdict-box{border-left:3px solid var(--accent);background:var(--bg-hover);padding:.6rem .85rem}.hp-verdict{color:var(--text);margin:0;font-size:.93rem;line-height:1.5}.hp-tool .hp-player{flex-wrap:wrap;align-items:center;gap:.45rem .8rem;margin-bottom:-.5rem;display:flex}.hp-tool .hp-player .hp-player-btn{min-width:2.2rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:0;padding:.35rem .6rem;font-size:.9rem;line-height:1}.hp-tool .hp-player .hp-player-btn:hover{border-color:var(--accent)}.hp-tool .hp-inline{color:var(--text);align-items:center;gap:.4rem;font-size:.86rem;display:inline-flex}.hp-tool .hp-inline select{width:auto;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:0;padding:.3rem .45rem;font-size:.86rem}.hp-tool .hp-check input{accent-color:var(--accent);margin:0}.hp-visual{margin:0}.hp-heading{margin:.2rem 0 0;font-size:1.05rem}.hp-table-note{color:var(--text-dim);margin:0;font-size:.86rem}.hp-table-wrap{overflow-x:auto}.hp-tool .hp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}.hp-tool .hp-table th,.hp-tool .hp-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:.35rem .6rem}.hp-tool .hp-table thead th{letter-spacing:.04em;color:var(--text-dim);font-size:.76rem;font-weight:600}.hp-tool .hp-table tbody th{text-align:left;font-weight:600}.hp-tool .hp-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));max-width:none}.hp-tool .hp-controls[hidden]{display:none}.hp-tool .hp-place{border:1px solid var(--border);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-width:0;margin:0;padding:.45rem .6rem .6rem;display:grid}.hp-tool .hp-place .hp-field{justify-content:flex-end}.hp-tool .hp-place legend{padding:0 .3rem}.hp-tool .hp-dot{vertical-align:middle;border-radius:50%;width:.6rem;height:.6rem;margin-right:.35rem;display:inline-block}.hp-tool .hp-player.hp-no-play #hp-play,.hp-tool .hp-player.hp-no-play .hp-inline:not(.hp-check){display:none}
