.arcade{gap:var(--fst-space-6);max-width:calc(var(--fst-space-32) * 6);display:grid}.arcade__frame:focus-visible{outline-offset:var(--fst-space-1)}.arcade__frame{border:var(--fst-border-width-thin) solid var(--fst-color-border-default);border-radius:var(--fst-radius-xl);background:var(--fst-color-bg-surface);position:relative;overflow:hidden}.arcade__hud{z-index:1;padding:var(--fst-space-3) var(--fst-space-4);color:var(--fst-color-text-secondary);pointer-events:none;justify-content:space-between;align-items:baseline;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.arcade__score{color:var(--fst-color-text-primary);font-variant-numeric:tabular-nums}.arcade__stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.arcade__canvas{aspect-ratio:8/3;width:100%;image-rendering:pixelated;display:block}.arcade__overlay{padding:var(--fst-space-4);text-align:center;background:color-mix(in oklab, var(--fst-color-bg-surface) 78%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.arcade__overlay p{margin:0}.arcade__result{justify-items:center;gap:var(--fst-space-2);display:grid}.arcade__record{color:var(--fst-color-text-signal)}.arcade__strip{width:var(--fst-space-16);height:var(--fst-space-1);margin-block:var(--fst-space-2) var(--fst-space-5);background:var(--fst-gradient-spectrum);display:block;transform:rotate(-26.5651deg)}.arcade__controls{gap:var(--fst-space-3);flex-wrap:wrap;display:flex}.arcade__help{gap:var(--fst-space-3);display:grid}.arcade__help ul{gap:var(--fst-space-1);margin:0;padding-inline-start:var(--fst-space-5);display:grid}