.oll-top-view-panel{position:absolute;top:46px;left:8px;z-index:3;width:116px;display:flex;flex-direction:column;gap:8px;padding:8px 6px 10px;border-radius:10px;background:#14141ce0;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0000004d;overflow:visible}.oll-top-view-panel__label{font-size:.7rem;font-weight:600;color:#ffffffb3;text-align:center;line-height:1}.oll-top-view-panel__grid{position:relative;width:92px;height:92px;margin:0 auto;overflow:visible}.oll-top-view-panel__edges{position:absolute;inset:0;width:100%;height:100%;color:#00bcd4;z-index:1;overflow:visible}.oll-top-view-panel__cell-list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;gap:2px}.oll-top-view-panel__cell{border-radius:3px}.oll-top-view-panel__cell--oriented{background:gold;border:1px solid rgba(0,0,0,.12)}.oll-top-view-panel__cell--misoriented{background:#888;border:1px solid rgba(0,0,0,.12)}.oll-top-view-panel__cell--center{background:gold;border:1px solid rgba(0,0,0,.12)}.oll-top-view-panel__effect-arrow{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}