.hj{--hj-me:#1d5bd8;--hj-me-bg:#e3ecfd;--hj-cpu:#c62828;--hj-cpu-bg:#fde6e4;gap:10px;min-width:0;display:grid}.hj-howto{background:var(--paper,#f8f6f1);border:1px solid var(--line);border-radius:10px;margin:0;padding:10px 12px 10px 30px;font-size:.95rem;line-height:1.6}.hj-dot{vertical-align:-.05em;border:3px solid;border-radius:50%;width:.8em;height:.8em;margin-right:2px;display:inline-block}.hj-dot--me{color:var(--hj-me)}.hj-dot--cpu{color:var(--hj-cpu)}.hj-turn{border:2px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:6px 10px;display:flex}.hj-turn__who{background:var(--fill);color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;padding:6px 12px;font-size:1.05rem;font-weight:800}.hj-turn[data-turn=me]{border-color:var(--hj-me);background:var(--hj-me-bg)}.hj-turn[data-turn=me] .hj-turn__who{background:var(--hj-me);color:#fff}.hj-turn[data-turn=cpu]{border-color:var(--hj-cpu);background:var(--hj-cpu-bg)}.hj-turn[data-turn=cpu] .hj-turn__who{background:var(--hj-cpu);color:#fff}.hj-turn__text{min-width:0;font-weight:600;line-height:1.4}.hj-stage{min-width:0;position:relative}.hj-stage canvas{outline-offset:3px;cursor:default;border-radius:12px}.hj-stage canvas.is-grab{cursor:grab}.hj-stage canvas.is-dragging{cursor:grabbing}.hj-banner{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#1f1d1ad1;border-radius:14px;margin:0;padding:10px 18px;font-size:clamp(1.2rem,5vw,2rem);font-weight:800;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hj-banner.is-on{opacity:1}.hj-banner.is-pop{animation:.35s ease-out hj-pop}.hj-banner[data-tone=me]{background:#1d5bd8e6}.hj-banner[data-tone=cpu]{background:#c62828e6}@keyframes hj-pop{0%{transform:translate(-50%,-50%)scale(.6)}70%{transform:translate(-50%,-50%)scale(1.12)}to{transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.hj-banner,.hj-banner.is-pop{transition:none;animation:none}}.hj-teams{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=520px){.hj-teams{grid-template-columns:1fr;gap:6px}}.hj-team{border:2px solid var(--hj-me);background:var(--hj-me-bg);border-radius:10px;align-items:center;gap:6px;min-width:0;padding:4px 8px;display:flex}.hj-team--cpu{border-color:var(--hj-cpu);background:var(--hj-cpu-bg)}.hj-team__label{white-space:nowrap;font-size:.85rem;font-weight:700}.hj-team__row{gap:2px;margin:0;padding:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.5rem;line-height:1.2;list-style:none;display:flex}.hj-team__row li{position:relative}.hj-team__row li.is-out{opacity:.3;filter:grayscale()}.hj-team__row li.is-out:after{content:"";border-top:3px solid var(--ink);position:absolute;top:50%;left:0;right:0;transform:rotate(-20deg)}.hj-keys{color:var(--ink-2);margin:0;font-size:.85rem}.hj[data-phase=setup] .hj-keys{display:none}.hj-result{border:3px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;gap:6px;padding:14px;display:grid}.hj-result[data-outcome=win]{background:#e5f5ea;border-color:#2f8f5b}.hj-result[data-outcome=lose],.hj-result[data-outcome=draw]{border-color:#9a8f80}.hj-result[hidden]{display:none}.hj-result__title{margin:0;font-size:1.6rem}.hj-result__text{margin:0;line-height:1.6}.hj-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hj-row .btn{min-height:48px}.hj-setup{gap:8px;min-width:0;display:grid}.hj-setup h3{margin:4px 0 0;font-size:1.05rem}.hj-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hj-slot{appearance:none;border:2px dashed var(--edge);background:var(--surface);width:100%;min-height:92px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;align-content:center;justify-items:center;gap:2px;padding:6px 4px;display:grid}.hj-slot.is-filled{border-style:solid;border-color:var(--hj-me);background:var(--hj-me-bg)}.hj-slot[aria-current=true]{outline-offset:2px;outline:3px solid #e0a100}.hj-slot__emoji{font-size:2.2rem;line-height:1.1}.hj-slot__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;font-weight:700;overflow:hidden}.hj-slot__traits{color:var(--ink-2);font-size:.75rem}.hj-note{color:var(--ink-2);margin:0;font-size:.85rem}.hj-start{min-width:12em;font-size:1.1rem}.hj-picker .ep-grid{max-height:340px}.hj[data-phase=play] .hj-setup,.hj[data-phase=result] .hj-setup{display:none}.hj-credit{color:var(--ink-2);margin:4px 0 0;font-size:.75rem}