*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-text-size-adjust:100%}body{font-family:Outfit,Inter,sans-serif;background-color:transparent;background-image:url(/assets/mainBackground2.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#eaf2ff;overflow:hidden;height:100vh;width:100%;position:fixed;top:0;left:0;right:0;bottom:0}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(34,211,238,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{width:100%;height:100vh;overflow:hidden;overscroll-behavior:none}.game-container{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;width:100%;height:100%;min-height:0;flex:1 1 auto}.chat-container{width:350px;min-width:200px;max-width:400px;background:#1a233266;display:flex;flex-direction:column;height:100%;box-shadow:-2px 0 8px #00000014;z-index:10;border-left:1px solid rgba(255,255,255,.1)}.player-hand-container{width:100%;position:relative;left:0;right:0;bottom:0;z-index:20;pointer-events:auto}.app-container.landscape{flex-direction:row}.app-container.landscape .game-container{flex:1;display:flex;flex-direction:column}.app-container.landscape .chat-container{width:300px;min-width:250px;display:flex;flex-direction:column;background:#0000004d;border-left:2px solid rgba(255,255,255,.2)}.app-container.portrait{flex-direction:column}.app-container.portrait .game-container{flex:1;display:flex;flex-direction:column}.app-container.portrait .chat-container{height:auto;max-height:200px;display:flex;flex-direction:row;background:#0000004d;border-top:2px solid rgba(255,255,255,.2)}.app-container.loading{display:flex;justify-content:center;align-items:center;text-align:center;height:100vh}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:absolute;left:0;top:0}.loading-message h2{margin-bottom:20px;font-size:1.5rem}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media (max-width: 768px){.app-container.landscape .chat-container{width:250px;min-width:200px}}@media (max-width: 480px){.app-container.landscape .chat-container{width:200px;min-width:150px}.app-container.portrait .chat-container{max-height:150px}}.hidden{display:none!important}.visible{display:flex!important}.app-container *{transition:all .3s ease}button:focus,input:focus{outline:2px solid #4caf50;outline-offset:2px}.leave-room-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.leave-room-modal{background:linear-gradient(135deg,var(--bg-secondary, #2c2c2c) 0%,var(--bg-primary, #1e1e1e) 100%);border:2px solid var(--accent-color, #04c4ff);border-radius:16px;padding:32px;min-width:320px;max-width:90vw;box-shadow:0 8px 32px #00000080,0 0 20px #39ff144d;animation:slideUp .3s ease-out;text-align:center}.leave-room-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#f4433633,#d32f2f1a);border:3px solid rgba(244,67,54,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.leave-icon-emoji{font-size:40px;animation:doorSwing 1s ease-in-out infinite}.leave-room-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 16px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.leave-room-subtitle{font-size:1rem;color:var(--text-secondary, rgba(255, 255, 255, .85));margin:0 0 32px;line-height:1.6}.leave-room-subtitle strong{color:var(--accent-color, #39ff14);font-weight:600}.leave-room-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.leave-room-button{flex:1;min-width:140px;padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0003}.leave-room-button.danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.leave-room-button.danger:hover{background:linear-gradient(135deg,#e53935,#c62828);transform:translateY(-2px);box-shadow:0 6px 16px #f4433666}.leave-room-button.secondary{background:linear-gradient(135deg,var(--bg-tertiary, #3a3a3a) 0%,var(--bg-secondary, #2c2c2c) 100%);color:var(--text-primary, #ffffff);border:2px solid var(--accent-color, #04c4ff)}.leave-room-button.secondary:hover{background:linear-gradient(135deg,var(--accent-color, #04c4ff) 0%,var(--accent-hover, #04c4ff) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #14e4ff66}.leave-room-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #f44336b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #f4433600}}@keyframes doorSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (max-width: 768px){.leave-room-modal{min-width:280px;padding:24px}.leave-room-icon{width:64px;height:64px;margin-bottom:20px}.leave-icon-emoji{font-size:32px}.leave-room-title{font-size:1.3rem;margin-bottom:12px}.leave-room-subtitle{font-size:.9rem;margin-bottom:24px}.leave-room-actions{flex-direction:column;gap:10px}.leave-room-button{min-width:100%;padding:14px 20px}}@media (max-width: 1024px) and (orientation: landscape){.leave-room-modal{background:linear-gradient(135deg,var(--bg-secondary, #2c2c2c) 0%,var(--bg-primary, #1e1e1e) 100%);border:2px solid var(--accent-color, #ff6b35);border-radius:16px;padding:20px;min-width:350px;max-width:90vw;max-height:95vh;box-shadow:0 8px 32px #00000080,0 0 20px #ff6b354d;animation:slideUp .3s ease-out;text-align:center}.leave-room-icon{width:50px;height:50px;margin-bottom:5px;margin-top:-10px;background:linear-gradient(135deg,#f4433633,#d32f2f1a);border:3px solid rgba(244,67,54,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}}.domino-piece.vertical{flex-direction:column;width:50px!important;height:100px!important}.domino-piece.vertical .piece-divider{width:100%;height:1px;background:#666;flex-shrink:0}.domino-piece.horizontal-reverse{flex-direction:row-reverse}.domino-piece{display:flex;width:100px;height:50px;background:linear-gradient(145deg,#f0f0f0,#d0d0d0);border:2px solid #999;border-radius:8px;box-shadow:0 2px 4px #0003;transition:all .3s ease;cursor:default;position:relative;overflow:hidden}.domino-piece.scale-1{transform:scale(1)}.domino-piece.scale-2{transform:scale(.95)}.domino-piece.scale-3{transform:scale(.9)}.domino-piece.scale-4{transform:scale(.85)}.domino-piece.scale-5{transform:scale(.8)}.domino-piece.scale-6{transform:scale(.75)}.domino-piece.scale-7{transform:scale(.7)}.domino-piece.scale-8{transform:scale(.65)}.domino-piece.clickable{cursor:pointer}.domino-piece.clickable:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000004d;border-color:#666}.domino-piece.selected{border-color:#2196f3;box-shadow:0 0 10px #2196f380;transform:translateY(-5px)}.domino-piece.disabled{opacity:.6;cursor:not-allowed}.domino-piece.disabled:hover{transform:none;box-shadow:0 2px 4px #0003}.piece-half{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.piece-divider{width:1px;background:#666;height:100%;flex-shrink:0}.dots-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:30px;height:30px;gap:1px}.dot{width:5px;height:5px;border-radius:50%;background:transparent;margin:auto}.dot.active{background:#333;box-shadow:0 1px 2px #0000004d}.domino-piece.hand-piece{width:80px;height:40px;margin:3px}.domino-piece.hand-piece .dots-container{width:24px;height:24px}.domino-piece.hand-piece .dot.active{width:4px;height:4px}.domino-piece.board-piece{width:90px;height:45px;margin:2px}.domino-piece.desktop-board-piece{margin:0!important}.domino-piece.board-piece .dots-container{width:27px;height:27px}.domino-piece.board-piece .dot.active{width:4.5px;height:4.5px}.domino-piece.double{background:linear-gradient(145deg,gold,#fc0);border-color:#f60}.domino-piece.placing{animation:place-piece .5s ease-out}@keyframes place-piece{0%{transform:scale(1.2) rotate(10deg);opacity:.7}to{transform:scale(1) rotate(0);opacity:1}}@media (max-width: 1024px){.domino-piece{width:70px;height:35px}.domino-piece.vertical{width:35px!important;height:70px!important}.domino-piece.scale-1{transform:scale(1)}.domino-piece.scale-2{transform:scale(.95)}.domino-piece.scale-3{transform:scale(.9)}.domino-piece.scale-4{transform:scale(.85)}.domino-piece.scale-5{transform:scale(.8)}.domino-piece.scale-6{transform:scale(.75)}.domino-piece.scale-7{transform:scale(.72)}.domino-piece.scale-8{transform:scale(.7)}.domino-piece.hand-piece{width:50px;height:25px}.domino-piece.hand-piece .dots-container{width:15px;height:15px}.domino-piece.hand-piece .dot.active{width:2.5px;height:2.5px}.domino-piece.board-piece{width:60px;height:30px}.domino-piece.board-piece .dots-container{width:18px;height:18px}.domino-piece.board-piece .dot.active{width:3px;height:3px}}@media (max-width: 480px){.domino-piece{width:60px;height:30px}.domino-piece.hand-piece{width:45px;height:22px}.domino-piece.hand-piece .dots-container{width:12px;height:12px}.domino-piece.hand-piece .dot.active{width:3px;height:3px}}@media (max-width: 768px) and (orientation: portrait){.domino-piece.hand-piece{width:42px;height:22px}.domino-piece.hand-piece .dots-container{width:19px;height:16px}.domino-piece.hand-piece .dot.active{width:3px;height:3px}}.domino-piece:focus{outline:2px solid #4caf50;outline-offset:2px}.domino-piece[aria-selected=true]{border-color:#4caf50;box-shadow:0 0 10px #4caf5080}@media (prefers-contrast: high){.domino-piece{border-width:3px;border-color:#000}.dot.active{background:#000;box-shadow:none}.piece-divider{background:#000;width:2px}}.countdown-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none}.countdown-modal{background:#ff0000e6;border-radius:20px;padding:30px 40px;text-align:center;box-shadow:0 8px 32px #0006;animation:countdownPulse 1s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:3px solid rgba(255,255,255,.3);min-width:200px;pointer-events:auto}.countdown-modal.countdown-red{background:#ff0000e6;border-color:#ff646480}.countdown-modal.countdown-yellow{background:#ffc107e6;border-color:#ffdc6480}.countdown-modal.countdown-green{background:#28a745e6;border-color:#64c87880}.countdown-number{font-size:4rem;font-weight:700;color:#ff8c00;text-shadow:0 0 10px #ff8c00aa,0 0 20px #ff8c0088,2px 2px 4px rgba(0,0,0,.5);margin-bottom:10px;line-height:1}.countdown-text{font-size:1.2rem;font-weight:600;color:#ff8c00;text-shadow:0 0 8px #ff8c00aa,1px 1px 2px rgba(0,0,0,.5);margin:0}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@media (max-width: 768px){.countdown-modal{padding:25px 30px;min-width:180px}.countdown-number{font-size:3rem}.countdown-text{font-size:1rem}}@media (max-width: 480px){.countdown-modal{padding:20px 25px;min-width:160px}.countdown-number{font-size:2.5rem}.countdown-text{font-size:.9rem}}.game-board{flex:1;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#0f4c75,#3282b8);overflow:hidden}.game-board.landscape,.game-board.portrait{min-height:100vh}.player-display{position:absolute;padding:0;background:#0009;border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;transition:all .3s ease;border:1.5px solid transparent;z-index:10;height:var(--adjusted-height, 300px)}.player-display.current-turn{border-color:#4caf50;box-shadow:0 0 15px #4caf5080;animation:pulse-border 2s infinite}.player-display.you{border-color:#2196f3}@keyframes pulse-border{0%,to{border-color:#4caf50}50%{border-color:#66bb6a}}.player-display.bottom{bottom:21%;left:50%;transform:translate(-50%)}.player-display.top{top:1%;left:50%;transform:translate(-50%)}.player-display.left{left:1%;top:calc(50% - 130px);transform:translateY(-50%)}.player-display.right{right:2%;top:calc(50% - 130px);transform:translateY(-50%)}@media (max-width: 1024px){.player-display.bottom{bottom:40px}.player-display.top{top:0}.player-display.left{left:20px;top:calc(50% - 20px)}.player-display.right{right:20px;top:calc(50% - 20px)}}.player-info{display:flex;flex-direction:column;align-items:center;gap:0px;line-height:1}.board-player-name{font-weight:700;font-size:.9rem;color:#00cfff;text-shadow:0 0 4px #00cfff,0 0 1px #fff;padding:0;line-height:1.1;margin:-15px -10px 0}.piece-count{font-size:.8rem;color:#00cfff;text-shadow:0 0 4px #00cfff,0 0 1px #fff;opacity:.95;margin:0 0 -12px;padding:0;line-height:1.1}.turn-indicator{color:#4caf50;font-weight:700;font-size:.65rem;animation:blink 1.5s infinite;margin:1px 0 0;padding:0;line-height:1.1}.turn-indicator-container{display:flex;flex-direction:column;align-items:center;gap:0px;margin-top:15px;margin-bottom:-15px}.timer-display{color:#ffc107;font-weight:700;font-size:.6rem;background:#000000b3;padding:2px 6px;border-radius:4px;min-width:40px;text-align:center;margin-top:5px}.timer-display.auto-pass-timer{color:#ff5722;animation:timerPulse 1s infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.auto-pass-indicator{color:#05f805;font-weight:700;font-size:2.1rem;text-shadow:0 0 8px #055202aa,0 2px 8px #222;animation:autoPassBlink .5s infinite}.player-display.auto-pass{background:#b40303b3!important;border-color:#f70505!important;box-shadow:0 0 20px #5a0101cc!important}@keyframes autoPassBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.table-container{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px;z-index:1}.domino-board{display:flex;align-items:center;gap:10px;padding:20px;min-height:120px;min-width:200px;margin-left:25%;margin-right:25%}.empty-board{display:flex;justify-content:center;align-items:center;color:#ffffffb3;font-style:italic;min-width:200px}.board-side{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;min-height:60px;border:2px dashed transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;z-index:100;pointer-events:auto}@media (max-width: 768px){.board-side{min-width:50px;min-height:50px;z-index:200;touch-action:manipulation}}.board-side.valid{border-color:#4caf50;background:#4caf501a}.board-side.invalid{border-color:#f44336;background:#f443361a;cursor:not-allowed}.board-side.selected{border-color:#2196f3;background:#2196f333;border-style:solid}.side-label{font-size:1.5rem;color:#ffffffb3;font-weight:700}.preview-piece{position:absolute;top:-40px;opacity:.8;transform:scale(.8);pointer-events:none}.board-pieces{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;align-items:center}.board-piece{flex-shrink:0}.player-hand-container{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;z-index:1000;box-sizing:border-box;background:transparent}.game-controls{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:4;background:#000000e6;padding:15px 20px;border-radius:15px 15px 0 0;border:2px solid rgba(255,255,255,.2);border-bottom:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.turn-controls{display:flex;gap:10px;align-items:center}.play-btn{padding:12px 25px;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.play-btn.green{background:linear-gradient(45deg,#4caf50,#2e7d32);box-shadow:0 2px 8px #4caf504d}.play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #4caf5066}.play-btn.green:hover:not(:disabled){box-shadow:0 6px 15px #2e7d3280}.play-btn:disabled{opacity:.5;cursor:not-allowed}.game-controls-below-hand{margin-top:20px;padding:15px;background:#0000004d;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-controls-below-hand .turn-controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.game-info-area{margin-top:15px;padding:10px 20px;text-align:center}.waiting-controls{text-align:center;color:#fffc;font-style:italic}.selected-piece-info{margin-top:10px;text-align:center;font-size:.9rem;color:#ffffffe6}@media (max-width: 768px){.player-display,.player-display.left,.player-display.right{padding:0}.player-display.left{left:1%}.player-display.right{right:2%}.domino-board{padding:10px}.game-controls{left:0;right:0;transform:none;border-radius:0}.table-container{padding:10px 5px}.game-board{min-height:100vh}}@media (max-width: 480px){.table-container{padding:10px 2px}.player-display{padding:2px 5px}.player-name{font-size:.75rem}.piece-count{font-size:.62rem}.turn-controls{flex-direction:column;gap:5px}.play-btn{width:100%;padding:6px 10px}.game-board{min-height:100vh}}@media (max-width: 768px) and (orientation: portrait){.player-display.left{left:1%;top:40%}.player-display.right{right:2%;top:40%}.player-display.bottom{bottom:11%;transition:bottom .3s ease}.player-display.bottom.hand-expanded{bottom:24%;left:50%}.player-display.bottom.hand-collapsed{bottom:11%}}.game-board.portrait .table-container{padding:15px 10px}.game-board.portrait .domino-board{padding:15px;min-height:100px}.game-board.landscape .player-hand-container{position:relative;background:transparent}@keyframes pauseGlow{0%,to{opacity:1;text-shadow:0 0 20px rgba(255,255,255,.8),2px 2px 4px rgba(0,0,0,.5)}50%{opacity:.4;text-shadow:0 0 5px rgba(255,255,255,.3),2px 2px 4px rgba(0,0,0,.5)}}.player-hand{padding:5px 20px;background:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(255,255,255,.2);width:100%;min-height:231px;box-sizing:border-box;position:relative;z-index:101}.player-hand.mobile.collapsed{min-height:35px;padding:5px 20px}.hand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-18px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.2)}.hand-header.collapsed-header{margin-bottom:0;border-bottom:none;padding:2px 0}.hand-header.collapsed-header h3{font-size:1rem;margin:0}.collapse-toggle-btn{transition:transform .2s ease}.collapse-toggle-btn:hover{transform:scale(1.1)}.hand-header h3{color:#fff;font-size:1.1rem;margin:0}.waiting-text{color:#ffc107;font-size:.9rem;font-style:italic;animation:pulse 2s infinite}.your-turn-text{color:#4caf50;font-size:1.2rem;font-style:italic;font-weight:700;animation:pulse-green 2s infinite}.player-hand.mobile.collapsed .waiting-text,.player-hand.mobile.collapsed .your-turn-text{font-size:.75rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-green{0%,to{opacity:1;text-shadow:0 0 10px rgba(76,175,80,.8)}50%{opacity:.7;text-shadow:0 0 20px rgba(76,175,80,1)}}.hand-content{display:flex;gap:0;min-height:137px;padding-top:0}.hand-controls{width:15%;background:#000000e6;display:flex;flex-direction:column;justify-content:top;align-items:center;gap:8px;padding-top:0;border-radius:8px 0 0 8px}.hand-divider{width:1px;background:#ffffff4d;margin:2px}.hand-pieces-section{width:100%;background:#000c;display:flex;flex-direction:column;justify-content:center;border-radius:0 8px 8px 0}.play-piece-btn{width:100%;padding:12px 8px;background:linear-gradient(45deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-piece-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066;background:linear-gradient(45deg,#2e7d32,#1b5e20)}.play-piece-btn:disabled{background:linear-gradient(45deg,#757575,#616161);cursor:not-allowed;opacity:.6}.pass-turn-btn{width:100%;padding:12px 8px;background:linear-gradient(45deg,#f44336,#c62828);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pass-turn-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f4433666;background:linear-gradient(45deg,#c62828,#b71c1c)}.pass-turn-btn:disabled{background:linear-gradient(45deg,#757575,#616161);cursor:not-allowed;opacity:.6}.hand-pieces{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;min-height:82px;max-height:none}@media (max-width: 1024px){.player-hand.mobile .hand-pieces{gap:4px;justify-content:flex-start;align-items:flex-start;padding:5px;min-height:80px}.player-hand.mobile .hand-pieces{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;justify-items:center;align-items:center;padding:10px 5px}.player-hand.mobile .hand-pieces:has(.hand-piece:nth-child(11)){grid-template-columns:repeat(7,1fr)}.player-hand.mobile .hand-pieces:has(.hand-piece:nth-child(6):not(.hand-piece:nth-child(11))){grid-template-columns:repeat(5,1fr)}.player-hand.mobile .hand-pieces:not(:has(.hand-piece:nth-child(6))){grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.hand-piece{transition:all .3s ease;position:relative}.hand-piece:hover:not(.disabled){transform:translateY(-5px);z-index:10}.hand-piece.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.hand-piece.disabled:hover{transform:none}.empty-hand{display:flex;justify-content:center;align-items:center;min-height:80px;color:#ffffffb3;font-style:italic;text-align:center}.empty-hand p{font-size:1.1rem;margin:0}.hand-piece.selected:after{content:"✓";position:absolute;top:-8px;right:-8px;background:#4caf50;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:11}.player-hand::-webkit-scrollbar{width:6px}.player-hand::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.player-hand::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.player-hand::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 1024px){.player-hand{padding:12px 15px;max-height:160px;min-height:170px;overflow-y:auto}.hand-header.collapsed-header{margin-bottom:0;border-bottom:none;padding:2px 0;height:40px}.hand-header{height:30px;margin-top:-5px;margin-bottom:0}.hand-header h3{font-size:1rem}.waiting-text{font-size:.8rem}.hand-content{min-height:100px;margin-top:-10px}.hand-controls{padding:15px 8px;gap:12px}.play-piece-btn,.pass-turn-btn{padding:10px 6px;font-size:.8rem}.hand-pieces{gap:6px;min-height:60px}.player-hand.mobile .hand-piece{transform:scale(1.3);margin:8px}.player-hand.mobile .hand-piece:hover:not(.disabled){transform:scale(1.3) translateY(-5px)}}@media (max-width: 768px) and (orientation: portrait){.player-hand.mobile .hand-piece{transform:scale(1.4);margin:4px}.player-hand.mobile .hand-piece:hover:not(.disabled){transform:scale(1.2) translateY(-3px)}}@media (max-width: 480px){.player-hand{padding:10px 12px;max-height:140px}.hand-header{margin-bottom:10px;padding-bottom:8px}.hand-header h3{font-size:.9rem}.waiting-text{font-size:.75rem}.hand-content{min-height:80px}.hand-controls{padding:10px 6px;gap:10px}.play-piece-btn,.pass-turn-btn{padding:8px 4px;font-size:.75rem}.hand-pieces{gap:4px;min-height:50px}.empty-hand{min-height:60px}.empty-hand p{font-size:1rem}}@media (orientation: portrait){.player-hand{max-height:200px!important}.hand-header{height:40px;margin-top:-5px;margin-bottom:15px}.hand-pieces{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.hand-pieces::-webkit-scrollbar{height:4px}.hand-pieces::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.hand-pieces::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}}@media (orientation: landscape){.player-hand{max-height:180px}.hand-pieces{flex-wrap:wrap}}.hand-piece:focus{outline:2px solid #4caf50;outline-offset:2px;z-index:10}.play-piece-btn:focus,.pass-turn-btn:focus{outline:2px solid #ffffff;outline-offset:2px}.hand-piece.new-piece{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.player-hand.mobile{transition:all .3s ease}.player-hand.mobile.collapsed{min-height:35px;max-height:45px;overflow:hidden;padding:3px 20px}.player-hand.mobile:not(.collapsed){min-height:50vh;max-height:50vh;overflow-y:auto;padding:8px 15px}.hand-header.collapsed-header{justify-content:space-between;align-items:center;padding:2px 0}.hand-header.collapsed-header h3{font-size:.95rem}.hand-header.collapsed-header .waiting-text{font-size:.8rem}.collapse-toggle-btn{background:transparent!important;border:none!important;color:#39ff14!important;font-size:1.3rem!important;cursor:pointer!important;padding:2px 5px!important;margin-left:-10px!important;margin-right:20px!important}.collapse-toggle-btn:hover{color:#4caf50!important;transform:scale(1.1)}}.victory-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;gap:10px}.victory-popup-steam-bg{background:linear-gradient(135deg,#1e3c72,#2a5298,#4a90e2);border-radius:24px;padding:4px;position:relative;overflow:hidden}.victory-popup-steam-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:steamFloat 4s ease-in-out infinite;pointer-events:none}@keyframes steamFloat{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}}.victory-popup{background:#1e3c7280;border-radius:20px;padding:48px 32px;text-align:center;box-shadow:0 8px 32px #0000004d;position:relative;min-width:320px;max-width:500px;max-height:80vh;animation:victoryAppear .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.victory-popup.game-victory{background:linear-gradient(135deg,#ffd70080,#ffb70080);border:3px solid #ff6600;transform:scale(1);max-width:500px;max-height:80vh}.victory-popup.match-victory{background:#1e3c7280;padding:55px 37px;min-width:370px}.victory-emoji-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.victory-emoji{font-size:3rem;display:inline-block;animation:emojiDance 1s ease-in-out infinite}.victory-emoji:nth-child(1){animation-delay:0s}.victory-emoji:nth-child(2){animation-delay:.2s}.victory-emoji:nth-child(3){animation-delay:.4s}.victory-emoji:nth-child(4){animation-delay:.6s}.victory-emoji:nth-child(5){animation-delay:.8s}@keyframes emojiDance{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-10px) rotate(-10deg) scale(1.1)}50%{transform:translateY(0) rotate(10deg) scale(1.2)}75%{transform:translateY(-5px) rotate(-5deg) scale(1.1)}}@keyframes victoryAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.victory-popup h2{color:gold;font-size:2rem;margin-bottom:8px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.victory-popup h2 .winner-name{color:#4fdfff;text-shadow:0 0 8px #4fdfff99,2px 2px 4px rgba(0,0,0,.5)}.game-victory h2{color:#f60;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-victory h2 .winner-name{color:#4fdfff;text-shadow:0 0 8px #4fdfff99,2px 2px 4px rgba(0,0,0,.3)}.victory-popup h3{color:gold;font-size:1.3rem;margin-bottom:16px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.game-victory h3{color:#8b4513;font-weight:700}.game-win-message{color:#f60;font-size:1.2rem;margin-bottom:16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.auto-close-timer{color:gold;font-size:.9rem;margin-top:16px;opacity:.8;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.victory-popup .close-btn{background:#28a745!important;color:#fff!important;border:none!important;border-radius:8px;padding:12px 32px;font-size:1.1rem;cursor:pointer;font-weight:700;margin-top:16px;transition:all .3s ease;box-shadow:0 4px 8px #28a7454d!important}.victory-popup.game-victory .close-btn{background:#28a745!important;color:#fff!important;box-shadow:0 4px 8px #28a7454d!important}.victory-popup .close-btn:hover{background:#218838!important;transform:translateY(-2px);box-shadow:0 6px 12px #28a74580!important}.victory-popup.game-victory .close-btn:hover{background:#218838!important}.first-win{color:#ff8c00!important;font-size:1.1rem;margin-bottom:16px;font-weight:700;text-shadow:0 0 8px #ff8c00aa,1px 1px 2px rgba(0,0,0,.5);animation:lambretaGlow 2s ease-in-out infinite alternate}@keyframes lambretaGlow{0%{text-shadow:0 0 8px #ff8c00aa,1px 1px 2px rgba(0,0,0,.5)}to{text-shadow:0 0 15px #ff8c00ff,0 0 25px #ff8c0088,1px 1px 2px rgba(0,0,0,.5)}}@media (max-width: 1024px){.victory-popup-overlay{padding:10px;align-items:center;justify-content:center}.victory-popup{padding:28px 24px;min-width:280px;max-width:90vw;max-height:122vh;margin:0;overflow-y:auto;position:relative}.victory-popup.game-victory{transform:scale(1);max-width:90vw;max-height:122vh;padding:28px 24px}.victory-popup h2{font-size:1.5rem;margin-bottom:10px;line-height:1.2}.victory-popup h3{font-size:1.1rem;margin-bottom:10px;line-height:1.2}.victory-emoji{font-size:2rem}.victory-emoji-container{gap:6px;margin-bottom:12px}.game-win-message,.first-win{font-size:.9rem;margin-bottom:8px;line-height:1.3}.victory-popup .close-btn{padding:8px 20px;font-size:.9rem;margin-top:8px}.auto-close-timer{font-size:.75rem;margin-top:8px}}@media (max-width: 480px){.victory-popup-overlay{padding:5px;align-items:center;justify-content:center}.victory-popup{padding:24px 20px;min-width:260px;max-width:95vw;max-height:130vh}.victory-popup.game-victory{max-width:95vw;max-height:130vh;padding:24px 20px}.victory-popup h2{font-size:1.3rem;margin-bottom:8px;line-height:1.1}.victory-popup h3{font-size:1rem;margin-bottom:8px;line-height:1.1}.victory-emoji{font-size:1.5rem}.victory-emoji-container{gap:4px;margin-bottom:8px}.game-win-message,.first-win{font-size:.8rem;margin-bottom:6px;line-height:1.2}.victory-popup .close-btn{padding:6px 16px;font-size:.8rem;margin-top:6px}.auto-close-timer{font-size:.7rem;margin-top:6px}}@media (max-width: 360px){.victory-popup-overlay{padding:2px;align-items:center;justify-content:center}.victory-popup{padding:20px 16px;min-width:240px;max-width:98vw;max-height:137vh;border-radius:16px}.victory-popup.game-victory{max-width:98vw;max-height:137vh;padding:20px 16px}.victory-popup h2{font-size:1.2rem;margin-bottom:6px}.victory-popup h3{font-size:.9rem;margin-bottom:6px}.victory-emoji{font-size:1.3rem}.victory-emoji-container{gap:3px;margin-bottom:6px}.game-win-message,.first-win{font-size:.75rem;margin-bottom:4px}.victory-popup .close-btn{padding:5px 12px;font-size:.75rem;margin-top:4px}.auto-close-timer{font-size:.65rem;margin-top:4px}}.lambreta-popup-modal{background:#ef444480;border:3px solid #ef4444;max-width:500px;max-height:80vh;min-width:420px;padding:32px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.lambreta-title{color:#0f0!important;font-size:1.2rem!important;margin-bottom:12px!important;font-weight:700!important;text-shadow:0 0 12px #00ff00,2px 2px 4px rgba(0,0,0,.7)!important;line-height:1.3!important}.lambreta-emojis{display:flex;justify-content:center;gap:6px;margin-bottom:12px;font-size:2rem}.lambreta-emojis span{display:inline-block;animation:emojiBounceLambreta 1s ease-in-out infinite}.lambreta-emojis span:nth-child(1){animation-delay:0s}.lambreta-emojis span:nth-child(2){animation-delay:.2s}.lambreta-emojis span:nth-child(3){animation-delay:.4s}.lambreta-emojis span:nth-child(4){animation-delay:.6s}.lambreta-emojis span:nth-child(5){animation-delay:.8s}.lambreta-emojis span:nth-child(6){animation-delay:1s}@keyframes emojiBounceLambreta{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lambreta-list{background:#0003;border-radius:8px;padding:12px;margin:12px 0}.lambreta-player{color:#fff;font-size:1.1rem;font-weight:700;padding:8px;margin-bottom:6px;background:#ffffff1a;border-radius:6px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.lambreta-close-btn{background:#991b1b!important;color:#fff!important;border:2px solid #fef08a!important;box-shadow:0 4px 8px #991b1b4d!important}.lambreta-close-btn:hover{background:#7f1d1d!important;box-shadow:0 6px 12px #7f1d1d80!important}.lambreta-timer{color:#fef08a!important}@media (max-width: 1024px){.lambreta-popup-modal{max-width:90vw}.lambreta-title{font-size:1.3rem!important;margin-bottom:16px!important}.lambreta-emojis{font-size:2.5rem;gap:8px;margin-bottom:16px}.lambreta-list{padding:16px;margin:16px 0}.lambreta-player{font-size:1.1rem;padding:8px}}@media (max-width: 480px){.lambreta-popup-modal{max-width:95vw}.lambreta-title{font-size:1.1rem!important;margin-bottom:12px!important}.lambreta-emojis{font-size:2rem;gap:6px;margin-bottom:12px}.lambreta-list{padding:12px;margin:12px 0}.lambreta-player{font-size:1rem;padding:6px}}@media (max-width: 360px){.lambreta-title{font-size:1rem!important;margin-bottom:10px!important}.lambreta-emojis{font-size:1.5rem;gap:4px;margin-bottom:10px}.lambreta-list{padding:10px;margin:10px 0}.lambreta-player{font-size:.9rem;padding:5px}}.lambretas-popup{background:linear-gradient(135deg,#dc143ce6,#8b0000e6);border:3px solid #dc143c;color:#0f0;text-shadow:0 0 8px #00ff00,2px 2px 4px rgba(0,0,0,.7)}.lambretas-popup h2{color:#0f0;font-size:1.8rem;margin-bottom:16px;font-weight:700;text-shadow:0 0 12px #00ff00,2px 2px 4px rgba(0,0,0,.7)}.lambretas-players{color:#4fdfff;font-size:1.4rem;font-weight:700;margin-bottom:20px;text-shadow:0 0 8px #4fdfff99,2px 2px 4px rgba(0,0,0,.7);line-height:1.3}.lambretas-popup .close-btn{background:#dc143c!important;color:#0f0!important;border:2px solid #00ff00!important;box-shadow:0 4px 8px #dc143c4d!important}.lambretas-popup .close-btn:hover{background:#b91c3c!important;box-shadow:0 6px 12px #dc143c80!important}@media (max-width: 1024px){.victory-popup-overlay{flex-direction:column;gap:10px}.victory-popup,.lambretas-popup{max-width:95vw;margin:0}.lambretas-popup h2{font-size:1.4rem;margin-bottom:12px}.lambretas-players{font-size:1.1rem;margin-bottom:16px}}@media (max-width: 480px){.victory-popup-overlay{padding:10px 5px}.lambretas-popup h2{font-size:1.2rem;margin-bottom:10px}.lambretas-players{font-size:1rem;margin-bottom:14px}}@media (max-width: 360px){.victory-popup-overlay{padding:5px 2px}.lambretas-popup h2{font-size:1.1rem;margin-bottom:8px}.lambretas-players{font-size:.9rem;margin-bottom:12px}}.victory-popup.closed-game{background:#8a2be280;border:3px solid #9370db;max-width:500px;max-height:80vh;padding:24px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}@media (max-width: 1024px) and (orientation: landscape){.victory-popup.closed-game{max-height:90vh;padding:12px 16px}.victory-popup.closed-game .purple-emoji{font-size:1.5rem!important}.victory-popup.closed-game h2{font-size:1.2rem!important;margin-bottom:6px!important}.victory-popup.closed-game h3{font-size:1rem!important;margin-bottom:8px!important}.closed-game-players{margin:8px 0!important;gap:8px!important}.closed-player{padding:6px!important;gap:4px!important}.victory-popup.closed-game .close-btn{padding:8px 20px!important;font-size:.9rem!important;margin-top:8px!important}}.victory-popup.closed-game .purple-emoji{color:#9370db;filter:drop-shadow(0 0 8px #9370db)}.victory-popup.closed-game h2{color:#fff;text-shadow:0 0 10px #9370db,2px 2px 4px rgba(0,0,0,.5)}.victory-popup.closed-game h3{color:gold;text-shadow:0 0 8px #ffd700,2px 2px 4px rgba(0,0,0,.5)}.winner-emoji{font-size:1.5rem;display:inline-block;margin:0 8px;animation:emojiRotate 1s ease-in-out infinite}@keyframes emojiRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.closed-game-players{display:flex;flex-direction:row;gap:12px;margin:12px 0;width:100%;justify-content:center;flex-wrap:wrap}.closed-player{background:#0000004d;border:2px solid #9370db;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center;flex:1;min-width:100px;max-width:150px}.closed-player-name{color:#4fdfff;font-size:.85rem;font-weight:700;text-shadow:0 0 8px #4fdfff99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.closed-player-pieces{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-height:120px;overflow-y:auto}.closed-mini-piece{background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #9370db;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:22px;height:34px;box-shadow:0 2px 4px #0000004d;flex-shrink:0}.closed-mini-value{color:#4a148c;font-size:.65rem;font-weight:700;text-shadow:none}.closed-mini-divider{width:100%;height:1px;background:#9370db;margin:1px 0}.closed-player-score{color:gold;font-size:.8rem;font-weight:700;text-shadow:0 0 8px #ffd700,1px 1px 2px rgba(0,0,0,.5);white-space:nowrap}@media (max-width: 1024px){.victory-popup.closed-game{max-width:90vw}.closed-player-name{font-size:1.1rem}.closed-mini-piece{width:28px;height:42px}.closed-mini-value{font-size:.8rem}.closed-player-score{font-size:1rem}}@media (max-width: 480px){.closed-game-players{gap:12px;margin:16px 0}.closed-player{padding:12px;gap:8px}.closed-player-name{font-size:1rem}.closed-mini-piece{width:24px;height:36px}.closed-mini-value{font-size:.7rem}.closed-player-score{font-size:.9rem}}@keyframes countdownPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.countdown-alert{text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none}.quadrinho-score-container{margin-top:16px;padding:8px 0;display:flex;flex-direction:column;align-items:center;background:#f7f7f7;border-radius:12px}.quadrinho-row{display:flex;gap:32px;margin-bottom:7px;justify-content:center}.quadrinho-cruz{position:relative;display:flex;flex-direction:column;align-items:center;min-width:64px}.cruz-ponta{position:absolute;width:16px;height:16px;background:#ddd;border-radius:50%;transition:background .3s}.quadrinho-score-container{margin-top:0;padding:0;display:flex;flex-direction:column;align-items:center;background:#23272f;border-radius:12px;box-shadow:0 2px 12px #0002;border:2px solid #353a44;width:95%;max-width:400px;margin-left:auto;margin-right:auto;max-height:60vh;container-type:inline-size;min-width:250px}@container (max-width: 350px){.quadrinho-score-container{transform:scale(.95);transform-origin:center}.quadrinho-nome{font-size:.95rem;min-width:55px}.cruz{width:42px;height:42px}.cruz-ponta{width:14px;height:14px}}@container (max-width: 300px){.quadrinho-score-container{transform:scale(.9);transform-origin:center}.quadrinho-nome{font-size:.9rem;min-width:50px}.cruz{width:38px;height:38px}.cruz-ponta{width:12px;height:12px}}@container (max-width: 250px){.quadrinho-score-container{transform:scale(.85);transform-origin:center}.quadrinho-nome{font-size:.85rem;min-width:45px}.cruz{width:34px;height:34px}.cruz-ponta{width:10px;height:10px}}.quadrinho-header-fixed{width:100%;background:#23272f;border-radius:12px 12px 0 0;padding:16px 0 8px;position:sticky;top:0;z-index:20;border-bottom:1px solid #353a44}.quadrinho-cruzes-area-scrollable{width:100%;flex:1;overflow-y:auto;overflow-x:hidden;max-height:40vh;padding:8px 0;scrollbar-width:thin;scrollbar-color:#4fdfff #353a44}.quadrinho-cruzes-area-scrollable::-webkit-scrollbar{width:6px}.quadrinho-cruzes-area-scrollable::-webkit-scrollbar-track{background:#353a44;border-radius:3px}.quadrinho-cruzes-area-scrollable::-webkit-scrollbar-thumb{background:#4fdfff;border-radius:3px;transition:background .3s ease}.quadrinho-cruzes-area-scrollable::-webkit-scrollbar-thumb:hover{background:#6ee8ff}@media (max-width: 768px){.quadrinho-score-container{max-height:80vh;transform:scale(.9);transform-origin:center;width:90%;margin:0 auto}.quadrinho-cruzes-area-scrollable{max-height:44vh}.quadrinho-cruzes-area-scrollable::-webkit-scrollbar{width:3px}.quadrinho-nome{font-size:.99rem}.quadrinho-wins-count{font-size:.63rem}.game-winner-crown{font-size:1.08rem}.quadrinho-line-winner{font-size:.99rem}.quadrinho-line-finalized,.quadrinho-complete-indicator{font-size:1.08rem}.current-quadrinho-indicator{font-size:.81rem}}.quadrinho-nomes-row{display:flex;gap:32px;justify-content:center;margin-bottom:30px}.quadrinho-score-container.four-players .quadrinho-nomes-row{gap:20px}.quadrinho-score-container.four-players .quadrinho-nome{font-size:.9rem;min-width:50px}@media (max-width: 768px){.quadrinho-score-container.four-players .quadrinho-nomes-row{gap:15px}.quadrinho-score-container.four-players .quadrinho-nome{font-size:.8rem;min-width:45px}}.quadrinho-divisor-top{width:80%;height:2px;background:#444;margin:0 auto;border-radius:2px}.quadrinho-nome{color:#4fdfff;font-size:1.1rem;font-weight:700;letter-spacing:2px;min-width:64px;text-align:center;text-shadow:0 0 8px #4fdfff99,0 2px 8px #222;display:flex;flex-direction:column;align-items:center;position:relative}.player-abbrev{margin-bottom:-25px}.quadrinho-wins-count{font-size:.7rem;color:#aaa;margin-top:25px;margin-bottom:-20px;text-shadow:none}.game-winner-crown{position:absolute;top:-18px;right:15px;font-size:1.2rem;animation:crownBounce 2s infinite}.last-winner-crown{position:absolute;top:-23px;right:15px;font-size:1.2rem;color:gold;text-shadow:0 0 4px #ffd700;animation:crownGlow 2s infinite alternate}.game-starter-tick{position:absolute;top:-18px;left:15px;font-size:1.2rem;color:#ff8c00;text-shadow:0 0 4px #ff8c00;animation:orangeTickGlow 2s infinite alternate}@keyframes crownGlow{0%{transform:scale(1);text-shadow:0 0 4px #ffd700}to{transform:scale(1.1);text-shadow:0 0 8px #ffd700,0 0 12px #ffd700}}@keyframes orangeTickGlow{0%{transform:scale(1);text-shadow:0 0 4px #ff8c00}to{transform:scale(1.1);text-shadow:0 0 8px #ff8c00,0 0 12px #ff8c00}}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.quadrinho-cruzes-area{width:100%}.quadrinho-row-container{position:relative;width:100%;margin-bottom:7px}.quadrinho-line-winner{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:60%;min-height:25px;display:flex;align-items:center;justify-content:center;color:gold;font-weight:700;font-size:1.3rem;text-shadow:0 0 12px #ffd70099,0 2px 8px #222;z-index:10;background:#000000b3;border-radius:20px;border:2px solid rgba(255,215,0,.3);animation:winnerGlow 2s infinite alternate;padding:4px 12px}@keyframes winnerGlow{0%{box-shadow:0 0 15px #ffd70080}to{box-shadow:0 0 25px #ffd700cc}}@media (max-width: 768px){.quadrinho-line-winner{font-size:1.1rem;top:-12px;border-radius:15px}}.quadrinho-line-finalized{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;display:flex;align-items:center;justify-content:center;color:gold;font-weight:700;font-size:1.5rem;text-shadow:0 0 8px #ffd70099,0 2px 8px #222;z-index:15;background:#0c0c0ccc;border-radius:15px;border:2px solid rgba(255,215,0,.4);animation:finalizedGlow 2s infinite alternate;padding:8px;letter-spacing:2px}@keyframes finalizedGlow{0%{box-shadow:0 0 20px #ffd70099;text-shadow:0 0 12px #ffd70099,0 2px 8px #222}to{box-shadow:0 0 30px #ffd700e6;text-shadow:0 0 16px #ffd70099,0 2px 12px #222}}@media (max-width: 768px){.quadrinho-line-finalized{font-size:1.2rem;border-radius:12px;padding:6px}}.quadrinho-row{display:flex;gap:32px;margin-top:15px;margin-bottom:3px;justify-content:center;min-height:64px}.quadrinho-score-container.four-players .quadrinho-row{gap:20px;min-height:50px}@media (max-width: 768px){.quadrinho-score-container.four-players .quadrinho-row{gap:8px;min-height:45px}}.quadrinho-divisor{width:80%;height:2px;background:#444;margin:0 auto 10px;border-radius:2px}.quadrinho-cruz{position:relative;display:flex;flex-direction:column;align-items:center;min-width:64px;transition:all .3s ease}.quadrinho-cruz.completed{background:#2fff7a1a;border-radius:50px;padding:0;min-height:48px;height:48px;width:48px;display:flex;align-items:center;justify-content:center}.quadrinho-cruz.current{background:#4fdfff1a;border:2px solid rgba(79,223,255,.3);border-radius:50px;padding:0;min-height:48px;height:50px;width:48px;display:flex;align-items:center;justify-content:center}.quadrinho-score-container.four-players .quadrinho-cruz{min-width:50px}@media (max-width: 768px){.quadrinho-cruz.current{min-height:32px;height:50px;width:50px;border-radius:50%}}.cruz{width:48px;height:48px;position:relative;display:flex;justify-content:center;align-items:center}.quadrinho-score-container.four-players .cruz{width:32px;height:32px}@media (max-width: 768px){.quadrinho-score-container.four-players .cruz{width:28px;height:28px}}.cruz-ponta{position:absolute;width:16px;height:16px;background:#bbb;border-radius:50%;transition:background .3s;box-shadow:0 1px 4px #0002}.quadrinho-score-container.four-players .cruz-ponta{width:10px;height:10px}@media (max-width: 768px){.quadrinho-score-container.four-players .cruz-ponta{width:8px;height:8px}}.cruz-ponta.filled{background:#2fff7a;box-shadow:0 0 12px #2fff7a99}.cruz-ponta:nth-child(1){top:0;left:50%;transform:translate(-50%,-50%)}.cruz-ponta:nth-child(2){right:0;top:50%;transform:translate(50%,-50%)}.cruz-ponta:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%)}.cruz-ponta:nth-child(4){left:0;top:50%;transform:translate(-50%,-50%)}.quadrinho-cruz.winner .cruz-ponta{background:#222!important}.quadrinho-complete-indicator{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);color:#2fff7a;font-size:1.2rem;font-weight:700;animation:checkmarkPulse 2s infinite}@keyframes checkmarkPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.1)}}.quadrinho-starter-indicator{position:absolute;bottom:-20px;left:calc(50% - 10px);transform:translate(-50%);color:#ff8c00;font-size:1.2rem;font-weight:700;text-shadow:0 0 4px #ff8c00;animation:orangeStarterGlow 2s infinite alternate;z-index:5}@keyframes orangeStarterGlow{0%{opacity:1;transform:translate(-50%) scale(1);text-shadow:0 0 4px #ff8c00}to{opacity:.8;transform:translate(-50%) scale(1.1);text-shadow:0 0 8px #ff8c00,0 0 12px #ff8c00}}.current-quadrinho-indicator{width:100%;padding:8px 16px;background:#4fdfff33;border:1px solid rgba(79,223,255,.4);border-radius:0 0 12px 12px;color:#4fdfff;font-size:.9rem;font-weight:700;text-align:center;position:sticky;bottom:0;z-index:20;margin:0}@media (max-width: 768px) and (orientation: portrait){.quadrinho-score-container{margin-top:-20px}}.room-game-board{min-height:100vh;background:var(--background-gameboard);display:flex;flex-direction:column;position:relative;font-family:var(--font-family);overscroll-behavior:none;-webkit-overflow-scrolling:touch}.room-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;font-size:1.2rem}.loading-spinner{font-size:3rem;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lobby-content{width:97%;height:90%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;flex:1}.lobby-header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:18px}.lobby-header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.lobby-header p{font-size:1.2rem;opacity:.9}.lobby-main-row{display:flex;max-width:1200px;width:100%;height:50%;gap:20px}.ready-section{flex:0 0 40%;min-width:600px;max-width:1200px;margin-right:10px;position:relative}.lobby-table-selector-col{flex:0px 0px 0 33%;min-width:220px;max-width:400px;margin-left:-20px;margin-right:30px;margin-top:0;padding-right:16px;align-self:flex-start}.lobby-title{color:var(--success-light);font-size:1.8rem;margin-bottom:12px;margin-top:-10px;font-weight:600;text-align:center;margin-left:-25px;text-shadow:1px 1px 3px rgba(83,75,75,.2)}.lobby-players-list{display:flex;flex-direction:column;gap:5px}.lobby-player-card{width:90%;min-width:370px;max-width:540px;margin:5px auto 5px -5px;background:#ffffff21;border-radius:12px;box-shadow:0 2px 8px #00000014;border:2px solid rgba(255,255,255,.18);padding:1px 5px;transition:background .3s}.lobby-player-card.ready{border-color:#4caf50;background:#4caf5021}.lobby-player-card.empty{opacity:.5;border-style:dashed;border-color:#ffffff4d;background:var(--background-waiting-content)}.lobby-player-info{width:100%;display:flex;align-items:center;gap:16px;flex-direction:row;justify-content:space-between}.lobby-player-name{font-size:1.15em;font-weight:700;color:#ffd600;margin-top:2px;margin-bottom:2px;text-shadow:1px 1px 4px rgba(0,0,0,.35)}.lobby-player-position{font-size:1em;font-weight:700;color:#fff;opacity:.85;margin-top:2px;margin-bottom:2px;text-shadow:1px 1px 4px rgba(0,0,0,.35)}.lobby-player-status{font-size:.95em;text-shadow:1px 1px 4px rgba(0,0,0,.35);color:#39ff14;font-weight:500;margin-top:2px;margin-bottom:2px}.lobby-actions{text-align:center;margin-top:20px}.action-buttons{display:flex;gap:12px;justify-content:center;align-items:center}.ready-btn{padding:12px 25px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;cursor:pointer;transition:all .3s ease}.ready-btn.ready-active{background:linear-gradient(45deg,#ff9800,#f57c00)}.ready-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.ready-btn:disabled{opacity:.5;cursor:not-allowed}.start-game-btn{padding:12px 25px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.start-game-btn:hover{background:linear-gradient(45deg,#45a049,#388e3c);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.remove-player-btn{background:var(--btn-danger-bg);color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:.8rem;cursor:pointer;margin-left:8px;box-shadow:0 2px 4px #f443364d;transition:all .2s ease}.remove-player-btn:hover{transform:translateY(-1px);box-shadow:0 3px 6px #f4433666}.leave-btn-mobile,.rules-btn-mobile{border:none;border-radius:6px;color:#fff;padding:6px 12px;font-size:.8rem;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.leave-btn-mobile{background:var(--btn-danger-bg)}.rules-btn-mobile{background:var(--btn-info-bg);border:1px solid var(--btn-secondary-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-status{text-align:center;padding:10px;margin-top:10px;background:#0000000d;border-radius:8px}.game-status p{margin:5px 0;font-size:1rem}.start-message{color:#4caf50;font-weight:700;animation:pulse 1.5s infinite}.waiting-message{color:#ffc107;font-style:italic}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.how-to-play-card{width:90%;max-width:800px;margin:16px auto;background:var(--background-modal);border-radius:12px;padding:16px;border:1px solid var(--border-modal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.how-to-play-bottom{width:100%;max-width:none;margin:24px auto 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rules-modal{background:var(--background-modal);border-radius:var(--border-radius-large);padding:var(--spacing-xl);max-width:400px;width:90vw;max-height:80vh;overflow:auto;box-shadow:var(--shadow-modal);animation:modalSlideIn .3s ease-out}.confirm-modal{background:var(--background-modal);color:var(--text-modal);border:2px solid var(--border-modal);border-radius:15px;padding:30px;max-width:400px;width:90vw;text-align:center;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal h3{margin:0 0 15px;color:#333;font-size:1.3rem}.confirm-modal p{margin:0 0 15px;color:#666;line-height:1.5}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.confirm-btn{padding:12px 25px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.confirm-btn.leave{background:linear-gradient(45deg,#f44336,#d32f2f);color:#fff;box-shadow:0 3px 10px #f443364d}.confirm-btn.leave:hover{background:linear-gradient(45deg,#d32f2f,#c62828);transform:translateY(-2px)}.confirm-btn.stay{background:linear-gradient(45deg,#9e9e9e,#757575);color:#fff;box-shadow:0 3px 10px #9e9e9e4d}.confirm-btn.stay:hover{background:linear-gradient(45deg,#757575,#616161);transform:translateY(-2px)}@media (max-width: 1024px){.ready-section{position:relative}.rules-btn-mobile{position:absolute!important;left:0;bottom:0;margin-left:8px;z-index:20}.leave-btn-mobile{position:absolute!important;right:0;bottom:0;margin-right:8px;z-index:20}.lobby-player-card{min-width:360px}.mobile .game-status{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.lobby-content{height:85vh;max-height:none;margin:10px auto;padding:15px}.lobby-main-row{flex-direction:column;gap:15px}.lobby-table-selector-col{flex:none;order:1;justify-content:center;margin-top:0}.ready-section{order:2}}@media (max-width: 1024px) and (orientation: landscape){.room-game-board{width:100vw;max-width:100vw;padding:0;margin:0}.lobby-content{height:100vh;max-height:none;margin:0;padding:8px 10px;width:100%;max-width:100vw}.lobby-main-row{flex-direction:row!important;gap:20px;height:auto;width:100%}.ready-section{flex:1 1 auto;min-width:480px;max-width:calc(100% - 220px);margin-right:0;order:1!important}.lobby-title{font-size:1.3rem;margin-bottom:8px;margin-top:-5px}.lobby-players-list{gap:3px}.lobby-player-card{min-width:340px;width:82%;padding:4px 10px;margin:2px auto 2px 0}.lobby-player-name{font-size:.95em}.lobby-player-status,.lobby-player-position{font-size:.85em}.lobby-table-selector-col{flex:0 0 auto;min-width:180px;max-width:200px;margin-left:0;margin-right:0;margin-top:0;padding-right:90px;order:2!important}.lobby-actions{margin-top:10px}.action-buttons{gap:8px}.ready-btn,.start-game-btn{padding:8px 16px;font-size:.95rem}.modal-actions{flex-direction:column;align-items:center}.confirm-btn{width:100%;max-width:200px}.leave-btn-mobile{margin-right:20%}}@media (max-width: 768px) and (orientation: portrait){.room-game-board{width:100vw;max-width:100vw;padding:0;margin:0}.ready-section{flex:0 0 0%;min-width:50px;max-width:100vw;width:90vw;margin-right:10px;position:relative}.lobby-table-selector-col{margin-left:15%}.lobby-players-list{display:flex;flex-direction:column;gap:0px}.ready-btn{margin-top:-10px}.lobby-player-card{padding:6px 8px!important;margin:4px auto 4px -18px!important;border-radius:8px!important;box-shadow:0 1px 4px #0000000f!important;max-width:100vw;min-width:0px;width:99vw}.lobby-player-name{font-size:.9em!important;margin-top:1px!important;margin-bottom:1px!important}.lobby-player-status,.lobby-player-position{font-size:.8em!important;margin-top:1px!important;margin-bottom:1px!important}.rules-btn-mobile{position:absolute!important;left:0;bottom:00px;margin-left:0;margin-bottom:-60px;z-index:20}.leave-btn-mobile{position:absolute!important;right:0;bottom:0;margin-right:0;margin-bottom:-60px;z-index:20}.start-game-btn{margin-top:-11px}.chat-container{margin-top:350px;min-height:100vh;min-width:200px;max-width:280px;width:260px;padding-top:0;gap:0px;padding-bottom:0}}.table-selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.table-image-wrapper{position:relative;width:240px;height:210px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.mesa-img{width:100%;height:100%;object-fit:contain;border-radius:16px;box-shadow:0 2px 16px #00000026}.table-pos-btn{position:absolute;padding:10px 18px;font-size:1rem;border-radius:24px;border:none;background:#1e88e5;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:background .2s}.table-pos-btn.selected{background:#43a047}.table-pos-btn:disabled{background:#aaa;cursor:not-allowed}.timeout-config{padding:10px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);text-align:center;width:180px;max-width:100%}.timeout-label{display:block;font-size:.75rem;color:#ccc;margin-bottom:6px;font-weight:500}.timeout-input-wrapper{display:flex;align-items:center;justify-content:center;gap:6px}.timeout-input{width:50px;padding:4px 6px;font-size:.85rem;border-radius:4px;border:1px solid #666;background:#ffffff1a;color:#fff;text-align:center;transition:all .2s ease}.timeout-input:focus{outline:none;border-color:#1e88e5;background:#ffffff26;box-shadow:0 0 0 2px #1e88e533}.timeout-unit{font-size:.75rem;color:#ccc;font-weight:500}:root{--primary-color: #667eea;--primary-dark: #764ba2;--primary-light: #8e97ff;--secondary-color: #9c27b0;--secondary-dark: #7b1fa2;--secondary-light: #ba68c8;--success-color: #4caf50;--success-dark: #45a049;--success-light: #05f711;--warning-color: #ff9800;--warning-dark: #f57c00;--warning-light: #ffcc02;--error-color: #f44336;--error-dark: #d32f2f;--error-light: #ef5350;--info-color: #2196f3;--info-dark: #1976d2;--info-light: #64b5f6;--neutral-white: #ffffff;--neutral-light: #f5f5f5;--neutral-medium: #e0e0e0;--neutral-dark: #757575;--neutral-darker: #424242;--neutral-black: #212121;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-card: rgba(255, 255, 255, .95);--background-modal: var(--primary-color);--background-modal-header: var(--primary-dark);--background-gameboard: var(--primary-color);--background-overlay: rgba(0, 0, 0, .7);--text-modal: var(--neutral-white);--border-modal: var(--primary-light);--background-lobby: rgba(102, 126, 234, .7);--background-rooms-section: rgba(255, 255, 255, .1);--background-player-panel: rgba(255, 255, 255, .1);--background-controls-panel: rgba(255, 255, 255, .95);--background-waiting-content: rgba(255, 255, 255, .1);--game-active-player: #00cfff;--game-current-turn: #4caf50;--game-waiting-turn: #ffc107;--game-blocked-turn: #ff5722;--game-special-text: #ff8c00;--game-overlay-bg: rgba(0, 0, 0, .7);--input-background: #b39ddb;--input-text: #4a148c;--input-placeholder: #6a1b9a;--input-border: #ddd;--input-focus: var(--primary-color);--btn-primary-bg: linear-gradient( 45deg, var(--success-color), var(--success-dark) );--btn-secondary-bg: linear-gradient( 45deg, var(--secondary-color), var(--secondary-dark) );--btn-danger-bg: linear-gradient( 45deg, var(--error-color), var(--error-dark) );--btn-warning-bg: linear-gradient( 45deg, var(--warning-color), var(--warning-dark) );--btn-info-bg: linear-gradient( 45deg, var(--neutral-medium), var(--neutral-darker) );--btn-status-bg: linear-gradient(45deg, var(--info-color), var(--info-dark));--shadow-small: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 15px rgba(0, 0, 0, .2);--shadow-large: 0 8px 32px rgba(0, 0, 0, .1);--shadow-modal: 0 10px 30px rgba(0, 0, 0, .3);--border-radius-small: 8px;--border-radius-medium: 12px;--border-radius-large: 15px;--border-radius-round: 25px;--border-radius-full: 50%;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-small: .8rem;--font-size-normal: 1rem;--font-size-medium: 1.1rem;--font-size-large: 1.2rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-size-xxxl: 2.5rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--spacing-xxl: 40px}:root[data-theme=orange]{--primary-color: #ff9900a9;--primary-dark: #f57c00;--primary-light: #ffb74d;--secondary-color: #ff5722;--secondary-dark: #d84315;--secondary-light: #ff7043;--input-background: #ffe0b2;--input-text: #bf360c;--input-placeholder: #e65100;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--primary-dark);--background-gameboard: var(--primary-color);--text-modal: var(--neutral-white);--border-modal: var(--primary-light);--background-lobby: rgba(255, 152, 0, .7);--background-rooms-section: rgba(255, 183, 77, .1);--background-player-panel: rgba(255, 183, 77, .1);--background-controls-panel: rgba(255, 224, 178, .95);--background-waiting-content: rgba(255, 183, 77, .1);--game-active-player: #ff6d00;--game-current-turn: #4caf50;--game-waiting-turn: #ffc107;--game-blocked-turn: #d84315;--game-special-text: #ff3d00;--game-overlay-bg: rgba(0, 0, 0, .7)}:root[data-theme=yellow]{--primary-color: #ffd600;--primary-dark: #f9a825;--primary-light: #ffeb3b;--secondary-color: #ffc107;--secondary-dark: #ffa000;--secondary-light: #ffecb3;--input-background: #fff9c4;--input-text: #f57f17;--input-placeholder: #f9a825;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--primary-dark);--background-gameboard: var(--primary-color);--text-modal: #212121;--border-modal: var(--primary-light);--background-lobby: rgba(255, 214, 0, .7);--background-rooms-section: rgba(255, 235, 59, .1);--background-player-panel: rgba(255, 235, 59, .1);--background-controls-panel: rgba(255, 249, 196, .95);--background-waiting-content: rgba(255, 235, 59, .1);--game-active-player: #ffab00;--game-current-turn: #4caf50;--game-waiting-turn: #ff6f00;--game-blocked-turn: #d84315;--game-special-text: #f57f17;--game-overlay-bg: rgba(0, 0, 0, .7)}:root[data-theme=green]{--primary-color: #4caf50;--primary-dark: #388e3c;--primary-light: #81c784;--secondary-color: #8bc34a;--secondary-dark: #689f38;--secondary-light: #aed581;--input-background: #c8e6c9;--input-text: #1b5e20;--input-placeholder: #2e7d32;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--primary-dark);--background-gameboard: var(--primary-color);--text-modal: var(--neutral-white);--border-modal: var(--primary-light);--background-lobby: rgba(76, 175, 80, .7);--background-rooms-section: rgba(129, 199, 132, .1);--background-player-panel: rgba(129, 199, 132, .1);--background-controls-panel: rgba(200, 230, 201, .95);--background-waiting-content: rgba(129, 199, 132, .1);--game-active-player: #00e676;--game-current-turn: #2e7d32;--game-waiting-turn: #f57f17;--game-blocked-turn: #d32f2f;--game-special-text: #1b5e20;--game-overlay-bg: rgba(0, 0, 0, .7)}:root[data-theme=blue]{--primary-color: #2196f3;--primary-dark: #1976d2;--primary-light: #64b5f6;--secondary-color: #03a9f4;--secondary-dark: #0288d1;--secondary-light: #4fc3f7;--input-background: #bbdefb;--input-text: #0d47a1;--input-placeholder: #1565c0;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--primary-dark);--background-gameboard: var(--primary-color);--text-modal: var(--neutral-white);--border-modal: var(--primary-light);--background-lobby: rgba(33, 150, 243, .7);--background-rooms-section: rgba(100, 181, 246, .1);--background-player-panel: rgba(100, 181, 246, .1);--background-controls-panel: rgba(187, 222, 251, .95);--background-waiting-content: rgba(100, 181, 246, .1);--game-active-player: #00b0ff;--game-current-turn: #1976d2;--game-waiting-turn: #ff8f00;--game-blocked-turn: #d32f2f;--game-special-text: #0d47a1;--game-overlay-bg: rgba(0, 0, 0, .7)}:root[data-theme=graphite]{--primary-color: #424242;--primary-dark: #212121;--primary-light: #616161;--secondary-color: #757575;--secondary-dark: #424242;--secondary-light: #9e9e9e;--input-background: #616161;--input-text: #ffffff;--input-placeholder: #bdbdbd;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--primary-dark);--background-gameboard: var(--primary-color);--text-modal: var(--neutral-white);--border-modal: var(--primary-light);--background-card: rgba(97, 97, 97, .95);--neutral-white: #f5f5f5;--background-lobby: rgba(66, 66, 66, .7);--background-rooms-section: rgba(97, 97, 97, .1);--background-player-panel: rgba(97, 97, 97, .1);--background-controls-panel: rgba(97, 97, 97, .95);--background-waiting-content: rgba(97, 97, 97, .1);--game-active-player: #90a4ae;--game-current-turn: #66bb6a;--game-waiting-turn: #ffb74d;--game-blocked-turn: #f44336;--game-special-text: #cfd8dc;--game-overlay-bg: rgba(0, 0, 0, .8)}:root[data-theme=graphite-white]{--primary-color: #424242;--primary-dark: #212121;--primary-light: #ffffff;--secondary-color: #ffffff;--secondary-dark: #f5f5f5;--secondary-light: #ffffff;--input-background: #ffffff;--input-text: #212121;--input-placeholder: #757575;--neutral-white: #212121;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--secondary-color);--background-modal-header: var(--secondary-dark);--background-gameboard: var(--primary-color);--text-modal: var(--primary-dark);--border-modal: var(--primary-light);--background-card: rgba(255, 255, 255, .98);--background-lobby: rgba(66, 66, 66, .7);--background-rooms-section: rgba(255, 255, 255, .1);--background-player-panel: rgba(255, 255, 255, .1);--background-controls-panel: rgba(255, 255, 255, .712);--background-waiting-content: rgba(255, 255, 255, .1);--game-active-player: #ffffffc5;--game-current-turn: #4caf50;--game-waiting-turn: #ffc107;--game-blocked-turn: #f44336;--game-special-text: rgba(66, 66, 66, .7);--game-overlay-bg: rgba(0, 0, 0, .8)}:root[data-theme=graphite-neon-green]{--primary-color: #424242;--primary-dark: #212121;--primary-light: #39ff14;--secondary-color: #39ff14;--secondary-dark: #32e010;--secondary-light: #76ff5a;--input-background: #39ff14;--input-text: #000000;--input-placeholder: #1a7007;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--secondary-color);--background-gameboard: var(--primary-color);--text-modal: var(--secondary-color);--border-modal: var(--secondary-light);--background-card: rgba(57, 255, 20, .9);--btn-primary-bg: linear-gradient(45deg, #39ff14, #32e010);--btn-secondary-bg: linear-gradient(45deg, #76ff5a, #39ff14);--background-lobby: rgba(66, 66, 66, .7);--background-rooms-section: rgba(57, 255, 20, .1);--background-player-panel: rgba(57, 255, 20, .1);--background-controls-panel: rgba(57, 255, 20, .9);--background-waiting-content: rgba(57, 255, 20, .1);--game-active-player: #39ff14;--game-current-turn: #32e010;--game-waiting-turn: #ffff00;--game-blocked-turn: #ff1744;--game-special-text: #76ff5a;--game-overlay-bg: rgba(0, 0, 0, .9)}:root[data-theme=graphite-neon-yellow]{--primary-color: #424242;--primary-dark: #212121;--primary-light: #ffff00;--secondary-color: #ffff00;--secondary-dark: #e6e600;--secondary-light: #ffff66;--input-background: #ffff00;--input-text: #000000;--input-placeholder: #666600;--neutral-white: #212121;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--secondary-color);--background-gameboard: var(--primary-color);--text-modal: var(--secondary-color);--border-modal: var(--secondary-light);--background-card: rgba(255, 255, 0, .9);--btn-primary-bg: linear-gradient(45deg, #ffff00, #e6e600);--btn-secondary-bg: linear-gradient(45deg, #ffff66, #ffff00);--background-lobby: rgba(66, 66, 66, .7);--background-rooms-section: rgba(255, 255, 0, .1);--background-player-panel: rgba(255, 255, 0, .1);--background-controls-panel: rgba(255, 255, 0, .9);--background-waiting-content: rgba(255, 255, 0, .1);--game-active-player: #ffff00;--game-current-turn: #e6e600;--game-waiting-turn: #ff8f00;--game-blocked-turn: #ff1744;--game-special-text: #ffff66;--game-overlay-bg: rgba(0, 0, 0, .9)}:root[data-theme=graphite-neon-purple]{--primary-color: #424242;--primary-dark: #212121;--primary-light: #bf00ff;--secondary-color: #bf00ff;--secondary-dark: #9900cc;--secondary-light: #d966ff;--input-background: #bf00ff;--input-text: #ffffff;--input-placeholder: #e6b3ff;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--secondary-color);--background-gameboard: var(--primary-color);--text-modal: var(--secondary-color);--border-modal: var(--secondary-light);--background-card: rgba(191, 0, 255, .9);--btn-primary-bg: linear-gradient(45deg, #bf00ff, #9900cc);--btn-secondary-bg: linear-gradient(45deg, #d966ff, #bf00ff);--background-lobby: rgba(66, 66, 66, .7);--background-rooms-section: rgba(191, 0, 255, .1);--background-player-panel: rgba(191, 0, 255, .1);--background-controls-panel: rgba(191, 0, 255, .9);--background-waiting-content: rgba(191, 0, 255, .1);--game-active-player: #bf00ff;--game-current-turn: #9900cc;--game-waiting-turn: #ff8f00;--game-blocked-turn: #ff1744;--game-special-text: #d966ff;--game-overlay-bg: rgba(0, 0, 0, .9)}:root[data-theme=graphite-neon-orange]{--primary-color: #424242;--primary-dark: #212121;--primary-light: #ff9800;--secondary-color: #ff9800;--secondary-dark: #e65100;--secondary-light: #ffd180;--input-background: #ff9800;--input-text: #000000;--input-placeholder: #e65100;--neutral-white: #212121;--background-primary: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-dark) 100% );--background-modal: var(--primary-color);--background-modal-header: var(--secondary-color);--background-gameboard: var(--primary-color);--text-modal: var(--secondary-color);--border-modal: var(--secondary-light);--background-card: rgba(255, 152, 0, .9);--btn-primary-bg: linear-gradient(45deg, #ff9800, #e65100);--btn-secondary-bg: linear-gradient(45deg, #ffd180, #ff9800);--background-lobby: rgba(66, 66, 66, .7);--background-rooms-section: rgba(255, 152, 0, .1);--background-player-panel: rgba(255, 152, 0, .1);--background-controls-panel: rgba(255, 152, 0, .9);--background-waiting-content: rgba(255, 152, 0, .1);--game-active-player: #ff9800;--game-current-turn: #e65100;--game-waiting-turn: #ff8f00;--game-blocked-turn: #ff1744;--game-special-text: #ffd180;--game-overlay-bg: rgba(0, 0, 0, .9)}.theme-background{background:var(--background-primary)}.theme-card{background:var(--background-card);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium)}.theme-modal{background:var(--background-modal);border-radius:var(--border-radius-large);box-shadow:var(--shadow-modal);color:var(--text-modal);border:2px solid var(--border-modal)}.theme-modal-header{background:var(--background-modal-header);color:var(--text-modal);border-bottom:2px solid var(--border-modal)}.theme-gameboard{background:var(--background-gameboard)}.theme-input{background:var(--input-background);color:var(--input-text);border:2px solid var(--input-border);border-radius:var(--border-radius-small);transition:all var(--transition-normal)}.theme-input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px rgba(var(--input-focus-rgb),.1)}.theme-btn{border:none;border-radius:var(--border-radius-round);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-medium);font-family:var(--font-family)}.theme-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.theme-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.theme-btn-primary{background:var(--btn-primary-bg);color:var(--neutral-white)}.theme-btn-secondary{background:var(--btn-secondary-bg);color:var(--neutral-white)}.theme-btn-danger{background:var(--btn-danger-bg);color:var(--neutral-white)}.theme-btn-warning{background:var(--btn-warning-bg);color:var(--neutral-white)}.theme-btn-info{background:var(--btn-info-bg);color:var(--neutral-white)}.theme-selector{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--background-card);padding:var(--spacing-sm);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium)}.theme-options{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;max-width:200px}.advanced-settings-btn{width:30px;height:30px;border-radius:var(--border-radius-full);border:2px solid var(--neutral-medium);background:var(--background-card);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:var(--spacing-xs)}.advanced-settings-btn:hover{transform:scale(1.1);border-color:var(--primary-color);background:var(--primary-light)}.theme-option{width:30px;height:30px;border-radius:var(--border-radius-full);border:2px solid var(--neutral-white);cursor:pointer;transition:all var(--transition-fast);position:relative}.theme-option:hover{transform:scale(1.1);border-color:var(--neutral-dark)}.theme-option.active{border-color:var(--neutral-black);box-shadow:var(--shadow-small)}.theme-option.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--neutral-white);font-weight:700;font-size:14px}.theme-option.theme-purple{background:linear-gradient(45deg,#667eea,#764ba2)}.theme-option.theme-orange{background:linear-gradient(45deg,#ff9800,#f57c00)}.theme-option.theme-yellow{background:linear-gradient(45deg,#ffd600,#f9a825)}.theme-option.theme-green{background:linear-gradient(45deg,#4caf50,#388e3c)}.theme-option.theme-blue{background:linear-gradient(45deg,#2196f3,#1976d2)}.theme-option.theme-graphite{background:linear-gradient(45deg,#424242,#212121)}.theme-option.theme-graphite-white{background:linear-gradient(45deg,#424242,#fff)}.theme-option.theme-graphite-neon-green{background:linear-gradient(45deg,#424242,#39ff14)}.theme-option.theme-graphite-neon-yellow{background:linear-gradient(45deg,#424242,#ff0)}.theme-option.theme-graphite-neon-purple{background:linear-gradient(45deg,#424242,#bf00ff)}.theme-option.theme-graphite-neon-orange{background:linear-gradient(45deg,#424242,#ff9800)}.theme-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.theme-modal-content{background:var(--background-modal);padding:var(--spacing-xl);border-radius:var(--border-radius-large);max-width:500px;width:90%;box-shadow:var(--shadow-modal)}.theme-setting{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#ffffff1a;border-radius:var(--border-radius-medium);transition:all var(--transition-fast)}.theme-setting:hover{background:#ffffff26}.theme-setting label{display:flex;align-items:center;color:var(--neutral-white);font-weight:600;cursor:pointer;gap:var(--spacing-sm)}.theme-setting input[type=checkbox]{width:18px;height:18px;margin-right:var(--spacing-sm);transform:scale(1.2);cursor:pointer}.theme-setting input[type=range]{width:100%;margin-top:var(--spacing-sm);cursor:pointer}.theme-modal-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.theme-reset-btn,.theme-close-modal-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-round);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-normal)}.theme-reset-btn{background:var(--btn-warning-bg);color:var(--neutral-white)}.theme-close-modal-btn{background:var(--btn-primary-bg);color:var(--neutral-white)}.theme-reset-btn:hover,.theme-close-modal-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}:root{--header-color-override: initial;--button-glow: initial;--card-border: initial;--input-glow: initial;--global-opacity: 1}h1,h2,h3,h4,h5,h6{color:var(--header-color-override, inherit)}.theme-btn{box-shadow:var(--button-glow, var(--shadow-medium))}.theme-card,.room-card{border:var(--card-border, none)}.theme-input{box-shadow:var(--input-glow, none)}.room-lobby{opacity:var(--global-opacity, 1)}.modal label,.form-group label{color:var(--text-modal)!important}.modal input,.form-group input{background:var(--input-background)!important;color:var(--input-text)!important;border-color:var(--border-modal)!important}.confirm-modal h3,.confirm-modal p{color:var(--text-modal)!important}.theme-selector.hidden{display:none!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:transparent!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,#root{background:transparent!important;background-color:transparent!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;height:100vh;overflow:hidden;background-color:transparent!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ffffff1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:transparent!important}a:hover{color:#747bff}button{background-color:#0000000d}}