.vv{--vv-l: 10px;position:relative;display:flex;flex-direction:column;gap:var(--s2);max-width:420px;padding-block:var(--s3);height:clamp(430px,var(--gm-h, 100svh),820px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.vv-duel{margin-inline:var(--vv-l);padding:7px var(--s3);border-radius:var(--r-s);background:var(--red);color:#fff;font-size:var(--t-small);line-height:1.3}.vv-duel b{font-weight:var(--w-sub)}.vv-gt{flex:none;font:var(--w-head) 9.4vw/.92 var(--font);letter-spacing:var(--ls-caps);white-space:nowrap;transform-origin:var(--o, 50%) 55%}.vv-gr{flex:none;min-height:42px;padding-inline:var(--vv-l);font-size:15px;line-height:1.4;color:var(--muted)}.vv-gr b{color:var(--ink);font-weight:var(--w-btn)}.vv-gr.is-sub{min-height:0;color:var(--ink);font-size:16px;font-weight:var(--w-strong);line-height:1.3}.vv-field{position:relative;flex:1;min-height:190px;touch-action:pan-y}.vv-field canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vv-ftop{position:absolute;left:calc(var(--vv-l) + 10px);right:calc(var(--vv-l) + 4px);top:9px;display:flex;justify-content:space-between;align-items:flex-start;font-size:13px;line-height:1.2;color:var(--muted);pointer-events:none}.vv-cells{display:flex;gap:4px;margin-top:7px}.vv-cells i{width:20px;height:6px;border-radius:3px;background:var(--line)}.vv-cells i.is-cur{background:none;box-shadow:inset 0 0 0 1.5px var(--ink)}.vv-cells i.is-ok{background:var(--ink)}.vv-cells i.is-lit{background:var(--red)}.vv-snd{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:var(--tap);height:var(--tap);padding-inline:12px;font:var(--w-btn) 14px/1 var(--font);margin:-9px -6px 0 0;border-radius:var(--r-pill);color:var(--muted)}.vv-snd svg{width:22px;height:22px}.vv-snd[aria-pressed=true]{color:var(--ink)}.vv-snd[aria-pressed=false] .vv-snd__w,.vv-snd[aria-pressed=true] .vv-snd__x{display:none}.vv-field.is-lit .vv-ftop{color:var(--on-dark-muted)}.vv-field.is-lit .vv-snd{color:var(--bg)}.vv-field.is-lit .vv-cells i.is-ok{background:var(--bg)}.vv.is-fnl{height:auto;min-height:var(--gm-h, 100svh)}.vv.is-fnl .vv-field{min-height:150px}.vv.is-fnl .vv-ftop{display:none}.vv-after{flex:none;padding-inline:var(--vv-l);font-size:13px;line-height:1.4;color:var(--muted)}.vv-after b{color:var(--ink)}.vv-us{margin-top:4px;color:var(--ink);font-size:var(--t-small);font-weight:500}.vv-act{flex:none;display:flex;justify-content:center}.vv-hold{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding-inline:64px;border-radius:var(--r-pill);background:var(--red);color:#fff;font:var(--w-head) 18px/1 var(--font);letter-spacing:.06em;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background-color .12s,transform .08s}.vv-hold:active,.vv-hold.is-on{background:var(--red-press);transform:scale(.985)}.vv-hold.is-nx{background:var(--ink);color:var(--bg);font:var(--w-btn) 17px/1 var(--font);letter-spacing:0}@media(hover:hover){.vv-hold:hover{background:var(--red-hover)}.vv-hold.is-on{background:var(--red-press)}.vv-hold.is-nx:hover{background:color-mix(in srgb,var(--ink) 85%,var(--bg))}}.vv-fin{display:flex;flex-wrap:wrap;gap:var(--s2)}