.arc-key{--key-edge: #6fe3ff;--key-shadow: #1e5a66;--key-ink: #e8f4ff;--key-fill: #0c1420;--key-fill-on: #143a40;--key-ink-on: var(--key-ink);--key-focus: #fff;--key-drop: 4px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-width:44px;min-height:44px;margin:0;padding:.85em 1.1em;color:var(--key-ink);font:400 calc(10px * var(--text-scale, 1)) / 1.5 "Press Start 2P","Nano Mark",monospace;letter-spacing:.04em;text-align:center;text-transform:uppercase;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:var(--key-fill);border:3px solid var(--key-edge);border-radius:0;box-shadow:0 var(--key-drop) 0 var(--key-shadow);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.arc-key--gold{--key-edge: #ffd666;--key-shadow: #7a5a1a;--key-ink: #ffe9a8;--key-fill-on: #ffd666;--key-ink-on: #1a1200}.arc-key--pink{--key-edge: #ff5fd2;--key-shadow: #6b2a58;--key-ink: #ffd9f4;--key-fill-on: #4a1a3e}.arc-key--blue{--key-edge: #4aa8ff;--key-shadow: #1c4a7a;--key-ink: #d6ecff;--key-fill-on: #123659}.arc-key--green{--key-edge: #5fd3a0;--key-shadow: #1d5c46;--key-ink: #cdf7e4;--key-fill-on: #12382b}.arc-key:focus-visible{outline:3px solid var(--key-focus);outline-offset:3px}@media (hover: hover){.arc-key:hover:not(:disabled,[aria-disabled=true],[aria-pressed=true],[aria-checked=true],.is-on){background:color-mix(in srgb,var(--key-fill) 86%,var(--key-edge))}}.arc-key:active:not(:disabled,[aria-disabled=true]){transform:translateY(var(--key-drop));box-shadow:0 0 0 var(--key-shadow)}.arc-key:is([aria-pressed=true],[aria-checked=true],.is-on){color:var(--key-ink-on);background:var(--key-fill-on);transform:translateY(calc(var(--key-drop) / 2));box-shadow:0 calc(var(--key-drop) / 2) 0 var(--key-shadow)}.arc-key:is([aria-pressed=true],[aria-checked=true],.is-on):active:not(:disabled,[aria-disabled=true]){transform:translateY(var(--key-drop));box-shadow:0 0 0 var(--key-shadow)}.arc-key:is(:disabled,[aria-disabled=true]){opacity:.5;cursor:default;box-shadow:0 calc(var(--key-drop) / 2) 0 var(--key-shadow)}@media (prefers-reduced-motion: no-preference){.arc-key{transition:transform .06s,box-shadow .06s,background-color .12s}}:is(.arc-plate,.arc-cabinet:has(>.gk-end-actions)>.arc-screen--idle){box-sizing:border-box;background:var(--key-fill, #0c1420);border:3px solid var(--key-edge, #6fe3ff);border-radius:0;box-shadow:0 var(--key-drop, 4px) 0 var(--key-shadow, #1e5a66);-webkit-backdrop-filter:none;backdrop-filter:none}.arc-plate--green{--key-edge: #5fd3a0;--key-shadow: #1d5c46;--key-fill: #08140f}.arc-key--lamp:before{content:"";flex:none;width:.8em;height:.8em;border:2px solid currentColor}.arc-key--lamp:is([aria-pressed=true],[aria-checked=true],.is-on):before{background:currentColor}.arc-key--row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;justify-content:stretch;gap:.5em .8em;width:100%;text-align:left}.arc-key--row>small{grid-column:1 / -1}.arc-key-state{justify-self:end;color:var(--key-edge);text-align:right}.arc-key:is([aria-pressed=true],[aria-checked=true],.is-on) .arc-key-state{color:inherit}.arc-key small{display:block;font:600 calc(11px * var(--text-scale, 1)) / 1.3 system-ui,sans-serif;letter-spacing:0;text-transform:none;opacity:.85}.arc-ico{display:inline-block;margin-right:.45em;font:400 1.5em/.6 system-ui,sans-serif;vertical-align:-.1em}.arc-key b{font-weight:400}.run-choice.run-choice--keys{padding:0;background:none;border:0;border-radius:0}.run-choice--keys>.arc-key{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.6em;min-height:44px;padding:.85em 1.1em;color:var(--key-ink);text-align:left;border-radius:0}.run-choice--keys>.arc-key b{font:inherit}.run-choice--keys>.arc-key:is([aria-checked=true],[aria-pressed=true]){color:var(--key-ink-on)}.run-choice.run-choice--keys.run-choice--one{grid-template-columns:minmax(0,1fr);max-width:280px}.run-choice--keys .run-choice-reset{white-space:nowrap}.arc-keys{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:10px;max-width:100%}.arc-keys>.arc-key{flex:0 1 auto}.arc-keys--fill>.arc-key{flex:1 1 0}@media (forced-colors: active){.arc-key{border-color:ButtonText;box-shadow:none}.arc-key:is([aria-pressed=true],[aria-checked=true],.is-on){outline:2px solid Highlight}}.arc-keys-scope :is(.round-btn.is-coin,.round-btn.is-token,.round-btn.is-free,.eject-btn){--key-edge: #6fe3ff;--key-shadow: #1e5a66;--key-ink: #e8f4ff;box-sizing:border-box;gap:.7em;min-height:44px;padding:.85em 1.1em;color:var(--key-ink);font:400 calc(10px * var(--text-scale, 1)) / 1.5 "Press Start 2P","Nano Mark",monospace;letter-spacing:.04em;text-transform:uppercase;white-space:normal;background:#0c1420;border:3px solid var(--key-edge);border-radius:0;box-shadow:0 var(--key-drop, 4px) 0 var(--key-shadow)}.arc-keys-scope .round-btn.is-coin{--key-edge: #ffd666;--key-shadow: #7a5a1a;--key-ink: #ffe9a8}.arc-keys-scope .round-btn.is-token{--key-edge: #4aa8ff;--key-shadow: #1c4a7a;--key-ink: #d6ecff}@media (hover: hover){.arc-keys-scope :is(.round-btn.is-coin,.round-btn.is-token,.round-btn.is-free):hover:not(:disabled,:active){background:color-mix(in srgb,#0c1420 86%,var(--key-edge));box-shadow:0 var(--key-drop, 4px) 0 var(--key-shadow)}}.arc-keys-scope :is(.round-btn.is-coin,.round-btn.is-token,.round-btn.is-free,.eject-btn):focus-visible{outline:3px solid #fff;outline-offset:3px}.arc-keys-scope :is(.round-btn.is-coin,.round-btn.is-token,.eject-btn):disabled{opacity:.5}.arc-keys-scope .eject-btn{height:auto;min-width:44px;color:var(--key-ink);font-weight:400}.arc-keys-scope :is(.round-btn,.eject-btn):active:not(:disabled){transform:translateY(var(--key-drop, 4px));box-shadow:0 0 0 var(--key-shadow)}.arc-keys-scope .round-btn-icon{width:2em;height:2em;font-size:calc(9px * var(--text-scale, 1))}.arc-keys-scope .round-btn-text b{font-weight:400}.arc-keys-scope .round-btn-text small{font:600 calc(11px * var(--text-scale, 1)) / 1.3 system-ui,sans-serif;letter-spacing:0;text-transform:none}.arc-keys-scope .round-btn-tix{background:#ffffff1f;border-radius:0}@media (prefers-reduced-motion: no-preference){.arc-keys-scope .round-btn{transition:transform .06s,box-shadow .06s}}.room-screen .arc-key,.room-screen .arc-keys-scope :is(.round-btn.is-coin,.round-btn.is-token,.round-btn.is-free,.eject-btn){--key-drop: 3px;min-width:32px;min-height:32px;padding:.55em .8em;border-width:2px;font-size:calc(8px * var(--text-scale, 1))}
