:root{--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--accent-primary:#4ecdc4;--accent-secondary:#ff6b6b;--accent-tertiary:#ffe66d;--accent-quaternary:#a8e6cf;--text-primary:#fff;--text-secondary:#b8b8d1;--text-muted:#7a7a9d;--border-color:#2d2d44;--shadow-color:#0000004d;--board-light:#f0d9b5;--board-dark:#b58863;--board-border:#8b7355;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f1e,#1a1a2e);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root,body{min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:1rem;padding:var(--spacing-md)}.card{background:#16213e;background:var(--bg-tertiary);border:1px solid #2d2d44;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);padding:1.5rem;padding:var(--spacing-lg)}.button{background:linear-gradient(135deg,#4ecdc4,#3db5ad);background:linear-gradient(135deg,var(--accent-primary) 0,#3db5ad 100%);border:none;border-radius:8px;box-shadow:0 4px 16px #4ecdc44d;color:#fff;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease;transition:all var(--transition-normal)}.button:hover{box-shadow:0 6px 24px #4ecdc480;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-secondary{background:linear-gradient(135deg,#ff6b6b,#e85555);background:linear-gradient(135deg,var(--accent-secondary) 0,#e85555 100%);box-shadow:0 4px 16px #ff6b6b4d}.button-secondary:hover{box-shadow:0 6px 24px #ff6b6b80}.input{background:#1a1a2e;background:var(--bg-secondary);border:2px solid #2d2d44;border:2px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;padding:1rem;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal);width:100%}.input:focus{border-color:#4ecdc4;border-color:var(--accent-primary);box-shadow:0 0 0 3px #4ecdc433;outline:none}.input::placeholder{color:#7a7a9d;color:var(--text-muted)}.toggle-container{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.toggle{height:26px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#2d2d44;background-color:var(--border-color);border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.3s ease;transition:var(--transition-normal)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}.toggle input:checked+.toggle-slider{background-color:#4ecdc4;background-color:var(--accent-primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a2e;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#2d2d44;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4ecdc4;background:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn ease .5s ease;animation:fadeIn var(--transition-slow) ease}.pulse{animation:pulse 2s ease infinite}@media (max-width:768px){.container{padding:.5rem;padding:var(--spacing-sm)}.card{border-radius:8px;padding:1rem;padding:var(--spacing-md)}.button{font-size:.9rem;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}}.spinner{animation:spin 1s linear infinite;border:3px solid #2d2d44;border-top:3px solid #4ecdc4;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin:1.5rem auto;margin:var(--spacing-lg) auto;width:40px}.start-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.start-card{max-width:500px;position:relative;width:100%}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-tertiary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);text-align:center}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-xxl);text-align:center}.mode-selection{display:flex;flex-direction:column;gap:var(--spacing-md)}.mode-button{font-size:1.1rem;padding:var(--spacing-lg);width:100%}.back-button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);transition:color var(--transition-fast)}.back-button:hover{color:var(--text-primary)}.form{gap:var(--spacing-lg)}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.session-type-buttons{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.session-type-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-weight:600;padding:var(--spacing-md);transition:all var(--transition-normal)}.session-type-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0,#3db5ad 100%);box-shadow:0 4px 16px #4ecdc44d;color:var(--text-primary)}.session-type-btn.active,.session-type-btn:hover:not(.active){border-color:var(--accent-primary)}.divider{color:var(--text-muted);font-size:.9rem;margin:var(--spacing-md) 0;position:relative;text-align:center}.divider:after,.divider:before{background:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:35%}.divider:before{left:0}.divider:after{right:0}.public-sessions{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.session-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-normal)}.session-item:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.session-item.selected{background:#4ecdc41a;border-color:var(--accent-primary)}.session-info{flex-direction:column;gap:var(--spacing-sm)}.session-header{align-items:center;display:flex;justify-content:space-between}.session-creator{color:var(--text-primary);font-weight:600}.session-key{background:var(--bg-tertiary);border-radius:4px;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}.session-details{color:var(--text-secondary);display:flex;font-size:.85rem;gap:var(--spacing-md)}.auto-start{color:var(--accent-tertiary);margin-left:auto}.no-sessions{color:var(--text-muted);font-size:.9rem;padding:var(--spacing-xl);text-align:center}.error-message{animation:fadeIn var(--transition-normal);background:#ff6b6b33;border:1px solid var(--accent-secondary);border-radius:8px;color:var(--accent-secondary);padding:var(--spacing-md);text-align:center}@media (max-width:768px){.title{font-size:2rem}.start-card{max-width:100%}}.color-selector{margin-bottom:20px}.color-selector-label{color:#555;display:block;font-weight:500;margin-bottom:10px;text-align:left}.color-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.color-option{border:3px solid #0000;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;height:36px;outline:none;transition:all .2s ease;width:36px}.color-option:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:scale(1.1)}.color-option.selected{border-color:#333;box-shadow:0 4px 10px #0000004d;transform:scale(1.15)}.color-option.taken{border-color:#0000001a;cursor:not-allowed;opacity:.3;position:relative}.color-option.taken:after{color:#333;content:"×";font-size:20px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.game-board-container{align-items:center;display:flex;justify-content:center;padding:var(--spacing-md);width:100%}.game-board{grid-gap:2px;background:var(--board-border);border-radius:8px;box-shadow:0 8px 32px var(--shadow-color);display:grid;gap:2px;grid-template-rows:repeat(8,1fr);height:min(600px,90vw);padding:4px;width:min(600px,90vw)}.board-row{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr)}.board-cell{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all var(--transition-fast)}.board-cell.light{background:var(--board-light)}.board-cell.dark{background:var(--board-dark)}.board-cell.start-position{box-shadow:inset 0 0 0 3px #4ecdc480}.board-cell.final-position{box-shadow:inset 0 0 0 3px #ffe66d80}.board-cell.can-move{animation:pulse 1s ease infinite;background:#4caf50b3!important;box-shadow:0 0 0 3px #4caf50}.board-cell.cannot-move{background:#f44336b3!important;box-shadow:0 0 0 3px #f44336}.board-cell:hover{filter:brightness(1.1)}.cell-label{color:#0000004d;font-size:.6rem;font-weight:600;left:2px;pointer-events:none;position:absolute;top:2px}.piece{border:3px solid #fffc;border-radius:50%;box-shadow:0 4px 8px #0006,inset 0 2px 4px #ffffff80;height:70%;position:absolute;transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:70%}.piece:hover{transform:scale(1.1)}.piece.movable{animation:pieceGlow 1.5s ease-in-out infinite;box-shadow:0 0 15px #4ecdc4cc,0 4px 8px #0006,inset 0 2px 4px #ffffff80;cursor:pointer}.piece.movable:hover{box-shadow:0 0 25px #4ecdc4,0 6px 12px #00000080,inset 0 2px 4px #ffffff80;transform:scale(1.15)}.piece.current-player{border-color:#fff}@keyframes pieceGlow{0%,to{box-shadow:0 0 10px #4ecdc499,0 4px 8px #0006,inset 0 2px 4px #ffffff80}50%{box-shadow:0 0 20px #4ecdc4,0 4px 8px #0006,inset 0 2px 4px #ffffff80}}.piece.highlight-movable{box-shadow:0 0 10px 2px #ff0;z-index:10}.board-cell.highlight-target-empty{background-color:#4caf5099!important;box-shadow:inset 0 0 10px #4caf50;cursor:pointer}.board-cell.highlight-target-capture{background-color:#f4433699!important;box-shadow:inset 0 0 10px #f44336;cursor:pointer}@media (max-width:768px){.game-board{max-width:100%}.cell-label{font-size:.5rem}.piece{border-width:2px}.piece.movable{animation:bounce 1s infinite}}.dice-container{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.dice{cursor:default;height:100px;transition:transform .2s ease,box-shadow .2s ease;width:100px}.dice.can-roll{cursor:pointer}.dice.can-roll:hover{transform:scale(1.05)}.dice.can-roll:hover .dice-face{box-shadow:0 12px 40px #0006,0 0 20px #4ecdc44d}.dice.rolling{animation:diceShake .1s ease-in-out infinite}@keyframes diceShake{0%,to{transform:rotate(-5deg) scale(1.05)}50%{transform:rotate(5deg) scale(1.05)}}.dice-face{background:linear-gradient(145deg,#fff,#e8e8e8);border:2px solid #d0d0d0;border-radius:16px;box-shadow:0 8px 30px #0000004d,inset 0 2px 0 #fffc,inset 0 -2px 5px #0000001a;height:100%;position:relative;width:100%}.dice-dot{background:radial-gradient(circle at 30% 30%,#444,#111);border-radius:50%;box-shadow:inset 0 2px 4px #000c,0 1px 2px #0000004d;height:18px;position:absolute;width:18px}.dice-dot.center{left:50%;top:50%;transform:translate(-50%,-50%)}.dice-dot.top-left{left:15%;top:15%}.dice-dot.top-right{right:15%;top:15%}.dice-dot.middle-left{left:15%;top:50%;transform:translateY(-50%)}.dice-dot.middle-right{right:15%;top:50%;transform:translateY(-50%)}.dice-dot.bottom-left{bottom:15%;left:15%}.dice-dot.bottom-right{bottom:15%;right:15%}.dice-button{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-muted);cursor:not-allowed;font-size:1.1rem;font-weight:600;min-width:200px;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.dice-button.active{animation:buttonGlow 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-primary),#3db5ad);border-color:var(--accent-primary);box-shadow:0 4px 20px #4ecdc466;color:#fff;cursor:pointer}.dice-button.active:hover{box-shadow:0 8px 30px #4ecdc499;transform:translateY(-3px)}.dice-button.active:active{transform:translateY(-1px)}.dice-button:disabled{animation:none;cursor:not-allowed;opacity:.6}@keyframes buttonGlow{0%,to{box-shadow:0 4px 20px #4ecdc466}50%{box-shadow:0 4px 35px #4ecdc4b3}}@media (max-width:768px){.dice{height:80px;width:80px}.dice-face{border-radius:12px}.dice-dot{height:14px;width:14px}.dice-button{font-size:1rem;min-width:160px;padding:var(--spacing-sm) var(--spacing-lg)}}.player-list{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-md)}.player-list-title{color:var(--text-secondary);font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);text-transform:uppercase}.player-item{align-items:center;background:var(--bg-secondary);border-left:4px solid #0000;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-normal)}.player-item.active{animation:pulse 2s ease infinite;box-shadow:0 0 0 2px var(--accent-primary)}.player-info{flex:1 1;gap:var(--spacing-md)}.player-icon,.player-info{align-items:center;display:flex}.player-icon{border-radius:50%;box-shadow:0 4px 8px #0000004d;color:#fff;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.player-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.player-name{color:var(--text-primary);font-weight:600}.player-stats{color:var(--text-muted);font-size:.85rem}.dice-unknown,.dice-value,.player-dice{align-items:center;display:flex;justify-content:center}.dice-unknown,.dice-value{background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid #333;border-radius:8px;box-shadow:0 4px 8px #0003;color:#333;font-size:1.3rem;font-weight:700;height:40px;width:40px}.dice-unknown{color:#999}@media (max-width:768px){.player-item,.player-list{padding:var(--spacing-sm)}.player-icon{font-size:1rem;height:32px;width:32px}.player-stats{font-size:.75rem}.dice-unknown,.dice-value{font-size:1.1rem;height:32px;width:32px}}.video-chat{grid-gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:var(--spacing-sm);padding:var(--spacing-md)}.video-chat.grid-2,.video-chat.grid-4{grid-template-columns:1fr 1fr}.video-chat.grid-4{grid-template-rows:1fr 1fr}.video-container{aspect-ratio:4/3;background:var(--bg-secondary);border-radius:8px;overflow:hidden;position:relative}.video-element{height:100%;object-fit:cover;width:100%}.video-element.hidden{display:none}.video-element.mirrored{transform:scaleX(-1)}.video-placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-muted);display:flex;font-size:.9rem;height:100%;justify-content:center;width:100%}.video-label{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;font-size:.85rem;font-weight:600;left:0;padding:var(--spacing-sm);position:absolute;right:0}.video-controls{display:flex;gap:var(--spacing-xs);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.control-btn{align-items:center;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.control-btn:hover{background:#000c;transform:scale(1.1)}.control-btn.off{background:#f44336cc}@media (max-width:768px){.video-chat.grid-4{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.video-chat.grid-2{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.video-container{aspect-ratio:16/9}.control-btn{font-size:1rem;height:32px;width:32px}}.victory-screen{align-items:center;background:linear-gradient(135deg,#0f0f1ef2,#1a1a2ef2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.victory-content{position:relative;text-align:center;z-index:2}.trophy{animation:bounce 1s ease infinite;filter:drop-shadow(0 10px 20px rgba(255,215,0,.5));font-size:8rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.victory-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-tertiary) 0,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;margin:var(--spacing-lg) 0;text-shadow:0 0 40px #ffe66d80}.winner-name{font-size:3rem;font-weight:700;margin:var(--spacing-md) 0;text-shadow:0 0 20px currentColor}.victory-message{color:var(--text-secondary);font-size:1.5rem;margin-top:var(--spacing-sm)}.fireworks{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.firework{animation:fireworkAnimation 2s ease-out infinite;border-radius:50%;box-shadow:0 0 20px 10px #ffe66dcc,0 0 40px 20px #4ecdc499,0 0 60px 30px #ff6b6b66;height:4px;position:absolute;width:4px}.firework:first-child{animation-delay:0s;left:20%;top:20%}.firework:nth-child(2){animation-delay:.7s;right:20%;top:30%}.firework:nth-child(3){animation-delay:1.4s;left:50%;top:50%}@keyframes fireworkAnimation{0%{opacity:1;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(20)}}@media (max-width:768px){.trophy{font-size:5rem}.victory-title{font-size:2.5rem}.winner-name{font-size:2rem}.victory-message{font-size:1.2rem}}.victory-screen.defeat{background:linear-gradient(135deg,#0f0f14fa,#140000f2)}.victory-screen.defeat .victory-title{-webkit-text-fill-color:#ff4d4d;background:none;background-clip:initial;color:#ff4d4d;font-family:Courier New,monospace;text-shadow:0 0 20px #ff00004d}.victory-screen.defeat .victory-message{color:#aaa}.victory-screen.defeat .trophy{animation:none;filter:drop-shadow(0 5px 15px rgba(255,0,0,.2));opacity:.8}.new-game-button{animation:fadeIn .5s ease-out 1s backwards;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:50px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:40px;padding:15px 30px;transition:all .3s ease}.new-game-button:hover{box-shadow:0 8px 20px #0006;filter:brightness(1.1);transform:translateY(-3px)}.new-game-button:active{box-shadow:0 3px 10px #0000004d;transform:translateY(-1px)}.victory-screen.defeat .new-game-button{background:linear-gradient(135deg,#444,#222);border:1px solid #666}.victory-screen.defeat .new-game-button:hover{background:linear-gradient(135deg,#555,#333)}.game-screen{display:flex;flex-direction:column;min-height:100vh;position:relative}.auto-skip-notification{animation:slideDown .3s ease,fadeOut .5s ease 2.5s forwards;background:linear-gradient(135deg,var(--accent-tertiary),#f0c040);border-radius:12px;box-shadow:0 8px 32px #ffe66d66;color:#1a1a2e;font-weight:600;left:50%;padding:var(--spacing-md) var(--spacing-xl);position:fixed;top:20px;transform:translateX(-50%);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOut{to{opacity:0}}.game-header{align-items:center;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-tertiary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.session-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.session-key{border-radius:8px;color:var(--accent-tertiary);font-family:monospace;font-size:1.1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md)}.icon-button,.session-key{background:var(--bg-secondary)}.icon-button{border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:1.2rem;padding:var(--spacing-sm);transition:all var(--transition-fast)}.icon-button:hover{background:var(--accent-primary);transform:scale(1.1)}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.status-badge.waiting{background:#ffe66d33;border:1px solid var(--accent-tertiary);color:var(--accent-tertiary)}.status-badge.playing{background:#4ecdc433;border:1px solid var(--accent-primary);color:var(--accent-primary)}.game-content{grid-gap:var(--spacing-md);display:grid;flex:1 1;gap:var(--spacing-md);grid-template-columns:250px 1fr 320px;margin:0 auto;max-width:1600px;padding:var(--spacing-md);width:100%}.left-panel,.right-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.center-panel{align-items:center;display:flex;flex-direction:column;justify-content:center}.waiting-message{max-width:500px;padding:var(--spacing-xxl);text-align:center}.waiting-message h2{color:var(--accent-tertiary);margin-bottom:var(--spacing-lg)}.waiting-message p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.my-turn-indicator{padding:var(--spacing-lg);text-align:center}.turn-active{color:var(--accent-primary);font-size:1.3rem;font-weight:700}.turn-waiting{color:var(--text-secondary);font-size:1.1rem}.dice-result{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));display:flex;flex-direction:column;padding:var(--spacing-md);text-align:center}.dice-value-large{color:var(--accent-tertiary);font-size:2.5rem;font-weight:700;text-shadow:0 2px 8px #ffe66d66}.dice-label{color:var(--text-muted);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.place-piece-section{background:linear-gradient(135deg,#4ecdc41a,#a8e6cf1a);border:1px solid var(--accent-primary);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.button-success{background:linear-gradient(135deg,#4caf50,#45a049)!important;box-shadow:0 4px 16px #4caf504d!important}.button-success:hover{box-shadow:0 6px 24px #4caf5080!important}.info-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.info-text.warning{color:var(--accent-tertiary)}.pieces-indicator{color:var(--text-muted);font-size:.85rem}.move-hint{background:#4ecdc41a;border:1px solid var(--accent-primary);padding:var(--spacing-md);text-align:center}.move-hint p{color:var(--accent-primary);font-size:.95rem;margin:0}.no-moves-section{background:#ffe66d1a;border:1px solid var(--accent-tertiary);padding:var(--spacing-md);text-align:center}.skip-button{background:linear-gradient(135deg,var(--accent-secondary),#e85555)!important;margin-top:var(--spacing-sm)}@media (max-width:1200px){.game-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.left-panel{order:1}.center-panel{order:2}.right-panel{order:3}}@media (max-width:768px){.game-header{padding:var(--spacing-sm)}.game-title{font-size:1.4rem}.session-key{font-size:.9rem}.game-content{padding:var(--spacing-sm)}}
/*# sourceMappingURL=main.4c6200e8.css.map*/