.arcade42-stage{position:relative;min-width:0;overflow:visible;isolation:isolate}
.arcade42-host{position:absolute;width:min(180px,100%);height:min(235px,100%);transform:translate(-50%,-50%);touch-action:none;user-select:none;cursor:grab;z-index:3;outline:none;border-radius:35%}
.arcade42-host:focus-visible{outline:2px solid #ffc27d;outline-offset:-12px}
.arcade42-host.is-dragging{cursor:grabbing;z-index:10;filter:drop-shadow(0 6px 8px #0008)}
.arcade42-host canvas,.arcade42-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.arcade42-host canvas{opacity:0}.arcade42-host.is-live canvas{opacity:1}.arcade42-host.is-live .arcade42-placeholder{display:none}
.arcade42-status{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:max-content;max-width:180px;text-align:center;font:10px/1.35 monospace;letter-spacing:.02em;color:#e1d7bd;text-shadow:0 1px 3px #000;pointer-events:none}
.arcade42-dock{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(160px,100%);height:88px;z-index:1;border:0;background:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;filter:drop-shadow(0 4px 3px #0008)}
.arcade42-dock.is-drop-target,.arcade42-dock:focus-visible{outline:2px dashed #83e6ce;outline-offset:2px;border-radius:22px;filter:drop-shadow(0 0 9px #55e3bf77)}
.arcade42-dock[data-charging=true]{filter:drop-shadow(0 0 6px #55e3bf55)}
@media(max-width:700px){.arcade42-host{height:min(200px,100%)}.arcade42-status{font-size:9px;max-width:140px}}