.scene-unavailable::before,.scene-unavailable::after { display: none; }
.fallback-core { position: absolute; height: min(70%,36vw,520px); aspect-ratio: 1; left: 74%; top: 48%; transform: translate(-50%,-50%); perspective: 900px; touch-action: pan-y; }
.fallback-loop { position: absolute; inset: 7%; border: 20px solid #dbe4d5; border-radius: 46%; box-shadow: inset 3px 4px 0 #ffffffdd,inset -6px -5px 0 #5d6c52,3px 4px 0 #79916b; will-change: transform; }
.fallback-loop.loop-1 { inset: 12%; border-width: 17px; border-color: #aebda5; }
.fallback-loop.loop-2 { inset: 0; border-width: 3px; border-radius: 50%; border-color: #c0f85d; box-shadow: none; }
.scene-unavailable[data-mode='signal'] .fallback-loop { border-width: 2px; border-color: #c0f85d; box-shadow: 0 0 0 4px #c0f85d14; }
.fallback-board { position: absolute; inset: 10%; display: grid; grid-template-columns: repeat(9,1fr); grid-template-rows: repeat(8,1fr); gap: 6px; padding: 12px; border: 1px solid #92c9b2; background: #254c42c9; box-shadow: 7px 9px 0 #16332b,9px 11px 0 1px #84c3c0; transform-style: preserve-3d; }
.fallback-board i { background: #8eaa80; box-shadow: 2px 3px 0 #4f6e60; border-top: 3px solid #d6e3cd; }
.fallback-board i:nth-child(9n+1) { background: #c0f85d; }
.scene-unavailable[data-mode='signal'] .fallback-board { background: #16352d80; }
.scene-unavailable[data-mode='signal'] .fallback-board i { background: transparent; border: 1px solid #c0f85d; }
@media (max-width: 650px) {
  .fallback-core { height: 82%; left: 50%; top: 50%; perspective: 500px; }
  .fallback-loop { border-width: 9px; box-shadow: inset 1px 2px 0 #ffffffdd,inset -2px -3px 0 #5d6c52,2px 2px 0 #79916b; }
  .fallback-loop.loop-1 { border-width: 7px; }.fallback-loop.loop-2 { border-width: 2px; }
  .fallback-board { padding: 6px; gap: 3px; }.fallback-board i { border-top-width: 2px; }
}