.duel{display:flex;flex-direction:row;gap:12px;height:calc(var(--dvh,100vh) - 120px)}
.duel.v{flex-direction:column}
.zone{flex:1;min-height:0;min-width:0;overflow:hidden;border-radius:18px;color:#fff;font-size:clamp(20px,3vw,34px);line-height:1.4;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.zone .big{font-size:clamp(48px,9vw,110px);line-height:1.1;font-weight:900}
.hk{display:block;margin:auto;width:min(100%,var(--cw,400px));width:min(100%,1400px,calc((var(--dvh,100vh) - 115px)*var(--ar,1)));height:auto;touch-action:none;background:#1f6b6b;border-radius:14px}
.c4,.ut,.dg,.rv,.mu,.ch8{width:min(100%,calc(var(--dvh,100vh) - 117px));margin:0 auto}
.kc.bad{box-shadow:inset 0 0 0 100px #ff1f1f66}
.hint{opacity:.7;font-weight:500;text-align:center;margin:6px 0;font-size:15px}
.rot180{transform:rotate(180deg)}