/* QuizQuest Coding Lab — the 3D world's overlays */
.rbx{position:relative;overflow:hidden;background:#8ecdf7;user-select:none;-webkit-user-select:none}
.rbx-view,.rbx-view canvas{position:absolute;inset:0;display:block}
.rbx-gui{position:absolute;inset:0;pointer-events:none;z-index:3;font-family:Nunito,Arial,sans-serif}
.rbx-sg{position:absolute;inset:0}
.rbx-go{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#111;line-height:1.1;padding:0 4px}
.rbx-go span{display:block;width:100%}
.rbx-btn{pointer-events:auto;cursor:pointer;font:inherit;transition:filter .1s,transform .08s}
.rbx-btn:not(.noauto):hover{filter:brightness(.88)}
.rbx-btn:active{transform-origin:center;filter:brightness(.75)}
.rbx-box{pointer-events:auto;font:inherit;outline:0;padding:0 8px}
.rbx-board{position:absolute;top:10px;right:10px;z-index:4;background:rgba(20,22,30,.55);color:#fff;border-radius:10px;padding:6px 8px;font:700 13px Nunito,Arial,sans-serif;pointer-events:none;backdrop-filter:blur(2px)}
.rbx-board table{border-collapse:collapse}
.rbx-board th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#cfd8ff;padding:2px 8px;text-align:left}
.rbx-board td{padding:2px 8px;font-size:14px}
.rbx-board td+td,.rbx-board th+th{text-align:center}
.rbx-dead{position:absolute;left:50%;top:22%;transform:translateX(-50%);z-index:5;background:rgba(0,0,0,.6);color:#fff;font:800 20px Fredoka,Nunito,sans-serif;padding:8px 18px;border-radius:999px;pointer-events:none}
.rbx-stick{position:absolute;left:18px;bottom:18px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.18);border:3px solid rgba(255,255,255,.45);z-index:6;touch-action:none;display:none}
.rbx-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.8);pointer-events:none}
.rbx-jump{position:absolute;right:20px;bottom:24px;width:74px;height:74px;border-radius:50%;border:3px solid rgba(255,255,255,.6);background:rgba(255,255,255,.25);color:#fff;font-size:34px;font-weight:900;z-index:6;touch-action:none;display:none}
.rbx-help{position:absolute;left:10px;bottom:8px;z-index:4;color:#fff;font:700 12px Nunito,Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none;opacity:.85}
@media (pointer:coarse){.rbx-stick,.rbx-jump{display:block}.rbx-help{display:none}}
.rbx.touch .rbx-stick,.rbx.touch .rbx-jump{display:block}.rbx.touch .rbx-help{display:none}
.rbx .hide{display:none!important}