.isv-game{--fk-size: 44px;--fk-gap: 8px;--fk-edge: 8px;--fk-n: 2;--fk-top: calc(var(--isv-safe-top, 0px) + var(--fk-edge));--fk-x1: calc(var(--isv-safe-right, 0px) + var(--fk-edge));--fk-x2: calc(var(--fk-x1) + var(--fk-size) + var(--fk-gap));--fk-x3: calc(var(--fk-x2) + var(--fk-size) + var(--fk-gap));--frame-keys-w: calc(var(--fk-x1) + var(--fk-n) * (var(--fk-size) + var(--fk-gap)));--frame-keys-h: calc(var(--fk-top) + var(--fk-size) + var(--fk-gap));--fk-face: var(--dlg-paper, #fff6e4);--fk-shade: var(--dlg-paper-shade, #f3dfb8);--fk-ink: var(--dlg-edge, #1b1c3d);--fk-shine: #fffdf7;--fk-radius: 50%;--fk-focus: var(--dlg-focus, #1565c0)}.isv-game:has(.isv-cabinet :is(.ctl-help-btn,.fk-help)){--fk-n: 3}.fk-zone{position:absolute;z-index:80;top:var(--fk-top);right:var(--fk-x1);display:flex;gap:var(--fk-gap)}.fk-key,.isv-game.isv-game .isv-cabinet :is(.ctl-help-btn,.fk-help){box-sizing:border-box;display:grid;place-items:center;width:var(--fk-size);min-width:var(--fk-size);height:var(--fk-size);margin:0;padding:0;border:var(--dlg-stroke, 3px) solid var(--fk-ink);border-radius:var(--fk-radius);background:var(--fk-face);box-shadow:inset 0 -4px 0 var(--fk-shade),0 3px 0 var(--fk-ink);color:var(--fk-ink);font:800 calc(19px * var(--text-scale, 1)) / 1 var(--dlg-font, system-ui, sans-serif);opacity:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.isv-game.isv-game .isv-cabinet :is(.ctl-help-btn,.fk-help){position:absolute;z-index:80;top:var(--fk-top);right:var(--fk-x3);bottom:auto;left:auto;transform:none}.isv-game.isv-game .isv-cabinet :is(.ctl-help-btn,.fk-help):after{content:none}.fk-key>svg{display:block;width:28px;height:28px}@media (hover: hover){.fk-key:hover,.isv-game.isv-game .isv-cabinet :is(.ctl-help-btn,.fk-help):hover{background:var(--fk-shine)}}.fk-key:active,.isv-game.isv-game .isv-cabinet :is(.ctl-help-btn,.fk-help):active{transform:translateY(2px);box-shadow:inset 0 -4px 0 var(--fk-shade),0 1px 0 var(--fk-ink)}.fk-key:focus-visible,.isv-game.isv-game .isv-cabinet :is(.ctl-help-btn,.fk-help):focus-visible{outline:3px solid var(--fk-focus);outline-offset:3px}.fk-cog[aria-expanded=true]{transform:translateY(2px);box-shadow:inset 0 -4px 0 var(--fk-shade),0 1px 0 var(--fk-ink)}@media (prefers-reduced-motion: reduce){.fk-key:active,.fk-cog[aria-expanded=true],.isv-game.isv-game .isv-cabinet :is(.ctl-help-btn,.fk-help):active{transform:none}}.isv-game .cd-scrim--frame{padding-top:max(16px,var(--frame-keys-h))}.isv-game .path-scrim{box-sizing:border-box;padding-top:var(--frame-keys-h)}@container cd (max-width: 599.98px){.isv-game .gd .cd{height:100%}}.isv-game .fk-dialog{--dlg-z: 58;--dlg-w: 420px;--dlg-w-short: 520px;--fo-row: #fffdf6}.fk-status{display:flex;align-items:center;gap:8px;margin:0;font-weight:800}.fk-status.is-live{color:var(--dlg-muted);font-weight:700}.fk-rows{display:flex;flex-direction:column;gap:8px}.fk-slot,.fk-hold{display:contents}.fo-sec{display:flex;flex-direction:column;gap:8px}.fk-foot-slot{display:contents}.fk-foot-slot>*{flex:1 1 calc(50% - 5px)}@container cd (min-width: 600px){.fk-foot-slot>*{flex:0 0 auto}}.fo-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:6px 8px 6px 10px;border:2.5px solid var(--dlg-edge);border-radius:16px;background:var(--fo-row);box-shadow:0 3px 0 var(--dlg-edge);color:#1b1c3d}.fo-icon{display:grid;place-items:center}.fo-icon>svg{display:block;width:28px;height:28px}.fo-label{font-weight:800;line-height:1.2}.fo-row.is-off .fo-label,.fo-row.is-off .fo-icon{opacity:.55}.fo-row--wide{grid-template-columns:30px minmax(0,1fr);row-gap:6px;padding-bottom:8px}.fo-row--wide>.fo-ctl{grid-column:1 / -1}.fo-switch{position:relative;flex:none;width:60px;height:36px;margin:0;padding:0;border:2.5px solid var(--dlg-edge);border-radius:999px;background:#d9d3e4;box-shadow:inset 0 3px #1b1c3d2e;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s}.fo-switch[aria-checked=true]{background:var(--dlg-accent)}.fo-knob{position:absolute;top:3px;left:3px;width:25px;height:25px;box-sizing:border-box;border:2.5px solid var(--dlg-edge);border-radius:50%;background:#fffdf6;box-shadow:0 2px 0 var(--dlg-edge);transition:transform .15s}.fo-switch[aria-checked=true] .fo-knob{transform:translate(24px)}.fo-switch:disabled{opacity:.5;cursor:default}.fo-switch:focus-visible,.fo-choice>button:focus-visible{outline:3px solid var(--ck-focus, #2a9df4);outline-offset:2px}.fo-choice{display:flex;gap:8px}.fo-choice>button{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:56px;margin:0;padding:6px 4px 5px;border:2.5px solid var(--dlg-edge);border-radius:14px;background:var(--dlg-key);box-shadow:0 3px 0 var(--dlg-edge);color:#1b1c3d;font:800 calc(13px * var(--text-scale, 1)) / 1.1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fo-choice>button>span>svg{display:block;width:26px;height:26px}.fo-choice>button[aria-checked=true]{background:var(--dlg-accent);box-shadow:inset 0 3px #1b1c3d38;transform:translateY(3px)}@media (hover: hover){.fo-choice>button:not([aria-checked=true]):hover{background:var(--dlg-key-on)}}@media (prefers-reduced-motion: reduce){.fo-switch,.fo-knob{transition:none}.fo-choice>button[aria-checked=true]{transform:none}}