.hb{display:grid;grid-gap:12px;gap:12px}.hb-board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;padding:16px 12px 12px;border-radius:22px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px var(--ink-line),0 24px 48px -24px rgba(20,6,14,.7)}.hb-tag{position:absolute;top:-11px;right:14px;padding:3px 10px;border-radius:999px;background:var(--fire-ink);color:#2a0f17;font-size:var(--fs-label);font-weight:900}.hb-col{display:grid;grid-gap:6px;gap:6px;justify-items:stretch}.hb-name{text-align:center;font-size:var(--fs-label);color:var(--ink-dim);font-weight:700}.hb-tile{position:relative;display:grid;place-items:center;aspect-ratio:1/1.08;border-radius:14px;background:linear-gradient(180deg,#57324a,#4a2a3c 50%,#432536 50.5%,#3d2232);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 14px -8px rgba(0,0,0,.6);color:var(--ink-fg);transform-origin:50% 50%;animation:hb-flip .16s ease-out}.hb-tile:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:rgba(0,0,0,.35)}.hb-tile b{font-size:clamp(32px,10.5vw,58px);font-weight:900;line-height:1}.hb-tile b.hanja{font-family:var(--serif)}.hb-tile small{position:absolute;bottom:5px;right:8px;font-size:12px;font-weight:700;opacity:.7}.hb-tile--blank b{color:var(--ink-dim);opacity:.55;font-weight:800}.hb-tile[data-el=wood] b{color:var(--wood-ink)}.hb-tile[data-el=fire] b{color:var(--fire-ink)}.hb-tile[data-el=earth] b{color:var(--earth-ink)}.hb-tile[data-el=metal] b{color:var(--metal-ink)}.hb-tile[data-el=water] b{color:var(--water-ink)}@keyframes hb-flip{0%{transform:perspective(300px) rotateX(-70deg);opacity:.4}to{transform:none;opacity:1}}.hb-caption{margin:0;font-size:var(--fs-sub);color:var(--ink-dim)}.hb-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.hb-field input{width:100%;box-sizing:border-box;height:54px;padding:0 16px;border-radius:14px;border:1px solid var(--ink-line);background:rgba(255,255,255,.07);color:var(--ink-fg);font:inherit;font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.hb-field input::placeholder{color:var(--ink-dim);opacity:.8}.hb-field input:focus-visible{outline:2px solid var(--fire-ink);outline-offset:2px}.hb-go{height:54px;padding:0 18px;border:0;border-radius:14px;background:var(--ink-fg);color:var(--ink-bg);font:inherit;font-weight:900;cursor:pointer;transition:transform .15s ease}.hb-go:active{transform:scale(.97)}.hb-msg{margin:0;min-height:1.2em;font-size:var(--fs-sub);color:var(--fire-ink)}.hb-msg:empty{display:none}.hb-next{display:grid;grid-gap:10px;gap:10px;animation:hb-rise .3s ease-out}.hb-next__ilju{color:var(--ink-fg);font-weight:700;text-underline-offset:5px}@keyframes hb-rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@media (min-width:900px){.hb-board{padding:22px 18px 16px;gap:12px}}@media (prefers-reduced-motion:reduce){.hb-next,.hb-tile{animation:none}}.hb-in-intro{margin-top:18px;max-width:520px}.hb-card{position:relative;isolation:isolate;overflow:hidden;padding:26px 18px 20px;border-radius:24px;color:var(--ink-fg);background:radial-gradient(110% 80% at 100% 0,rgba(194,48,42,.42),transparent 62%),var(--ink-bg);box-shadow:0 30px 60px -32px rgba(58,32,48,.75)}.hb-card .hb{max-width:520px;margin:0 auto}.hb--mini{gap:0;margin:2px 0 12px}.hb--mini .hb-board{gap:5px;padding:12px 8px 8px;border-radius:14px}.hb--mini .hb-tag{top:-9px;right:10px;padding:1px 8px;font-size:12px}.hb--mini .hb-name{font-size:12px}.hb--mini .hb-tile{border-radius:9px;aspect-ratio:1/.9}.hb--mini .hb-tile b{font-size:clamp(20px,6vw,28px)}.hb--mini .hb-tile small{display:none}.hb-card--sheet{margin:0 0 14px;padding:22px 14px 16px}