.hx-fit{min-height:0;display:flex;overflow:clip;container-type:size}.hx-fit>.hx{flex:1;min-width:0;min-height:0}.hx{--hx-big:112px;--hx-small:26px;box-sizing:border-box;align-content:space-evenly;gap:var(--air-1,6px);width:100%;max-width:640px;height:100%;padding:var(--air-1,6px) var(--air-2,12px);color:var(--c-text);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;grid-template-rows:auto auto auto auto auto auto;margin:0 auto;display:grid}.hx *,.hx :before{box-sizing:border-box}.hx-top{justify-content:space-between;align-items:center;gap:var(--air-2,12px);display:flex}.hx-count{font:var(--fw-text,600) var(--ty-2,15px)/1.2 var(--font-text);opacity:.85;margin:0}.hx-seen{min-height:calc(var(--hx-small) * 1.4);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.hx-none{font:var(--fw-text,500) var(--ty-1,12px)/1 var(--font-text);opacity:.7}.hx-card{aspect-ratio:5/7;background:var(--c-card-face);color:var(--c-card-black);box-shadow:0 1px 0 var(--c-edge);font-family:var(--font-num);font-weight:var(--fw-num,800);border-radius:10%;place-items:center;line-height:1;display:inline-grid}.hx-big{width:var(--hx-big);font-size:calc(var(--hx-big) * .42)}.hx-small{width:var(--hx-small);font-size:calc(var(--hx-small) * .5);border-radius:4px}.hx-card.down{background:var(--c-card-back);background-image:repeating-linear-gradient(45deg, transparent 0 8px, var(--c-card-back-2) 8px 16px)}.hx-card.fresh{animation:hx-turn .45s var(--ease-out,ease-out)}.hx-pair{justify-content:center;align-items:center;gap:var(--air-3,20px);display:flex}.hx-next{display:inline-flex}.hx-rule{text-align:center;font:var(--fw-strong,700) var(--ty-2,15px)/1.3 var(--font-text);gap:2px;margin:0;display:grid}.hx-rule small{font:var(--fw-text,500) var(--ty-1,12px)/1.3 var(--font-text);opacity:.8}.hx-calls{gap:var(--air-2,12px);grid-template-columns:1fr 1fr;display:grid}.hx-call{border-radius:var(--r-md,16px);background:var(--c-surface);min-height:92px;color:var(--c-text);font:inherit;cursor:pointer;isolation:isolate;transition:background-color .3s var(--ease-out,ease-out), opacity .4s var(--ease-out,ease-out), box-shadow .4s var(--ease-out,ease-out);border:0;align-content:center;justify-items:center;gap:4px;margin:0;padding:8px;display:grid}.hx-word{font:var(--fw-strong,700) var(--ty-3,19px)/1 var(--font-text);letter-spacing:.04em;align-items:center;gap:6px;display:inline-flex}.hx-word i{opacity:.8;font-size:.8em;font-style:normal}.hx-slice{font:var(--fw-num,800) var(--ty-1,12px)/1 var(--font-num);border-radius:var(--r-pill,99px);background:var(--c-accent);color:var(--c-on-accent);padding:3px 8px}.hx-call.dead .hx-slice{color:var(--c-text-dim);background:0 0}.hx-call.dead{opacity:.55}.hx-toks{flex-wrap:wrap;justify-content:center;gap:2px;min-height:20px;display:flex}.hx .hx-tok{--d:16px;animation:hx-arrive .32s var(--ease-out,ease-out);margin:0}.hx .hx-tok.me{--d:20px}.hx-call.mine{background:var(--c-surface-hi);box-shadow:inset 0 0 0 2px var(--c-accent)}.hx-call.lit{outline:3px solid var(--c-focus)}.hx-call.won{background:var(--c-good);color:var(--c-on-good);box-shadow:0 0 22px color-mix(in srgb, var(--c-good) 45%, transparent)}.hx-call.lost{opacity:.5}.hx-say{text-align:center;min-height:1.3em;font:var(--fw-text,600) var(--ty-2,15px)/1.3 var(--font-text);margin:0}@keyframes hx-arrive{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0}}@keyframes hx-turn{0%{opacity:.2;rotate:y 90deg}to{opacity:1;rotate:y 0deg}}@container (height<=520px){.hx{--hx-big:84px;--hx-small:22px}.hx-call{min-height:72px}}@container (width>=560px) and (height>=620px){.hx{--hx-big:140px;--hx-small:34px}.hx-call{min-height:120px}}@media (prefers-reduced-motion:reduce){.hx *,.hx :before{transition-duration:1ms!important;animation-duration:1ms!important}}