.hp-panel{padding:22px 22px 18px}.hp-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:.55rem;letter-spacing:.11em;text-transform:uppercase;color:rgba(226,236,248,.5);margin-bottom:10px}.hp-hd b{color:#fff;font-weight:700;letter-spacing:.08em}.hp-trap{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hp-cell{border-radius:10px;padding:11px 12px;text-align:center}.hp-cell-k{display:block;font-family:var(--mono);font-size:.48rem;letter-spacing:.11em;text-transform:uppercase;color:rgba(226,236,248,.45)}.hp-cell b{display:block;font-family:var(--sora);font-weight:800;font-size:.9rem;margin-top:6px;letter-spacing:-.02em}.hp-cell.is-wrong{background:rgba(229,52,43,.14);border:1px solid rgba(255,120,102,.36)}.hp-cell.is-wrong b{color:#ff9a8f}.hp-cell.is-right{background:rgba(74,222,128,.13);border:1px solid rgba(74,222,128,.34)}.hp-cell.is-right b{color:#8fd7a6}.hp-chain{margin-top:10px;display:grid;gap:4px}.hp-link{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:8px;padding:9px 11px}.hp-link code{font-family:var(--mono);font-size:.53rem;font-weight:700;color:#ff9a8f;letter-spacing:.05em}.hp-link span{font-family:var(--mono);font-size:.52rem;color:rgba(226,236,248,.55);line-height:1.35}.hp-arrow{text-align:center;font-family:var(--mono);font-size:.5rem;color:rgba(226,236,248,.28);letter-spacing:.2em}.hp-cost{margin-top:11px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.57rem;color:#ffb3a9;background:rgba(229,52,43,.14);border:1px solid rgba(255,120,102,.35);border-radius:8px;padding:8px 10px}.hp-out{margin-top:11px;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.6rem;color:#8fd7a6;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:5px 10px}@media(max-width:520px){.hp-trap{grid-template-columns:1fr}.hp-link{grid-template-columns:1fr;gap:4px}}.hp-recon{margin-top:30px;display:grid;grid-template-columns:1fr 66px 1fr;align-items:center}.hp-book{border:1px solid var(--line);border-radius:20px;background:#fff;padding:26px}.hp-book.is-claim{background:var(--red-soft);border-color:var(--red-line)}.hp-book-k{display:block;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}.hp-book.is-claim .hp-book-k{color:var(--red)}.spg .hp-book b{display:block;font-family:var(--sora);font-weight:800;font-size:1rem;color:var(--ink);letter-spacing:-.02em;margin-bottom:8px}.hp-book p{font-size:.84rem;color:var(--muted);line-height:1.6}.hp-eq{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:1.4rem;font-weight:700;color:var(--red)}.hp-recon-note{grid-column:1/-1;margin-top:16px;text-align:center;font-family:var(--mono);font-size:.7rem;color:var(--red);letter-spacing:.02em}@media(max-width:820px){.hp-recon{grid-template-columns:1fr}.hp-eq{padding:14px 0}}.hp-worlds{margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hp-world{border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px}.hp-world code{display:block;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--red)}.spg .hp-world b{display:block;font-family:var(--sora);font-weight:800;font-size:.9rem;color:var(--ink);margin:9px 0 6px;letter-spacing:-.02em}.hp-world p{font-size:.79rem;color:var(--muted);line-height:1.5}@media(max-width:900px){.hp-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.hp-worlds{grid-template-columns:1fr}}