.game-board{min-height:100vh;position:relative;display:flex;flex-direction:column;color:#fff;overflow:hidden}.game-board__bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 20%,rgba(91,79,232,.35) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(29,158,117,.25) 0%,transparent 60%),#0f0f1a}.game-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.game-header__room{display:flex;flex-direction:column}.game-header__turn{font-size:14px;color:#fff9}.game-header__phase{font-size:14px;color:#ffffff80}.game-header__phase.phase--my-turn{color:#4ade80;font-weight:600}.room-label,.turn-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#fff6;display:block}.room-code{font-size:16px;font-weight:700;letter-spacing:.1em;color:#ffe566}.game-main{flex:1;display:flex;gap:24px;padding:24px;max-width:1100px;margin:0 auto;width:100%}@media(max-width:768px){.game-main{flex-direction:column;padding:16px}}.game-sidebar{flex-shrink:0}.game-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;min-height:400px}.roll-area{display:flex;flex-direction:column;align-items:center;gap:16px}.roll-btn{padding:14px 48px;font-size:16px;font-weight:600;border:none;border-radius:50px;background:linear-gradient(135deg,#5b4fe8,#7b6ff0);color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 24px #5b4fe880;letter-spacing:.02em}.roll-btn:hover:not(.roll-btn--disabled){transform:translateY(-2px);box-shadow:0 8px 32px #5b4fe8b3}.roll-btn:active:not(.roll-btn--disabled){transform:translateY(0)}.roll-btn.roll-btn--disabled{opacity:.4;cursor:not-allowed}.roll-pips{display:flex;gap:8px}.pip{width:10px;height:10px;border-radius:50%;background:#fff9;transition:background .2s}.pip.pip--used{background:#ffffff26}