.arc-rocks-steer{display:grid;grid-template-columns:64px 64px;gap:8px;justify-items:center}.arc-rocks-steer>:first-child{grid-column:1 / span 2}.arc-rocks-act{display:flex;align-items:flex-end;gap:8px}@media (max-width: 640px){.arc-rocks-intro .arc-fact{order:2}}.arc-cabinet .arc-screen.arc-rocks{width:min(960px,96%);height:96%}@media (max-width: 640px){.arc-cabinet .arc-screen.arc-rocks{width:100%}}@media (orientation: landscape) and (max-height: 900px){.arc-rocks-act{flex-direction:column;align-items:center}}.arc-rocks-left{display:grid;gap:8px;justify-items:center}.arc-rocks-pad{display:grid;place-items:center;width:clamp(136px,24vmin,200px);aspect-ratio:1;border:2px dashed rgb(94 242 255 / .4);border-radius:50%;color:#5ef2ffbf;font-size:calc(12px * var(--text-scale, 1));text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.arc-rocks-scheme{min-height:44px}.arc-rocks-ring,.arc-rocks-knob{position:fixed;left:0;top:0;z-index:60;border-radius:50%;opacity:0;pointer-events:none}.arc-rocks-ring{width:120px;height:120px;margin:-60px 0 0 -60px;border:2px solid rgb(94 242 255 / .45)}.arc-rocks-knob{width:36px;height:36px;margin:-18px 0 0 -18px;background:#5ef2ff73}.arc-rocks-knob.is-thrust{background:#ffc457b3}.arc-rocks{--gf-wide-line: 94 242 255}.room-screen:has(>.arc-rocks){--gf-wide: 140%}@container gf-room (max-width: 479.98px){@media (orientation: portrait){.arc-rocks .gf:has(>.gf-touch):after{content:"";position:absolute;top:calc(100% + 6px);left:-12px;right:-12px;height:calc(clamp(136px,24vmin,200px) + 76px);border-radius:18px;background:#060810f0;box-shadow:0 0 0 1px #5ef2ff2e;pointer-events:none}.arc-rocks .gf>.gf-touch{z-index:1}}}