.game-layout-container{grid-template-columns:1fr;gap:30px;max-width:1200px;margin:0 auto;display:grid}@media (min-width:900px){.game-layout-container{grid-template-columns:1.5fr 1fr}}.room-connector-widget{flex-direction:column;gap:20px;display:flex}.room-mode-selector{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.room-card{border:1px dashed var(--border);background:#ffffff05;border-radius:8px;flex-direction:column;gap:14px;padding:20px;display:flex}.code-display-box{border:1px solid var(--border);text-align:center;font-family:var(--font-display);letter-spacing:.1em;color:var(--secondary);box-shadow:var(--neon-shadow-secondary);background:#0000004d;border-radius:6px;padding:12px;font-size:1.8rem;font-weight:800}.room-input-row{gap:10px;display:flex}.room-input-row input{flex-grow:1}.connection-status{text-align:center;border-radius:6px;padding:10px 14px;font-size:.85rem;font-weight:600}.connection-status.idle{color:var(--text-muted);background:#ffffff08}.connection-status.waiting{border:1px solid var(--warning);color:#fbd38d;background:#f59e0b1a}.connection-status.connected{border:1px solid var(--success);color:#a7f3d0;background:#10b9811a}.connection-status.error{border:1px solid var(--danger);color:#fca5a5;background:#ef44441a}.arena-header{border:1px solid var(--border);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 20px;display:flex}.turn-indicator{font-family:var(--font-display);letter-spacing:.02em;font-size:1.1rem;font-weight:800}.turn-indicator.your-turn{color:var(--secondary);text-shadow:0 0 10px var(--secondary-glow)}.turn-indicator.opponent-turn{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.victory-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0a0c10e6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.victory-card{background:var(--bg-card);border:2px solid var(--primary);box-shadow:0 10px 40px #000c, var(--neon-shadow-primary);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:480px;padding:40px;animation:.4s cubic-bezier(.2,.8,.2,1.1) scaleUp;display:flex}.victory-emoji{font-size:4rem;animation:1.5s ease-in-out infinite pulseEmoji}.victory-title{font-size:2.2rem;font-weight:800}.victory-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5}.victory-xp{font-family:var(--font-display);color:var(--secondary);background:#06b6d41a;border:1px solid #06b6d433;border-radius:20px;padding:6px 16px;font-size:1.3rem;font-weight:800}.victory-actions{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.victory-actions button,.victory-actions a{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulseEmoji{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.scene-dice{perspective:300px;cursor:pointer;width:60px;height:60px;margin:10px auto}.cube-dice{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.2,.8,.25,1);position:relative}.dice-face{border:2px solid var(--border);background:var(--bg-panel);border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;position:absolute;box-shadow:inset 0 0 15px #ffffff0d}.dice-face:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 5px #ffffff80}.dice-face.one:before{background:var(--accent);box-shadow:var(--neon-shadow-accent);width:12px;height:12px}.dice-face.two:before{box-shadow:-12px -12px #fff,12px 12px #fff}.dice-face.three:before{box-shadow:-12px -12px #fff,0 0 #fff,12px 12px #fff}.dice-face.four:before{box-shadow:-12px -12px #fff,-12px 12px #fff,12px -12px #fff,12px 12px #fff}.dice-face.five:before{box-shadow:-12px -12px #fff,-12px 12px #fff,0 0 #fff,12px -12px #fff,12px 12px #fff}.dice-face.six:before{box-shadow:-12px -12px #fff,-12px 0 #fff,-12px 12px #fff,12px -12px #fff,12px 0 #fff,12px 12px #fff}.dice-face.one{transform:rotateY(0)translateZ(30px)}.dice-face.six{transform:rotateY(180deg)translateZ(30px)}.dice-face.three{transform:rotateY(90deg)translateZ(30px)}.dice-face.four{transform:rotateY(-90deg)translateZ(30px)}.dice-face.five{transform:rotateX(90deg)translateZ(30px)}.dice-face.two{transform:rotateX(-90deg)translateZ(30px)}.roll-1{transform:rotateX(0)rotateY(0)}.roll-2{transform:rotateX(90deg)rotateY(0)}.roll-3{transform:rotateX(0)rotateY(-90deg)}.roll-4{transform:rotateX(0)rotateY(90deg)}.roll-5{transform:rotateX(-90deg)rotateY(0)}.roll-6{transform:rotateX(180deg)rotateY(0)}.cube-dice.spinning{animation:1.2s linear infinite spinDice}@keyframes spinDice{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(360deg)rotate(360deg)}}@media (max-width:768px){.playing-arena{padding:10px 0}.arena-header{text-align:center;flex-direction:column;align-items:center;gap:10px}.game-stats-row{justify-content:center}}@media (max-width:500px){.baghchal-board-wrapper{padding:12px!important}.board-node-bc{width:28px!important;height:28px!important}.tiger-bead,.goat-bead{font-size:1rem!important}.charbhar-board-wrapper{padding:12px!important}.board-node{width:22px!important;height:22px!important}.bead-token,.dest-glow{width:8px!important;height:8px!important}.ttt-board-wrapper{padding:16px!important}.ttt-cell{font-size:1.6rem!important}.ludo-board{gap:1px!important;padding:4px!important}.ludo-token-piece{border-width:1px!important;width:15px!important;height:15px!important;font-size:.55rem!important;transform:none!important}.safe-shield-cell{font-size:.55rem!important}.ludo-base{font-size:.5rem!important}.base-center{padding:4px 6px!important;font-size:.45rem!important}.ludo-board-panel{gap:20px!important}}