.bg-wrapper{z-index:1;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:0;width:100%;height:100%;margin:0 auto;padding:0;display:flex;position:relative;overflow:hidden}.bg-board{--board-aspect:1.4;--side-panel-w:60px;--av-h:100vh;--av-w:100vw;aspect-ratio:7/5;height:min(var(--av-h), calc((var(--av-w) - (var(--side-panel-w) * 2)) / var(--board-aspect)));width:min(calc(var(--av-h) * var(--board-aspect)), calc(var(--av-w) - (var(--side-panel-w) * 2)));margin:0 var(--side-panel-w);border-radius:8px;position:relative;overflow:hidden}.bg-board-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.bg-board-stage{display:block;position:relative}.bg-side-panel{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:60px;margin:0 5px;padding:8px 0;display:flex;position:absolute;top:0;bottom:0}.bg-side-panel>*{pointer-events:auto}.bg-side-panel-left{padding-right:0;left:0}.bg-side-panel-right{padding-left:10px;right:0}.bg-side-panel-top,.bg-side-panel-bottom{flex-direction:column;align-items:center;gap:10px;display:flex}.bg-pip-count{color:var(--gold-light,#c9a84c);letter-spacing:.02em;margin-right:.5rem;font-size:1rem;font-weight:600;line-height:1}.bg-side-panel-middle{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.bg-action-overlay{z-index:30;pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-action-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 32px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.bg-action-btn-roll{color:#1a0f0a;background:linear-gradient(135deg,#c9a84c,#b8941f);box-shadow:0 4px 16px #c9a84c4d,0 2px 4px #0000004d}.bg-action-btn-roll:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #c9a84c4d,0 3px 8px #0006}.bg-action-btn-roll:active:not(:disabled){transform:scale(.98)}.bg-action-btn-roll:disabled{opacity:.6;cursor:not-allowed}.bg-action-btn-undo{color:#f3f4f6;background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 16px #6b72804d,0 2px 4px #0000004d}.bg-action-btn-undo:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #6b72804d,0 3px 8px #0006}.bg-action-btn-undo:active:not(:disabled){transform:scale(.98)}.bg-action-btn-undo:disabled{opacity:.4;cursor:not-allowed}.bg-action-btn-confirm{color:#1a0f0a;background:linear-gradient(135deg,#c9a84c,#b8941f);box-shadow:0 4px 16px #c9a84c4d,0 2px 4px #0000004d}.bg-action-btn-confirm:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #c9a84c4d,0 3px 8px #0006}.bg-action-btn-confirm:active:not(:disabled){transform:scale(.98)}.bg-no-moves-message{z-index:25;color:#2ecc71;text-align:center;pointer-events:none;white-space:nowrap;background:#1a0f0ad9;border:1px solid #2ecc7180;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}@keyframes bg-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bg-pulse-glow{0%,to{box-shadow:0 0 8px #2ecc7180}50%{box-shadow:0 0 16px #2ecc7180}}@media (max-width:520px){.bg-action-btn{padding:10px 24px;font-size:14px}}.bg-keyboard-overlay{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.bg-keyboard-point{pointer-events:auto;opacity:0;background:0 0;border:none;outline:none;width:7.69231%;height:45%;position:absolute}.bg-keyboard-point:focus{opacity:1;outline-offset:-2px;border-radius:4px;outline:2px solid #2ecc7180}.bg-keyboard-point.legal{opacity:0}.bg-keyboard-point.legal:focus{background:#2ecc7114;outline-color:#2ecc71}.bg-keyboard-point:nth-child(n+1):nth-child(-n+6){bottom:0;right:53.8462%}.bg-keyboard-point:nth-child(7){bottom:0;right:46.1538%}.bg-keyboard-point:nth-child(8){bottom:0;right:38.4615%}.bg-keyboard-point:nth-child(9){bottom:0;right:30.7692%}.bg-keyboard-point:nth-child(10){bottom:0;right:23.0769%}.bg-keyboard-point:nth-child(11){bottom:0;right:15.3846%}.bg-keyboard-point:nth-child(12){bottom:0;right:7.69231%}.bg-game-summary-overlay{background:var(--overlay-bg);z-index:100;justify-content:center;align-items:center;animation:.5s bg-summary-fade-in;display:flex;position:absolute;inset:0}@keyframes bg-summary-fade-in{0%{opacity:0}to{opacity:1}}.bg-game-summary-card{background:var(--bg-card);border:2px solid var(--border-card);text-align:center;color:var(--text-primary);box-shadow:0 0 30px #00000080, 0 0 60px var(--accent-light);border-radius:12px;padding:24px 32px;animation:.5s bg-summary-card-in}@keyframes bg-summary-card-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.bg-game-summary-title{color:var(--accent);text-shadow:0 1px 4px #0006;margin-bottom:16px;font-size:20px;font-weight:700}.bg-game-summary-players{flex-direction:column;gap:12px;display:flex}.bg-game-summary-player{justify-content:flex-start;align-items:center;gap:8px;font-size:14px;display:flex}.bg-action-btn-cube{color:#fff8ec;background:linear-gradient(135deg,#d98e2b,#b06a14);box-shadow:0 4px 16px #d98e2b59,0 2px 4px #0000004d}.bg-action-btn-cube:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #d98e2b59,0 3px 8px #0006}[data-testid=offer-overlay]{left:calc(50% + 130px)}[data-testid=offer-overlay][data-side=left]{left:calc(50% - 130px)}.bg-cube-response{border:1px solid var(--border-card);max-width:320px;box-shadow:0 0 24px var(--overlay-bg), 0 0 40px var(--accent-light);background:#140f0ab3;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;display:flex}.bg-cube-response-text{color:#ece4d9;text-align:center;font-size:14px;line-height:1.4}.bg-cube-response-actions{justify-content:center;gap:12px;width:100%;display:flex}.bg-action-btn-accept{color:#f2fff7;background:linear-gradient(135deg,#2f9e6f,#1f7a52);box-shadow:0 4px 16px #2f9e6f59,0 2px 4px #0000004d}.bg-action-btn-accept:hover:not(:disabled){transform:scale(1.05)}.bg-action-btn-decline{color:#fff4ef;background:linear-gradient(135deg,#c85c3a,#a33f22);box-shadow:0 4px 16px #c85c3a59,0 2px 4px #0000004d}.bg-action-btn-decline:hover:not(:disabled){transform:scale(1.05)}.bg-cube-response-countdown{color:var(--accent);font-variant-numeric:tabular-nums;margin-top:8px;font-size:13px;font-weight:700}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.3s ease-out forwards slide-in-right}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:.3s ease-out forwards slide-down}