.ptable{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:20px 0;padding:14px 18px 12px}.ptable-label{color:var(--accent);font-size:14px;font-weight:600}.ptable-modes{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:14px;display:flex}.ptable-modes button{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;padding:2px 12px;font-size:14px}.ptable-modes button.active{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}.ptable-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;display:none}.ptable[data-color=category] .ptable-legend[data-for=category],.ptable[data-color=state] .ptable-legend[data-for=state],.ptable[data-color=block] .ptable-legend[data-for=block]{display:flex}.ptable-legend span{align-items:center;gap:5px;display:inline-flex}.ptable-legend i{border:1px solid var(--border);border-radius:3px;width:14px;height:14px;display:inline-block}.ptable-swipe{color:var(--muted);margin:8px 0 0;font-size:13px;display:none}@media (width<=720px){.ptable-swipe{display:block}}.ptable-scroll{margin-top:10px;padding-bottom:4px;overflow:auto hidden}.ptable-grid{grid-template-rows:auto repeat(7,auto) 10px auto auto;grid-template-columns:20px repeat(18,minmax(34px,1fr));gap:2px;min-width:660px;display:grid}.pt-head,.pt-period{color:var(--muted);justify-content:center;align-items:flex-end;font-size:11px;font-weight:600;display:flex}.pt-period{align-items:center}.pt-flabel{color:var(--muted);justify-content:flex-end;align-items:center;padding-right:6px;font-size:11px;display:flex}.pt-fslot{border:1px dashed var(--border);color:var(--muted);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;font-size:9px;line-height:1.25;display:flex}.pt-fslot small{font-size:9px}.pt-cell{min-height:40px;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:2px 0;line-height:1.15;display:flex}.pt-cell:hover,.pt-cell.row,.pt-cell.col{border-color:var(--accent)}.ptable[data-color=none] .pt-cell.row,.ptable[data-color=none] .pt-cell.col{box-shadow:inset 0 0 0 40px var(--accent-soft)}.pt-cell.sel{outline:2px solid var(--accent);outline-offset:-1px;font-weight:700}.pt-z{color:var(--muted);font-size:9px}.pt-sym{font-size:14px;font-weight:700}.pt-name{color:var(--muted);font-size:10px}.ptable[data-color=category] .pt-cell[data-cat=metal],.ptable-legend i[data-cat=metal]{background:#3b82f629}.ptable[data-color=category] .pt-cell[data-cat=nonmetal],.ptable-legend i[data-cat=nonmetal]{background:#22c55e38}.ptable[data-color=category] .pt-cell[data-cat=noble],.ptable-legend i[data-cat=noble]{background:#a855f738}.ptable[data-color=category] .pt-cell[data-mtl],.ptable-legend i[data-mtl]{background:#eab3084d}.ptable[data-color=block] .pt-cell[data-block=s],.ptable-legend i[data-block=s]{background:#ef444433}.ptable[data-color=block] .pt-cell[data-block=p],.ptable-legend i[data-block=p]{background:#eab30847}.ptable[data-color=block] .pt-cell[data-block=d],.ptable-legend i[data-block=d]{background:#3b82f62e}.ptable[data-color=block] .pt-cell[data-block=ds],.ptable-legend i[data-block=ds]{background:#0ea5e952}.ptable[data-color=block] .pt-cell[data-block=f],.ptable-legend i[data-block=f]{background:#22c55e3d}.ptable[data-color=state] .pt-cell[data-state=solid],.ptable-legend i[data-state=solid]{background:#78716c29}.ptable[data-color=state] .pt-cell[data-state=liquid],.ptable-legend i[data-state=liquid]{background:#2563eb66}.ptable[data-color=state] .pt-cell[data-state=gas],.ptable-legend i[data-state=gas]{background:#38bdf838}.ptable[data-color=state] .pt-cell[data-state=unknown],.ptable-legend i[data-state=unknown]{background:repeating-linear-gradient(135deg,#0000 0 4px,#78716c38 4px 6px)}.ptable-find{background:var(--surface-2);border-radius:8px;margin-top:10px;padding:8px 12px;font-size:15px}.ptable-find p{margin:2px 0 6px}.ptable-q{font-weight:600}.ptable-a.ok{color:var(--ok);font-weight:600}.ptable-a.bad{color:var(--bad)}.ptable-a:empty{display:none}.ptable-next{font:inherit;border:1px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer;border-radius:8px;padding:3px 12px;font-size:14px}.ptable-score{color:var(--muted);margin-left:12px;font-size:14px}.ptable-detail{margin-top:10px;font-size:15px}.ptable-hint{color:var(--muted);margin:0}.ptable-detail ul{margin:6px 0 0;padding-left:1.2em}.ptable-card{border:2px solid var(--accent);border-radius:8px;align-items:baseline;gap:8px;padding:2px 12px;display:inline-flex}.ptable-card .z{color:var(--muted);font-size:13px}.ptable-card b{font-size:24px}.ptable-card .n{text-transform:capitalize;font-size:16px}