.ColorPicker__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.ColorPicker__modal{background:var(--modal-bg);border:2px solid var(--border-color);border-radius:12px;padding:2rem;max-width:500px;width:90%;animation:slideUp .4s ease-out}.ColorPicker__title{font-size:1.8rem;margin:0 0 .5rem;color:var(--text-primary);text-align:center}.ColorPicker__description{font-size:1rem;color:var(--text-secondary);text-align:center;margin:0 0 2rem}.ColorPicker__options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ColorPicker__option{padding:2rem 1rem;border:3px solid transparent;border-radius:var(--border-radius);cursor:pointer;font-size:1.2rem;font-weight:600;color:#fff;background:var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.ColorPicker__option:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ColorPicker__option:hover:before{width:300px;height:300px}.ColorPicker__option:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.ColorPicker__option:active{transform:translateY(-2px)}.ColorPicker__option-label{position:relative;z-index:1}.ColorPicker__option--red{background:var(--card-red);border-color:var(--card-red)}.ColorPicker__option--red:hover{background:#c0392b;border-color:#c0392b}.ColorPicker__option--yellow{background:var(--card-yellow);border-color:var(--card-yellow)}.ColorPicker__option--yellow:hover{background:#e67e22;border-color:#e67e22}.ColorPicker__option--blue{background:var(--card-blue);border-color:var(--card-blue)}.ColorPicker__option--blue:hover{background:#2980b9;border-color:#2980b9}.GameControls{padding:1.5rem;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:1rem;min-height:120px}.GameControls__info{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.GameControls__indicator{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:var(--border-radius)}.GameControls__indicator--turn{background:var(--btn-success);animation:pulse 2s ease-in-out infinite}.GameControls__indicator--uno-called{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#1a1a2e;padding:.75rem 1.5rem;font-weight:700;animation:pulse 1.5s ease-in-out infinite}.GameControls__indicator-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.GameControls__indicator--turn .GameControls__indicator-label{color:#fff;font-weight:600}.GameControls__indicator-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.GameControls__actions{display:flex;gap:.75rem;flex-wrap:wrap}.GameControls__button{flex:1;min-width:140px;padding:1rem 1.5rem;background:var(--btn-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.GameControls__button:hover:not(.GameControls__button--disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.GameControls__button:active:not(.GameControls__button--disabled){transform:translateY(0)}.GameControls__button--disabled{background:var(--border-color);color:#ffffff80;cursor:not-allowed;opacity:.6}.GameControls__button--draw{background:var(--btn-success)}.GameControls__button--draw:hover:not(.GameControls__button--disabled){background:var(--btn-success-hover);box-shadow:0 4px 12px #2ecc7166}.GameControls__button--pass{background:var(--btn-primary)}.GameControls__button--uno{background:var(--btn-danger);animation:shake .5s ease-in-out infinite}.GameControls__button--uno:hover{background:var(--btn-danger-hover);box-shadow:0 4px 12px #e74c3c66}.GameControls__button-icon{font-size:1.5rem}.GameControls__button-label{font-size:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 600px){.GameControls{padding:1rem;min-height:100px}.GameControls__button{min-width:120px;padding:.75rem 1rem;font-size:.9rem}.GameControls__button-icon{font-size:1.25rem}}.PlayerHandDisplay{padding:1rem;background:#0003;border-radius:var(--border-radius)}.PlayerHandDisplay--empty{padding:2rem;text-align:center}.PlayerHandDisplay__empty-message{color:#fff9;font-size:1rem;margin:0}.PlayerHandDisplay__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.PlayerHandDisplay__count{font-size:.9rem;font-weight:600;color:var(--text-primary)}.PlayerHandDisplay__filter{font-size:.8rem;color:var(--text-secondary);font-style:italic}.PlayerHandDisplay__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;max-height:200px;overflow-y:auto;padding:.5rem}.PlayerHandDisplay__cards::-webkit-scrollbar{width:8px}.PlayerHandDisplay__cards::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.PlayerHandDisplay__cards::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.PlayerHandDisplay__cards::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.PlayerHandDisplay__card{aspect-ratio:2 / 3;border:3px solid transparent;border-radius:8px;cursor:pointer;font-size:1.5rem;font-weight:700;color:#fff;background:var(--border-color);transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;box-shadow:0 2px 4px #0003}.PlayerHandDisplay__card-text{font-size:2rem;line-height:1}.PlayerHandDisplay__card-type{font-size:.6rem;text-transform:uppercase;margin-top:.25rem;opacity:.8}.PlayerHandDisplay__card--red{background:var(--card-red)}.PlayerHandDisplay__card--green{background:var(--card-green)}.PlayerHandDisplay__card--yellow{background:var(--card-yellow);color:#333}.PlayerHandDisplay__card--blue{background:var(--card-blue)}.PlayerHandDisplay__card--wild{background:var(--card-wild);background:linear-gradient(135deg,var(--card-red) 0%,var(--card-green) 33%,var(--card-blue) 66%,var(--card-yellow) 100%)}.PlayerHandDisplay__card--playable{border-color:#fff;box-shadow:0 0 12px #fff9,0 4px 8px #0000004d;animation:glow 2s ease-in-out infinite}.PlayerHandDisplay__card--playable:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 24px #fff6,0 12px 16px #0006;z-index:10}.PlayerHandDisplay__card--playable:active{transform:translateY(-6px) scale(1.03)}.PlayerHandDisplay__card--disabled{cursor:not-allowed;opacity:.6;filter:grayscale(30%);pointer-events:none}.PlayerHandDisplay__card:disabled{cursor:not-allowed;opacity:.5}@keyframes glow{0%,to{box-shadow:0 0 12px #fff9,0 4px 8px #0000004d}50%{box-shadow:0 0 20px #fffc,0 4px 8px #0000004d}}@media (max-width: 600px){.PlayerHandDisplay__cards{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.PlayerHandDisplay__card-text{font-size:1.5rem}.PlayerHandDisplay__card-type{font-size:.5rem}}.StatusEffectIcons{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.StatusEffectIcons__icon{display:flex;flex-direction:column;align-items:center;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:700;animation:icon-pop .3s ease-out}@keyframes icon-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.StatusEffectIcons__icon--draw{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;animation:icon-pop .3s ease-out,draw-pulse 1s ease-in-out infinite .3s}@keyframes draw-pulse{0%,to{transform:scale(1);box-shadow:0 0 8px #e74c3c66}50%{transform:scale(1.1);box-shadow:0 0 16px #e74c3c99}}.StatusEffectIcons__icon--skip{background:#e74c3c26;border:2px solid #e74c3c;color:#e74c3c}.StatusEffectIcons__icon--uno{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#1a1a2e;font-size:.9rem;padding:6px 12px;animation:icon-pop .3s ease-out,uno-shake .5s ease-in-out infinite .3s}@keyframes uno-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.StatusEffectIcons__icon-text{font-size:1rem;line-height:1}.StatusEffectIcons__icon-label{font-size:.6rem;opacity:.8;text-transform:uppercase;margin-top:2px}.StatusEffectIcons__icon-emoji{font-size:1.25rem;line-height:1}@media (prefers-reduced-motion: reduce){.StatusEffectIcons__icon,.StatusEffectIcons__icon--draw,.StatusEffectIcons__icon--uno{animation:none}}@media (max-width: 768px){.StatusEffectIcons{gap:4px;margin-top:4px}.StatusEffectIcons__icon{padding:3px 6px;border-radius:6px;font-size:.7rem}.StatusEffectIcons__icon--uno{padding:4px 10px;font-size:.8rem}.StatusEffectIcons__icon-text{font-size:.9rem}.StatusEffectIcons__icon-label{font-size:.55rem}.StatusEffectIcons__icon-emoji{font-size:1rem}}@media (max-width: 480px){.StatusEffectIcons__icon{padding:2px 5px;font-size:.65rem}.StatusEffectIcons__icon--uno{padding:3px 8px;font-size:.75rem}.StatusEffectIcons__icon-text{font-size:.8rem}.StatusEffectIcons__icon-emoji{font-size:.9rem}}.TeamInfoPanel{padding:1.5rem;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);height:100%;display:flex;flex-direction:column}.TeamInfoPanel--empty{display:flex;align-items:center;justify-content:center;color:#fff9}.TeamInfoPanel__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.TeamInfoPanel__title{font-size:1.5rem;margin:0 0 .5rem;color:var(--text-primary);font-weight:700}.TeamInfoPanel__game-mode{font-size:.9rem;color:var(--text-secondary);font-weight:500}.TeamInfoPanel__teams{flex:1;display:flex;flex-direction:column;gap:1rem}.TeamInfoPanel__team{background:#ffffff0d;border-radius:var(--border-radius);padding:1rem;border:2px solid transparent}.TeamInfoPanel__team--1{border-color:var(--btn-primary)}.TeamInfoPanel__team--2{border-color:var(--btn-danger)}.TeamInfoPanel__team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.TeamInfoPanel__team-name{font-size:1.1rem;margin:0;color:var(--text-primary);font-weight:600}.TeamInfoPanel__team-count{font-size:.85rem;color:#ffffffb3;background:#ffffff1a;padding:.25rem .5rem;border-radius:12px}.TeamInfoPanel__team-players{display:flex;flex-direction:column;gap:.5rem}.TeamInfoPanel__player{position:relative;background:#ffffff0d;border:2px solid transparent;border-radius:var(--border-radius);padding:.75rem;transition:all .3s ease;overflow:hidden}.TeamInfoPanel__player--current{border-color:var(--btn-success);background:#2ecc711a;box-shadow:0 0 12px #2ecc714d}.TeamInfoPanel__player--pulse{animation:player-pulse 2s ease-in-out infinite}@keyframes player-pulse{0%,to{box-shadow:0 0 12px #2ecc714d;border-color:var(--btn-success)}50%{box-shadow:0 0 24px #2ecc7199;border-color:#58d68d}}.TeamInfoPanel__spotlight{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:calc(var(--border-radius) + 2px);background:linear-gradient(90deg,transparent 0%,rgba(46,204,113,.15) 50%,transparent 100%);background-size:200% 100%;animation:spotlight-sweep 3s linear infinite;pointer-events:none}@keyframes spotlight-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.TeamInfoPanel__player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.TeamInfoPanel__player-name{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.TeamInfoPanel__player-badge{font-size:.7rem;background:var(--card-wild);color:#fff;padding:.15rem .4rem;border-radius:4px;font-weight:700}.TeamInfoPanel__turn-indicator{color:var(--btn-success);font-size:1.2rem;animation:pulse 1.5s ease-in-out infinite}.TeamInfoPanel__turn-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,var(--btn-success) 0%,#27ae60 100%);border-radius:12px;font-size:.75rem;font-weight:700;color:#fff;animation:turn-bounce 1s ease-in-out infinite;box-shadow:0 2px 8px #2ecc7166}@keyframes turn-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.TeamInfoPanel__turn-arrow{font-size:.8rem;animation:arrow-pulse 1s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:1}50%{opacity:.6}}.TeamInfoPanel__turn-text{letter-spacing:1px}.TeamInfoPanel__player-info{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.TeamInfoPanel__stat{display:flex;align-items:center;gap:.5rem}.TeamInfoPanel__stat-label{font-size:.8rem;color:#ffffffb3}.TeamInfoPanel__stat-value{font-size:.9rem;font-weight:700;color:var(--text-primary);background:#ffffff1a;padding:.15rem .4rem;border-radius:4px}.TeamInfoPanel__connection-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.TeamInfoPanel__status-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color)}.TeamInfoPanel__status-dot--online{background:var(--btn-success);box-shadow:0 0 8px #2ecc7199;animation:pulse 2s ease-in-out infinite}.TeamInfoPanel__status-text{color:#ffffffb3}.TeamInfoPanel__divider{display:flex;align-items:center;justify-content:center;margin:.5rem 0}.TeamInfoPanel__divider-text{font-size:1.2rem;font-weight:700;color:var(--text-secondary);background:#ffffff1a;padding:.25rem .75rem;border-radius:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.TeamInfoPanel__player--pulse,.TeamInfoPanel__spotlight,.TeamInfoPanel__turn-badge,.TeamInfoPanel__turn-arrow,.TeamInfoPanel__status-dot--online{animation:none}}@media (max-width: 768px){.TeamInfoPanel{padding:1rem}.TeamInfoPanel__title{font-size:1.2rem}.TeamInfoPanel__team-name{font-size:1rem}}.GameOverModal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.GameOverModal__content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:48px;text-align:center;min-width:400px;max-width:500px;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease-out}.GameOverModal__content--victory{border:3px solid var(--card-yellow, #f1c40f);box-shadow:0 0 40px #f1c40f4d}.GameOverModal__content--defeat{border:3px solid #7f8c8d}.GameOverModal__title{font-size:48px;margin:0 0 16px;color:#fff}.GameOverModal__content--victory .GameOverModal__title{color:var(--card-yellow, #f1c40f);text-shadow:0 0 20px rgba(241,196,15,.5)}.GameOverModal__content--defeat .GameOverModal__title{color:#bdc3c7}.GameOverModal__message{font-size:20px;color:#ecf0f1;margin:0 0 32px}.GameOverModal__actions{display:flex;flex-direction:column;gap:16px}.GameOverModal__button{padding:16px 32px;font-size:18px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.GameOverModal__button--primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.GameOverModal__button--primary:hover{background:linear-gradient(135deg,#2980b9,#1f6fb0);transform:translateY(-2px);box-shadow:0 5px 20px #3498db66}.GameOverModal__button--secondary{background:transparent;color:#bdc3c7;border:2px solid #7f8c8d}.GameOverModal__button--secondary:hover{background:#ffffff1a;border-color:#bdc3c7;color:#fff}.TurnTransitionModal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:turnTransition-fadeIn .3s ease-out}.TurnTransitionModal__modal{background:var(--modal-bg);border:2px solid var(--border-color);border-radius:16px;padding:3rem;max-width:450px;width:90%;text-align:center;animation:turnTransition-slideUp .4s ease-out}.TurnTransitionModal__icon{font-size:4rem;margin-bottom:1rem;animation:turnTransition-spin 2s ease-in-out infinite}.TurnTransitionModal__title{font-size:2rem;margin:0 0 1rem;color:var(--text-primary)}.TurnTransitionModal__message{font-size:1.4rem;color:var(--text-primary);margin:0 0 .5rem}.TurnTransitionModal__message strong{color:#f39c12;font-size:1.6rem}.TurnTransitionModal__hint{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;opacity:.8}.TurnTransitionModal__button{padding:1rem 3rem;font-size:1.3rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2ecc714d}.TurnTransitionModal__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166;background:linear-gradient(135deg,#2ecc71,#27ae60)}.TurnTransitionModal__button:active{transform:translateY(0)}.TurnTransitionModal__button:focus{outline:3px solid rgba(46,204,113,.5);outline-offset:2px}@keyframes turnTransition-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes turnTransition-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes turnTransition-spin{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.life-points-display{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:100;background:#000000d9;border-radius:12px;padding:12px 24px;border:2px solid #444;min-width:420px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.life-points-header{text-align:center;margin-bottom:12px}.round-indicator{font-size:1.2rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px}.life-points-container{display:flex;align-items:stretch;justify-content:space-between;gap:16px}.team-section{flex:1;text-align:center}.team-label{font-size:.85rem;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.team-max{font-size:.7rem;opacity:.7;letter-spacing:0;text-transform:none}.team-1 .team-label{color:#4a9eff}.team-2 .team-label{color:#ff6b6b}.players-list{display:flex;flex-direction:column;gap:8px}.player-life{display:flex;flex-direction:column;padding:8px 12px;background:#ffffff14;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.player-life__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.player-life.low{background:#fbbf2426;border-color:#fbbf244d}.player-life.critical{background:#ef444426;border-color:#ef444466;animation:pulse-danger 1s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1;box-shadow:0 0 8px #ef44444d}50%{opacity:.85;box-shadow:0 0 16px #ef444480}}@keyframes damage-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes damage-flash{0%,to{opacity:1}50%{opacity:.6}}.player-life--damage{animation:damage-shake .4s ease-in-out,damage-flash .2s ease-in-out 3}.player-name{font-size:.9rem;color:#fff;font-weight:500}.player-points{font-size:1.1rem;font-weight:700;color:#4ade80;min-width:32px;text-align:right}.player-life.low .player-points{color:#fbbf24}.player-life.critical .player-points{color:#ef4444}.life-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.life-bar__fill{height:100%;border-radius:4px;transition:width .5s ease-out,background-color .3s ease;box-shadow:0 0 8px currentColor}.player-life.critical .life-bar__fill{animation:bar-glow 1s ease-in-out infinite}@keyframes bar-glow{0%,to{box-shadow:0 0 8px #ef444480}50%{box-shadow:0 0 16px #ef4444cc}}.vs-divider{font-size:1rem;font-weight:700;color:#666;padding:0 8px;display:flex;align-items:center}@media (prefers-reduced-motion: reduce){.player-life.critical,.player-life--damage,.player-life.critical .life-bar__fill{animation:none}.life-bar__fill{transition:none}}@media (max-width: 1024px){.life-points-display{min-width:360px;padding:10px 20px}.round-indicator{font-size:1.1rem}}@media (max-width: 768px){.life-points-display{position:relative;top:auto;left:auto;transform:none;min-width:auto;width:100%;padding:8px 16px;border-radius:8px;margin-bottom:.5rem}.life-points-header{margin-bottom:8px}.round-indicator{font-size:1rem;letter-spacing:1px}.life-points-container{flex-wrap:wrap;gap:12px}.team-section{min-width:120px}.team-label{font-size:.8rem;margin-bottom:6px}.team-max{font-size:.65rem}.players-list{gap:6px}.player-life{padding:6px 10px}.player-life__header{margin-bottom:4px}.player-name{font-size:.85rem}.player-points{font-size:1rem}.life-bar{height:6px}.vs-divider{font-size:.85rem;padding:0 6px}}@media (max-width: 480px){.life-points-display{padding:6px 12px}.round-indicator{font-size:.9rem}.life-points-container{gap:8px}.team-label{font-size:.75rem}.player-life{padding:5px 8px}.player-name{font-size:.8rem}.player-points{font-size:.9rem;min-width:28px}.life-bar{height:5px}}.round-result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.round-result-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;padding:32px;min-width:450px;max-width:550px;border:2px solid #333;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease}.round-result-header{text-align:center;margin-bottom:24px}.round-result-header h2{font-size:1.5rem;color:#888;margin-bottom:12px;font-weight:400}.winner-announcement{font-size:2rem;font-weight:700;padding:8px 16px;border-radius:8px;display:inline-block}.winner-announcement.team-1{background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#60a5fa;border:2px solid #3b82f6}.winner-announcement.team-2{background:linear-gradient(135deg,#5f1e1e,#dc2626);color:#f87171;border:2px solid #ef4444}.round-result-content{display:flex;flex-direction:column;gap:24px}.damage-section h3,.current-standings h3{font-size:1rem;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.damage-list{display:flex;flex-direction:column;gap:12px}.damage-item{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.damage-player-info{display:flex;flex-direction:column;gap:4px}.damage-player-name{font-size:1rem;font-weight:600;color:#fff}.damage-cards-info{font-size:.8rem;color:#888}.damage-values{display:flex;align-items:center;gap:8px}.damage-amount{font-size:1.3rem;font-weight:700;color:#f44}.damage-arrow{color:#666}.damage-remaining{font-size:1.3rem;font-weight:700;color:#4ade80;min-width:50px;text-align:right}.damage-remaining.low{color:orange}.damage-remaining.defeated{color:#f44}.standings-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.standing-item{background:#ffffff0d;border-radius:8px;padding:12px;text-align:center;border:1px solid transparent}.standing-item.team-1{border-color:#3b82f64d}.standing-item.team-2{border-color:#ef44444d}.standing-item.defeated{background:#ff00001a;border-color:#ff000080}.standing-name{display:block;font-size:.85rem;color:#aaa;margin-bottom:4px}.standing-points{display:block;font-size:1.5rem;font-weight:700;color:#fff}.standing-item.defeated .standing-points{color:#f44}.round-result-actions{margin-top:24px;text-align:center}.next-round-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 48px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.next-round-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.next-round-button:active{transform:translateY(0)}.GameBoard{height:100vh;display:grid;grid-template-columns:250px 1fr;grid-template-rows:1fr auto;grid-template-areas:"sidebar center" "controls controls";gap:1rem;padding:1rem;background:var(--background-dark);overflow:hidden}.GameBoard--loading{display:flex;align-items:center;justify-content:center}.GameBoard__loading{text-align:center;color:var(--text-primary)}.GameBoard__spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--btn-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.GameBoard__loading-text{font-size:1.1rem;color:var(--text-secondary)}.GameBoard__sidebar{grid-area:sidebar;min-height:0;overflow-y:auto}.GameBoard__center{grid-area:center;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--border-radius);background:#0003;min-height:0;max-height:100%}.GameBoard__phaser-container{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.GameBoard__turn-overlay{position:absolute;top:1rem;left:50%;transform:translate(-50%);text-align:center;padding:.75rem 2rem;background:#000c;border-radius:2rem;z-index:10}.GameBoard__controls-area{grid-area:controls;padding:1rem;background:#0000004d;border-radius:var(--border-radius)}.GameBoard__game-area{flex:1;background:#0003;border-radius:var(--border-radius);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:400px}.GameBoard__card-piles{display:flex;gap:3rem;align-items:center}.GameBoard__pile{display:flex;flex-direction:column;align-items:center;gap:.75rem}.GameBoard__pile-card{width:120px;height:180px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;box-shadow:0 8px 16px #0006;transition:transform .3s ease;position:relative}.GameBoard__pile-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:3px solid rgba(255,255,255,.2)}.GameBoard__pile-card--back{background:linear-gradient(135deg,#667eea,#764ba2);cursor:default}.GameBoard__pile-card--empty{background:#ffffff0d;border:2px dashed var(--border-color);color:var(--text-secondary);font-size:1.5rem}.GameBoard__pile-card--red{background:var(--card-red)}.GameBoard__pile-card--green{background:var(--card-green)}.GameBoard__pile-card--yellow{background:var(--card-yellow);color:#333}.GameBoard__pile-card--blue{background:var(--card-blue)}.GameBoard__pile-card--wild{background:var(--card-wild);background:linear-gradient(135deg,var(--card-red) 0%,var(--card-green) 33%,var(--card-blue) 66%,var(--card-yellow) 100%)}.GameBoard__pile-card-text{position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.GameBoard__pile-count{font-size:1.5rem;font-weight:700}.GameBoard__pile-label{font-size:1rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.GameBoard__turn-info{text-align:center}.GameBoard__turn-player{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.GameBoard__turn-player--active{color:var(--card-yellow, #f1c40f);text-shadow:0 0 10px rgba(241,196,15,.5);animation:turnPulse 1.5s ease-in-out infinite}@keyframes turnPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.GameBoard__turn-wait{font-size:1rem;color:var(--text-secondary);margin:0;font-style:italic}.GameBoard__your-turn-banner{position:absolute;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:14px 32px;background:linear-gradient(135deg,#f39c12,#f1c40f,#f39c12);background-size:200% 200%;border-radius:24px;z-index:15;animation:banner-glow 2s ease-in-out infinite,banner-shimmer 3s linear infinite;box-shadow:0 4px 20px #f1c40f66,0 0 40px #f1c40f33}@keyframes banner-glow{0%,to{box-shadow:0 4px 20px #f1c40f66,0 0 40px #f1c40f33}50%{box-shadow:0 4px 30px #f1c40f99,0 0 60px #f1c40f66}}@keyframes banner-shimmer{0%{background-position:200% 50%}to{background-position:-200% 50%}}.GameBoard__your-turn-text{font-size:1.4rem;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:3px;text-shadow:0 1px 2px rgba(255,255,255,.3)}.GameBoard__your-turn-icon{font-size:1.4rem;color:#1a1a2e;animation:star-spin 4s linear infinite}.GameBoard__your-turn-icon:last-child{animation-direction:reverse}@keyframes star-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.GameBoard__controls-area{flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.GameBoard__your-turn-banner,.GameBoard__your-turn-icon,.GameBoard__turn-player--active,.GameBoard__spinner{animation:none}}@media (max-width: 1024px){.GameBoard{grid-template-columns:200px 1fr;gap:.75rem;padding:.75rem}.GameBoard__sidebar{font-size:.9rem}.GameBoard__card-piles{gap:2rem}.GameBoard__pile-card{width:100px;height:150px;font-size:2rem}.GameBoard__your-turn-banner{padding:12px 24px;gap:10px}.GameBoard__your-turn-text{font-size:1.2rem;letter-spacing:2px}}@media (max-width: 768px){.GameBoard{grid-template-columns:1fr;grid-template-rows:auto 1fr auto minmax(100px,auto);grid-template-areas:"center" "center" "sidebar" "controls";gap:.5rem;padding:.5rem}.GameBoard__sidebar{max-height:35vh;overflow-y:auto;border-radius:var(--border-radius);background:var(--modal-bg)}.GameBoard__center{min-height:45vh}.GameBoard__phaser-container{min-height:300px}.GameBoard__turn-overlay{padding:.5rem 1.5rem;font-size:.9rem}.GameBoard__your-turn-banner{top:60px;padding:10px 20px;gap:8px;border-radius:20px}.GameBoard__your-turn-text{font-size:1rem;letter-spacing:1px}.GameBoard__your-turn-icon{font-size:1rem}.GameBoard__game-area{padding:1rem;min-height:300px}.GameBoard__card-piles{gap:1.5rem}.GameBoard__pile-card{width:90px;height:135px;font-size:1.8rem}.GameBoard__controls-area{padding:.75rem;background:#00000080;border-radius:var(--border-radius) var(--border-radius) 0 0}}@media (max-width: 480px){.GameBoard{padding:.25rem;gap:.25rem}.GameBoard__sidebar{max-height:30vh;padding:.5rem}.GameBoard__center{min-height:40vh}.GameBoard__phaser-container{min-height:250px}.GameBoard__your-turn-banner{top:50px;padding:8px 16px;gap:6px;border-radius:16px}.GameBoard__your-turn-text{font-size:.85rem;letter-spacing:.5px}.GameBoard__your-turn-icon{font-size:.85rem}.GameBoard__turn-overlay{padding:.4rem 1rem}.GameBoard__turn-player{font-size:1rem}.GameBoard__turn-wait{font-size:.8rem}.GameBoard__game-area{padding:.75rem;min-height:250px}.GameBoard__card-piles{gap:1rem}.GameBoard__pile-card{width:70px;height:105px;font-size:1.4rem;border-radius:8px}.GameBoard__pile-count{font-size:1rem}.GameBoard__pile-label{font-size:.8rem}.GameBoard__controls-area{padding:.5rem}}@media (orientation: portrait) and (max-width: 768px){.GameBoard__center{aspect-ratio:auto;max-height:55vh}}@media (orientation: landscape) and (max-height: 500px){.GameBoard{grid-template-columns:180px 1fr;grid-template-rows:1fr auto;grid-template-areas:"sidebar center" "controls controls"}.GameBoard__sidebar{max-height:none;overflow-y:auto}.GameBoard__your-turn-banner{top:10px;padding:6px 14px}.GameBoard__your-turn-text{font-size:.8rem}}.MainMenu{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--background-dark)}.MainMenu__container{max-width:600px;width:100%;text-align:center}.MainMenu__title{font-size:3.2rem;line-height:1.1;margin:0 0 2rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;animation:slideDown .6s ease-out}.MainMenu__player-info{margin-bottom:3rem;animation:fadeIn .8s ease-out}.MainMenu__greeting{font-size:1.4rem;color:var(--text-primary);margin:0 0 1.5rem;font-weight:600}.MainMenu__stats{display:flex;justify-content:center;gap:2rem}.MainMenu__stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.MainMenu__stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.MainMenu__stat-value{font-size:2rem;font-weight:700;color:var(--btn-primary)}.MainMenu__buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.MainMenu__button{padding:1.5rem 2rem;background:var(--modal-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;text-align:left;animation:slideUp .6s ease-out backwards}.MainMenu__button:nth-child(1){animation-delay:.1s}.MainMenu__button:nth-child(2){animation-delay:.2s}.MainMenu__button:nth-child(3){animation-delay:.3s}.MainMenu__button:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea4d;border-color:var(--btn-primary)}.MainMenu__button:active{transform:translateY(-2px)}.MainMenu__button--solo:hover{border-color:var(--card-wild);box-shadow:0 8px 24px #9b59b64d}.MainMenu__button--local:hover{border-color:var(--btn-success);box-shadow:0 8px 24px #2ecc714d}.MainMenu__button--online:hover{border-color:var(--card-blue);box-shadow:0 8px 24px #3498db4d}.MainMenu__button-icon{font-size:3rem;flex-shrink:0}.MainMenu__button-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.MainMenu__button-title{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.MainMenu__button-description{font-size:.95rem;color:var(--text-secondary)}.MainMenu__footer{animation:fadeIn 1s ease-out}.MainMenu__settings-button{padding:.75rem 2rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .3s ease}.MainMenu__settings-button:hover{background:#ffffff1a;color:var(--text-primary);border-color:#ffffff4d}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 600px){.MainMenu{padding:1rem}.MainMenu__title{font-size:2.4rem}.MainMenu__greeting{font-size:1.2rem}.MainMenu__stats{gap:1rem}.MainMenu__stat-value{font-size:1.5rem}.MainMenu__button{padding:1.2rem 1.5rem;gap:1rem}.MainMenu__button-icon{font-size:2.5rem}.MainMenu__button-title{font-size:1.2rem}.MainMenu__button-description{font-size:.85rem}}.BaseGameSetup{height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--background-dark);overflow:hidden}.BaseGameSetup__container{max-width:600px;width:100%;max-height:calc(100vh - 2rem);background:var(--modal-bg);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0006;animation:slideUp .5s ease-out;display:flex;flex-direction:column;overflow:hidden}.BaseGameSetup__header{text-align:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color);flex-shrink:0}.BaseGameSetup__title{font-size:2rem;margin:0 0 .5rem;color:var(--text-primary);font-weight:700}.BaseGameSetup__description{font-size:1rem;color:var(--text-secondary);margin:0}.BaseGameSetup__content{flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem}.BaseGameSetup__footer{padding-top:.75rem;border-top:1px solid var(--border-color);text-align:center;flex-shrink:0}.BaseGameSetup__back-button{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .3s ease}.BaseGameSetup__back-button:hover{background:#ffffff1a;color:var(--text-primary);border-color:#ffffff4d}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 600px){.BaseGameSetup{padding:1rem}.BaseGameSetup__container{padding:1.5rem}.BaseGameSetup__title{font-size:2rem}.BaseGameSetup__description{font-size:1rem}}.SoloGameSetup{display:flex;flex-direction:column;gap:1rem}.SoloGameSetup__section{display:flex;flex-direction:column;gap:.5rem}.SoloGameSetup__label{font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.SoloGameSetup__select{padding:.5rem .75rem;background:#ffffff0d;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .3s ease}.SoloGameSetup__select:hover{border-color:var(--btn-primary);background:#ffffff14}.SoloGameSetup__select:focus{outline:none;border-color:var(--btn-primary);box-shadow:0 0 0 3px #667eea33}.SoloGameSetup__player-name{padding:.5rem .75rem;background:#667eea1a;border:2px solid var(--btn-primary);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;font-weight:600}.SoloGameSetup__note{font-size:.85rem;color:var(--text-secondary);margin:0;font-style:italic}.SoloGameSetup__team-options{display:flex;flex-direction:column;gap:.75rem}.SoloGameSetup__team-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#ffffff0d;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.SoloGameSetup__team-option:hover{border-color:var(--btn-primary);background:#ffffff14}.SoloGameSetup__team-option--selected{border-color:var(--btn-primary);background:#667eea26}.SoloGameSetup__team-option input[type=radio]{margin-top:.25rem;accent-color:var(--btn-primary);width:1.2rem;height:1.2rem;cursor:pointer}.SoloGameSetup__team-info{display:flex;flex-direction:column;gap:.25rem}.SoloGameSetup__team-name{font-weight:600;color:var(--text-primary);font-size:1rem}.SoloGameSetup__team-desc{font-size:.85rem;color:var(--text-secondary)}.SoloGameSetup__team-points{font-size:.9rem;color:var(--btn-success);font-weight:500}.SoloGameSetup__opponents{display:flex;flex-direction:column;gap:.5rem}.SoloGameSetup__opponent{padding:.5rem .75rem;background:#9b59b61a;border:2px solid var(--card-wild);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem}.SoloGameSetup__opponent--partner{background:#2ecc711a;border-color:var(--btn-success)}.SoloGameSetup__opponent--enemy{background:#e74c3c1a;border-color:var(--card-red)}.SoloGameSetup__start-button{padding:.75rem 1.5rem;background:var(--btn-success);border:none;border-radius:var(--border-radius);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.25rem}.SoloGameSetup__start-button:hover{background:var(--btn-success-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.SoloGameSetup__start-button:active{transform:translateY(0)}.LocalGameSetup{display:flex;flex-direction:column;gap:1.5rem}.LocalGameSetup__players{display:flex;flex-direction:column;gap:1rem}.LocalGameSetup__player-input{display:flex;flex-direction:column;gap:.5rem}.LocalGameSetup__label{font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.LocalGameSetup__input{padding:.75rem 1rem;background:#ffffff0d;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.LocalGameSetup__input:hover{border-color:var(--btn-primary);background:#ffffff14}.LocalGameSetup__input:focus{outline:none;border-color:var(--btn-success);box-shadow:0 0 0 3px #2ecc7133;background:#ffffff14}.LocalGameSetup__input::placeholder{color:#fff6}.LocalGameSetup__error{padding:.75rem 1rem;background:#e74c3c1a;border:2px solid var(--btn-danger);border-radius:var(--border-radius);color:#ff6b6b;font-size:.9rem;font-weight:600;text-align:center}.LocalGameSetup__note{padding:.75rem 1rem;background:#f1c40f1a;border:2px solid var(--card-yellow);border-radius:var(--border-radius);color:#f1c40f;font-size:.9rem;line-height:1.5}.LocalGameSetup__start-button{padding:1rem 2rem;background:var(--btn-success);border:none;border-radius:var(--border-radius);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.LocalGameSetup__start-button:hover{background:var(--btn-success-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.LocalGameSetup__start-button:active{transform:translateY(0)}.OnlineGameSetup{display:flex;flex-direction:column;gap:1.5rem}.OnlineGameSetup__status{padding:.75rem 1rem;border-radius:var(--border-radius);text-align:center;font-weight:600;font-size:.95rem}.OnlineGameSetup__status--connecting{background:#f1c40f1a;border:2px solid var(--card-yellow);color:#f1c40f}.OnlineGameSetup__status--connected{background:#2ecc711a;border:2px solid var(--btn-success);color:var(--btn-success)}.OnlineGameSetup__status--disconnected,.OnlineGameSetup__status--error{background:#e74c3c1a;border:2px solid var(--btn-danger);color:#ff6b6b}.OnlineGameSetup__actions{display:flex;flex-direction:column;gap:1.5rem}.OnlineGameSetup__section{display:flex;flex-direction:column;gap:.75rem}.OnlineGameSetup__label{font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.OnlineGameSetup__button{padding:1rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.OnlineGameSetup__button:disabled{opacity:.5;cursor:not-allowed}.OnlineGameSetup__button--create{background:var(--btn-success);color:#fff}.OnlineGameSetup__button--create:hover:not(:disabled){background:var(--btn-success-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.OnlineGameSetup__button--join{background:var(--btn-primary);color:#fff;padding:.75rem 1.5rem}.OnlineGameSetup__button--join:hover:not(:disabled){background:var(--btn-primary-hover)}.OnlineGameSetup__button--leave{background:var(--btn-danger);color:#fff}.OnlineGameSetup__button--leave:hover{background:var(--btn-danger-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.OnlineGameSetup__divider{text-align:center;color:var(--text-secondary);font-style:italic;font-size:.9rem}.OnlineGameSetup__join-form{display:flex;gap:.75rem}.OnlineGameSetup__input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.OnlineGameSetup__input:hover:not(:disabled){border-color:var(--btn-primary);background:#ffffff14}.OnlineGameSetup__input:focus{outline:none;border-color:var(--btn-primary);box-shadow:0 0 0 3px #667eea33;background:#ffffff14}.OnlineGameSetup__input:disabled{opacity:.5;cursor:not-allowed}.OnlineGameSetup__input::placeholder{color:#fff6}.OnlineGameSetup__room{display:flex;flex-direction:column;gap:1.5rem}.OnlineGameSetup__room-info{background:#ffffff0d;border-radius:var(--border-radius);padding:1rem}.OnlineGameSetup__room-title{font-size:1.1rem;margin:0 0 .75rem;color:var(--text-primary)}.OnlineGameSetup__room-id{display:flex;justify-content:space-between;align-items:center}.OnlineGameSetup__room-code{font-size:1.2rem;font-weight:700;color:var(--btn-success);font-family:monospace;background:#2ecc711a;padding:.5rem 1rem;border-radius:4px}.OnlineGameSetup__players{background:#ffffff0d;border-radius:var(--border-radius);padding:1rem}.OnlineGameSetup__players-title{font-size:1rem;margin:0 0 .75rem;color:var(--text-primary)}.OnlineGameSetup__player-list{display:flex;flex-direction:column;gap:.5rem}.OnlineGameSetup__player{padding:.75rem 1rem;background:#667eea1a;border:2px solid var(--btn-primary);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem}.OnlineGameSetup__waiting{padding:.75rem 1rem;background:#f1c40f1a;border:2px solid var(--card-yellow);border-radius:var(--border-radius);color:#f1c40f;text-align:center;font-style:italic}.OnlineGameSetup__note{padding:.75rem 1rem;background:#e74c3c1a;border:2px solid var(--btn-danger);border-radius:var(--border-radius);color:#ff6b6b;font-size:.9rem;line-height:1.5}.OnlineGameSetup__button--start{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#1a1a2e;font-size:1.2rem;padding:1rem 2rem;margin-top:1rem}.OnlineGameSetup__button--start:hover:not(:disabled){background:linear-gradient(135deg,#f39c12,#e67e22);transform:translateY(-2px);box-shadow:0 6px 20px #f1c40f66}.OnlineGameSetup__button--disabled{opacity:.5;cursor:not-allowed;background:var(--border-color);color:#ffffff80}.SettingsModal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.SettingsModal__content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;min-width:450px;max-width:550px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:2px solid var(--border-color, #3d3d5c);animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.SettingsModal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color, #3d3d5c)}.SettingsModal__title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.SettingsModal__close{width:36px;height:36px;border:none;background:#ffffff1a;color:var(--text-primary, #fff);font-size:1.5rem;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.SettingsModal__close:hover{background:#fff3;transform:scale(1.1)}.SettingsModal__body{padding:1.5rem 2rem;overflow-y:auto;flex:1}.SettingsModal__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.SettingsModal__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.SettingsModal__section-title{font-size:1.1rem;font-weight:600;color:var(--btn-primary, #667eea);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.SettingsModal__field{margin-bottom:1rem}.SettingsModal__field:last-child{margin-bottom:0}.SettingsModal__field--row{display:flex;justify-content:space-between;align-items:center}.SettingsModal__label{display:block;font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:.5rem}.SettingsModal__field--row .SettingsModal__label{margin-bottom:0}.SettingsModal__input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:2px solid var(--border-color, #3d3d5c);border-radius:var(--border-radius, 8px);color:var(--text-primary, #fff);font-size:1rem;transition:all .3s ease}.SettingsModal__input:hover{border-color:var(--btn-primary, #667eea);background:#ffffff14}.SettingsModal__input:focus{outline:none;border-color:var(--btn-primary, #667eea);box-shadow:0 0 0 3px #667eea33;background:#ffffff14}.SettingsModal__slider{width:100%;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.SettingsModal__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--btn-primary, #667eea);cursor:pointer;transition:all .2s ease}.SettingsModal__slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #667eea80}.SettingsModal__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--btn-primary, #667eea);cursor:pointer;border:none}.SettingsModal__select{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:2px solid var(--border-color, #3d3d5c);border-radius:var(--border-radius, 8px);color:var(--text-primary, #fff);font-size:1rem;cursor:pointer;transition:all .3s ease}.SettingsModal__select:hover{border-color:var(--btn-primary, #667eea)}.SettingsModal__select:focus{outline:none;border-color:var(--btn-primary, #667eea);box-shadow:0 0 0 3px #667eea33}.SettingsModal__select option{background:#1a1a2e;color:#fff}.SettingsModal__checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--btn-primary, #667eea)}.SettingsModal__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.SettingsModal__stat{background:#ffffff0d;padding:.75rem;border-radius:var(--border-radius, 8px);text-align:center}.SettingsModal__stat-label{display:block;font-size:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:.25rem}.SettingsModal__stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff)}.SettingsModal__footer{display:flex;justify-content:space-between;padding:1.5rem 2rem;border-top:1px solid var(--border-color, #3d3d5c)}.SettingsModal__button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--border-radius, 8px);cursor:pointer;transition:all .2s ease}.SettingsModal__button--primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.SettingsModal__button--primary:hover{background:linear-gradient(135deg,#2980b9,#1f6fb0);transform:translateY(-2px);box-shadow:0 5px 20px #3498db66}.SettingsModal__button--secondary{background:transparent;color:#bdc3c7;border:2px solid #7f8c8d}.SettingsModal__button--secondary:hover{background:#ffffff1a;border-color:#bdc3c7;color:#fff}.SettingsModal__button--small{grid-column:1 / -1;padding:.5rem 1rem;font-size:.85rem;background:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c}.SettingsModal__button--small:hover{background:#e74c3c4d}@media (max-width: 600px){.SettingsModal__content{min-width:90%;max-width:95%;max-height:90vh}.SettingsModal__header,.SettingsModal__body,.SettingsModal__footer{padding:1rem 1.5rem}.SettingsModal__stats{grid-template-columns:1fr}.SettingsModal__footer{flex-direction:column;gap:.75rem}.SettingsModal__button{width:100%}}.ToastContainer{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:2000;pointer-events:none;max-width:100%}.Toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:280px;max-width:350px;pointer-events:auto;animation:toast-slideIn .3s ease-out}.Toast--exiting{animation:toast-fadeOut .2s ease-in forwards}.Toast--info{background:linear-gradient(135deg,#3498db,#2980b9);border-left:4px solid #1a5276}.Toast--success{background:linear-gradient(135deg,#27ae60,#229954);border-left:4px solid #1e8449}.Toast--warning{background:linear-gradient(135deg,#f39c12,#e67e22);border-left:4px solid #d35400}.Toast--error{background:linear-gradient(135deg,#e74c3c,#c0392b);border-left:4px solid #922b21}.Toast__icon{font-size:1.4rem;flex-shrink:0}.Toast__content{flex:1;font-size:.95rem;color:#fff;line-height:1.4;word-break:break-word}.Toast__close{background:transparent;border:none;color:#ffffffb3;font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease;flex-shrink:0}.Toast__close:hover{color:#fff;background:#fff3}.Toast__close:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@keyframes toast-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-fadeOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 480px){.ToastContainer{bottom:16px;right:16px;left:16px}.Toast{min-width:unset;max-width:none;width:100%}}@media (prefers-reduced-motion: reduce){.Toast{animation:none}.Toast--exiting{animation:none;opacity:0}}.app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.2em;line-height:1.1;margin-bottom:1rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}p{font-size:1.2em;color:#888}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--card-red: #e74c3c;--card-blue: #3498db;--card-yellow: #f39c12;--card-wild: #9b59b6;--btn-primary: #667eea;--btn-primary-hover: #5568d3;--btn-danger: #e74c3c;--btn-danger-hover: #c0392b;--btn-success: #2ecc71;--btn-success-hover: #27ae60;--modal-backdrop: rgba(0, 0, 0, .7);--modal-bg: #2a2a2a;--border-color: #444;--border-radius: 8px}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100%;text-align:center}