.help-button{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid white;color:#fff;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.help-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.1);box-shadow:0 6px 20px #0006}.help-button:active{transform:scale(.95)}@media (max-width: 768px){.help-button{width:45px;height:45px;font-size:24px;top:15px;right:15px}}.help-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.help-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 50px #00000080;display:flex;flex-direction:column;align-items:center;overflow:hidden}.help-modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2001;transition:all .3s ease;box-shadow:0 2px 10px #0000004d}.help-modal-close:hover{background:linear-gradient(135deg,#ee5a6f,#ff6b6b);transform:rotate(90deg) scale(1.1)}.help-modal-close:active{transform:rotate(90deg) scale(.95)}.help-modal-image{max-width:100%;max-height:calc(90vh - 40px);width:auto;height:auto;object-fit:contain;border-radius:10px}@media (max-width: 768px){.help-modal-content{padding:15px;max-width:95vw;max-height:85vh}.help-modal-close{width:35px;height:35px;font-size:20px;top:8px;right:8px}}.lobby-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--app-background, linear-gradient(135deg, #667eea 0%, #764ba2 100%));padding:20px}.lobby-container .lobby-card{background:#fff;border-radius:24px;padding:48px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.lobby-container .lobby-card .title{font-size:42px;font-weight:900;text-align:center;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-container .lobby-card .subtitle{text-align:center;color:#666;margin-bottom:40px;font-size:16px}.lobby-container .lobby-card .nickname-section{margin-bottom:32px}.lobby-container .lobby-card .nickname-section label{display:block;margin-bottom:8px;font-weight:600;color:#333}.lobby-container .lobby-card .nickname-section .nickname-input-group{display:flex;gap:8px}.lobby-container .lobby-card .nickname-section .nickname-input-group input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s}.lobby-container .lobby-card .nickname-section .nickname-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.lobby-container .lobby-card .nickname-section .nickname-input-group .random-btn{padding:12px 16px;background:#f0f0f0;border:none;border-radius:12px;font-size:20px;cursor:pointer;transition:all .3s}.lobby-container .lobby-card .nickname-section .nickname-input-group .random-btn:hover{background:#e0e0e0;transform:rotate(180deg)}.lobby-container .lobby-card .actions{display:flex;flex-direction:column;gap:16px}.lobby-container .lobby-card .actions .btn{padding:16px 32px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.lobby-container .lobby-card .actions .btn:disabled{opacity:.5;cursor:not-allowed}.lobby-container .lobby-card .actions .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.lobby-container .lobby-card .actions .btn.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea80}.lobby-container .lobby-card .actions .btn.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 12px #f5576c66}.lobby-container .lobby-card .actions .btn.btn-secondary:hover:not(:disabled){box-shadow:0 6px 16px #f5576c80}.lobby-container .lobby-card .actions .divider{text-align:center;color:#999;font-weight:600;position:relative;margin:8px 0}.lobby-container .lobby-card .actions .divider:before,.lobby-container .lobby-card .actions .divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e0e0e0}.lobby-container .lobby-card .actions .divider:before{left:0}.lobby-container .lobby-card .actions .divider:after{right:0}.lobby-container .lobby-card .actions .join-section{display:flex;flex-direction:column;gap:12px}.lobby-container .lobby-card .actions .join-section .room-code-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:18px;font-weight:700;text-align:center;letter-spacing:2px;text-transform:uppercase;transition:all .3s}.lobby-container .lobby-card .actions .join-section .room-code-input:focus{outline:none;border-color:#f5576c;box-shadow:0 0 0 3px #f5576c1a}.lobby-container .lobby-card .error-message{margin-top:20px;padding:12px;background:#fee;color:#c00;border-radius:8px;text-align:center;font-weight:600}@media (max-width: 768px){.lobby-container .lobby-card{padding:32px 24px}.lobby-container .lobby-card .title{font-size:32px}}.exit-button{position:fixed;top:20px;left:20px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff5757,#c44);border:none;color:#fff;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff575766;transition:all .3s ease;z-index:1000}.exit-button:hover{box-shadow:0 6px 20px #ff575799}.exit-button:active{transform:scale(.9)}@media (max-width: 768px){.exit-button{width:40px;height:40px;font-size:24px;top:16px;left:16px}}.room-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--app-background, linear-gradient(135deg, #667eea 0%, #764ba2 100%));padding:40px 20px}.room-container .room-header{text-align:center;margin-bottom:60px}.room-container .room-header h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:16px;opacity:.9}.room-container .room-header .room-code-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:16px}.room-container .room-header .room-code{background:#fff;color:#667eea;font-size:48px;font-weight:900;padding:20px 40px;border-radius:16px;letter-spacing:8px;box-shadow:0 8px 24px #0003;-webkit-user-select:all;user-select:all}.room-container .room-header .copy-button{position:absolute;right:-65px;background:#fff;color:#667eea;border:none;width:56px;height:56px;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.room-container .room-header .copy-button:hover{box-shadow:0 6px 20px #00000040;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.room-container .room-header .copy-button:active{transform:scale(.9)}.room-container .room-header .room-instruction{color:#fff;font-size:16px;opacity:.8}.room-container .players-waiting{display:flex;align-items:center;gap:60px}.room-container .players-waiting .player-slot{background:#fff;border-radius:20px;padding:32px;min-width:200px;box-shadow:0 8px 24px #0003}.room-container .players-waiting .player-slot.filled{display:flex;flex-direction:column;align-items:center;gap:16px}.room-container .players-waiting .player-slot.filled .player-avatar{font-size:64px;background:linear-gradient(135deg,#667eea,#764ba2);width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center}.room-container .players-waiting .player-slot.filled .player-info{text-align:center}.room-container .players-waiting .player-slot.filled .player-info .player-name{font-size:20px;font-weight:700;color:#333;margin-bottom:8px}.room-container .players-waiting .player-slot.filled .player-info .player-status{font-size:14px;color:#0c6;font-weight:600}.room-container .players-waiting .player-slot.empty{background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;min-height:200px}.room-container .players-waiting .player-slot.empty .waiting-indicator{text-align:center}.room-container .players-waiting .player-slot.empty .waiting-indicator .waiting-text{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px}.room-container .players-waiting .player-slot.empty .waiting-indicator .loading-dots{display:flex;gap:4px;justify-content:center}.room-container .players-waiting .player-slot.empty .waiting-indicator .loading-dots span{color:#fff;font-size:32px;animation:dot-pulse 1.4s infinite}.room-container .players-waiting .player-slot.empty .waiting-indicator .loading-dots span:nth-child(1){animation-delay:0s}.room-container .players-waiting .player-slot.empty .waiting-indicator .loading-dots span:nth-child(2){animation-delay:.2s}.room-container .players-waiting .player-slot.empty .waiting-indicator .loading-dots span:nth-child(3){animation-delay:.4s}.room-container .players-waiting .vs-text{font-size:36px;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3)}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}@media (max-width: 768px){.room-container .room-header .room-code-wrapper{padding:0 60px}.room-container .room-header .room-code{font-size:32px;padding:16px 24px;letter-spacing:4px}.room-container .room-header .copy-button{right:10px;width:48px;height:48px;font-size:20px}.room-container .players-waiting{flex-direction:column;gap:30px}.room-container .players-waiting .vs-text{font-size:28px}.room-container .players-waiting .player-slot{min-width:160px;padding:24px}.room-container .players-waiting .player-slot.filled .player-avatar{width:80px;height:80px;font-size:48px}}.option-card{position:relative;width:120px;height:150px;border-radius:12px;cursor:pointer;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;-webkit-user-select:none;user-select:none}.option-card.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.option-card.pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.option-card:hover:not(.disabled){box-shadow:0 8px 15px #0003}.option-card.selected{transform:scale(1.05)}.option-card.selected.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 0 20px #4facfe99}.option-card.selected.pink{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 0 20px #f5576c99}.option-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(50%)}.option-card .option-image-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:8px;padding:5px}.option-card .option-image{max-width:100%;max-height:100%;object-fit:contain}.option-card .option-name{color:#fff;font-weight:600;font-size:14px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.option-card .selected-indicator{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background:#0f8;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 4px 8px #00ff884d}@media (max-width: 768px){.option-card{width:90px;height:120px;padding:8px}.option-card .option-image-wrapper{width:60px;height:60px}.option-card .option-name{font-size:12px}}.scoreboard{display:flex;align-items:center;justify-content:center;gap:40px;padding:20px;margin-bottom:30px}.scoreboard .score-card{border-radius:16px;padding:24px 32px;min-width:200px;text-align:center;box-shadow:0 8px 16px #0003;color:#fff}.scoreboard .score-card.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.scoreboard .score-card.pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.scoreboard .score-card.waiting{background:linear-gradient(135deg,#a8a8a8,#7a7a7a);display:flex;align-items:center;justify-content:center;min-height:150px}.scoreboard .score-card .score-header{font-size:14px;font-weight:700;opacity:.95;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;padding:4px 12px;border-radius:12px;display:inline-block}.scoreboard .score-card .score-header.you{background:#fff;color:#2ed573;text-shadow:none}.scoreboard .score-card .score-header.opponent-label{background:#fff;color:#ff4757;text-shadow:none}.scoreboard .score-card .player-name{font-size:18px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.scoreboard .score-card .score-value{font-size:48px;font-weight:900;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.3)}.scoreboard .score-card .streak-badge{margin-top:16px;background:#fff3;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;display:inline-block;clear:both}.scoreboard .score-card .waiting-text{font-size:16px;opacity:.8}.scoreboard .vs-divider{font-size:32px;font-weight:900;color:#333;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 768px){.scoreboard{flex-direction:column;gap:20px}.scoreboard .score-card{min-width:160px;padding:20px 24px}.scoreboard .score-card .score-value{font-size:36px}.scoreboard .vs-divider{font-size:24px;transform:rotate(90deg)}}.countdown-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.countdown-container .countdown-number{font-size:200px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(102,126,234,.8),0 0 60px rgba(102,126,234,.6);line-height:1}@media (max-width: 768px){.countdown-container .countdown-number{font-size:120px}}.chat-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-size:28px;cursor:pointer;box-shadow:0 4px 16px #667eea66;z-index:50;display:flex;align-items:center;justify-content:center;transition:all .3s}.chat-button:hover{box-shadow:0 6px 20px #667eea99}.chat-button:active{transform:scale(.95)}@media (max-width: 768px){.chat-button{width:50px;height:50px;font-size:24px;bottom:15px;right:15px}}.sticker-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sticker-picker{position:fixed;bottom:80px;right:20px;width:380px;max-height:420px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.sticker-picker .sticker-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.sticker-picker .sticker-picker-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.sticker-picker .sticker-picker-header .close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.sticker-picker .sticker-picker-header .close-button:hover{background:#f0f0f0;color:#333}.sticker-picker .sticker-tabs{display:flex;gap:8px;padding:16px;overflow-x:auto;overflow-y:visible;border-bottom:1px solid #e0e0e0;background:#f8f8f8;min-height:80px}.sticker-picker .sticker-tabs::-webkit-scrollbar{height:8px}.sticker-picker .sticker-tabs::-webkit-scrollbar-track{background:#f0f0f0}.sticker-picker .sticker-tabs::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sticker-picker .sticker-tabs .tab-button{padding:10px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:20px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;line-height:1.4;min-height:38px;display:flex;align-items:center}.sticker-picker .sticker-tabs .tab-button:hover{border-color:#667eea;color:#667eea}.sticker-picker .sticker-tabs .tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.sticker-picker .sticker-grid{flex:1;overflow-y:auto;padding:16px}.sticker-picker .sticker-grid::-webkit-scrollbar{width:8px}.sticker-picker .sticker-grid::-webkit-scrollbar-track{background:#f0f0f0}.sticker-picker .sticker-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.sticker-picker .sticker-grid::-webkit-scrollbar-thumb:hover{background:#999}.sticker-picker .sticker-grid .sticker-grid-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.sticker-picker .sticker-grid .sticker-button{aspect-ratio:1;background:#f8f8f8;border:2px solid transparent;border-radius:12px;cursor:pointer;padding:8px;transition:all .2s;overflow:hidden}.sticker-picker .sticker-grid .sticker-button:hover{border-color:#667eea;background:#f0f0f0}.sticker-picker .sticker-grid .sticker-button img{width:100%;height:100%;object-fit:contain}@media (max-width: 768px){.sticker-picker{right:10px;left:10px;width:auto;max-height:400px}.sticker-picker .sticker-grid .sticker-grid-content{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.sticker-picker .sticker-tabs .tab-button{padding:6px 12px;font-size:12px}}.sticker-bubble{position:fixed;bottom:100px;right:20px;background:#fff;border-radius:20px;padding:16px;box-shadow:0 8px 24px #00000026;z-index:998;min-width:200px;max-width:250px}.sticker-bubble .sticker-bubble-close{position:absolute;top:16px;right:10px;background:#0000001a;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#666;transition:all .2s;padding:0}.sticker-bubble .sticker-bubble-close:hover{background:#0003;color:#333;transform:scale(1.1)}.sticker-bubble .sticker-bubble-close:active{transform:scale(.95)}.sticker-bubble .sticker-bubble-sender{font-size:12px;font-weight:600;color:#667eea;margin-bottom:8px;padding-right:24px}.sticker-bubble .sticker-bubble-content{display:flex;justify-content:center;align-items:center}.sticker-bubble .sticker-bubble-content img{max-width:100%;max-height:150px;border-radius:12px;object-fit:contain}.sticker-bubble:after{content:"";position:absolute;bottom:-10px;right:30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media (max-width: 768px){.sticker-bubble{bottom:80px;right:10px;min-width:150px;max-width:200px;padding:12px}.sticker-bubble .sticker-bubble-content img{max-height:120px}.sticker-bubble:after{right:20px}}.gameboard-container{min-height:100vh;background:var(--app-background, linear-gradient(135deg, #667eea 0%, #764ba2 100%));padding:20px}.gameboard-container .sent-notification{position:fixed;bottom:100px;right:10px;background:linear-gradient(135deg,#0c6,#0a5);color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700;z-index:997;box-shadow:0 4px 16px #0c66;pointer-events:none}.gameboard-container .round-indicator{text-align:center;color:#fff;font-size:24px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:2px}.gameboard-container .selection-phase{max-width:1200px;margin:0 auto}.gameboard-container .selection-phase .phase-header{text-align:center;margin-bottom:40px}.gameboard-container .selection-phase .phase-header h2{color:#fff;font-size:36px;font-weight:900;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:16px}.gameboard-container .selection-phase .phase-header .opponent-ready{display:inline-block;background:#fff;color:#0c6;font-size:18px;font-weight:700;padding:8px 20px;border-radius:20px;box-shadow:0 4px 12px #00000026;animation:pulse 2s infinite}.gameboard-container .selection-phase .options-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.gameboard-container .selection-phase .confirm-button{display:block;margin:0 auto;padding:20px 60px;background:linear-gradient(135deg,#0f8,#0c6);color:#fff;border:none;border-radius:16px;font-size:24px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 12px #0f86;transition:all .3s}.gameboard-container .selection-phase .confirm-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0f89}.gameboard-container .selection-phase .confirm-button.disabled{opacity:.5;cursor:not-allowed;background:#999}.gameboard-container .waiting-phase{display:flex;align-items:center;justify-content:center;min-height:60vh}.gameboard-container .waiting-phase .waiting-message{color:#fff;font-size:32px;font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.3)}.gameboard-container .result-phase{max-width:1000px;margin:60px auto;background:#fff;border-radius:24px;padding:48px;box-shadow:0 20px 60px #0000004d}.gameboard-container .result-phase .result-content{display:flex;flex-direction:column;align-items:center}.gameboard-container .result-phase .result-content .round-indicator-result{font-size:20px;font-weight:700;color:#667eea;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px}.gameboard-container .result-phase .result-content .choices{display:flex;align-items:center;justify-content:center;gap:60px;margin-bottom:40px}.gameboard-container .result-phase .result-content .choices .choice-card{text-align:center}.gameboard-container .result-phase .result-content .choices .choice-card .choice-label{font-size:16px;font-weight:600;color:#666;margin-bottom:16px;text-transform:uppercase}.gameboard-container .result-phase .result-content .choices .choice-card .choice-image{width:150px;height:150px;object-fit:contain;margin-bottom:16px}.gameboard-container .result-phase .result-content .choices .choice-card .choice-name{font-size:24px;font-weight:700;color:#333}.gameboard-container .result-phase .result-content .choices .choice-card.player .choice-label{color:#667eea}.gameboard-container .result-phase .result-content .choices .choice-card.opponent .choice-label{color:#f5576c}.gameboard-container .result-phase .result-content .choices .vs-divider{font-size:36px;font-weight:900;color:#333}.gameboard-container .result-phase .result-content .result-banner{text-align:center;font-size:48px;font-weight:900;padding:24px;border-radius:16px;margin-bottom:24px}.gameboard-container .result-phase .result-content .result-banner.win{background:linear-gradient(135deg,#0f8,#0c6);color:#fff;box-shadow:0 8px 24px #00ff884d}.gameboard-container .result-phase .result-content .result-banner.lose{background:linear-gradient(135deg,#ff5757,#c44);color:#fff;box-shadow:0 8px 24px #ff57574d}.gameboard-container .result-phase .result-content .result-banner.draw{background:linear-gradient(135deg,gold,#fa0);color:#fff;box-shadow:0 8px 24px #ffd7004d}.gameboard-container .result-phase .result-content .score-gained{text-align:center;font-size:32px;font-weight:700;color:#0c6;margin-bottom:24px}.gameboard-container .result-phase .result-content .ready-button{margin-top:30px;padding:18px 48px;font-size:20px;font-weight:700;border:none;border-radius:50px;background:linear-gradient(135deg,#0f8,#0c6);color:#fff;cursor:pointer;box-shadow:0 6px 20px #0f86;transition:all .3s ease}.gameboard-container .result-phase .result-content .ready-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00ff8880}.gameboard-container .result-phase .result-content .ready-button:active:not(:disabled){transform:translateY(0)}.gameboard-container .result-phase .result-content .ready-button:disabled{opacity:.7;cursor:not-allowed}.gameboard-container .result-phase .result-content .ready-button.ready{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 6px 20px #4facfe66}.gameboard-container .result-phase .result-content .ready-status{margin-top:20px;min-height:40px}.gameboard-container .result-phase .result-content .ready-status .waiting-opponent-ready,.gameboard-container .result-phase .result-content .ready-status .opponent-ready-status,.gameboard-container .result-phase .result-content .ready-status .both-ready-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:600;padding:12px 24px;border-radius:12px;background:#fffffff2;box-shadow:0 4px 12px #0000001a}.gameboard-container .result-phase .result-content .ready-status .waiting-opponent-ready .status-icon,.gameboard-container .result-phase .result-content .ready-status .opponent-ready-status .status-icon,.gameboard-container .result-phase .result-content .ready-status .both-ready-status .status-icon{font-size:20px}.gameboard-container .result-phase .result-content .ready-status .waiting-opponent-ready{color:#ff9800;animation:pulse 1.5s ease-in-out infinite}.gameboard-container .result-phase .result-content .ready-status .opponent-ready-status{color:#0c6;animation:bounce .5s ease}.gameboard-container .result-phase .result-content .ready-status .both-ready-status{color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.gameboard-container .selection-phase .phase-header h2{font-size:24px}.gameboard-container .selection-phase .options-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.gameboard-container .selection-phase .confirm-button{padding:16px 32px;font-size:18px}.gameboard-container .result-phase{padding:24px}.gameboard-container .result-phase .result-content .choices{flex-direction:column;gap:30px}.gameboard-container .result-phase .result-content .choices .choice-card .choice-image{width:100px;height:100px}.gameboard-container .result-phase .result-content .choices .vs-divider{font-size:24px}.gameboard-container .result-phase .result-banner{font-size:32px;padding:16px}.gameboard-container .result-phase .score-gained{font-size:24px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app{min-height:100vh;position:relative}.error-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#ff5757,#c44);color:#fff;padding:16px 24px;border-radius:12px;font-weight:600;box-shadow:0 8px 24px #ff575766;z-index:10000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}