:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);overflow-x:hidden}html{overflow-x:hidden}#app{width:100%;max-width:100vw;min-height:100vh;padding:2rem;overflow-x:hidden}p,h1,h2,h3,h4,h5,h6,span,div{word-wrap:break-word;overflow-wrap:break-word}.container{max-width:1400px;margin:0 auto}.header{text-align:center;margin-bottom:3rem;padding:2rem 0}.header h1{font-size:3.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 12px rgba(0,0,0,.5);letter-spacing:-1px}.subtitle{font-size:1.2rem;color:#a0aec0;margin:0 0 1.5rem;font-weight:300}.game-mode-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#dc2f3e,#a02129);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.game-mode-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #dc2f3e80}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem 0;justify-items:center;max-width:1400px;margin:0 auto}.player-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid #2d3748;box-shadow:0 10px 30px #00000080}.player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2f3e,#a02129)}.player-card:hover{transform:translateY(-10px) scale(1.02);border-color:#dc2f3e;box-shadow:0 15px 40px #667eea66}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rating{font-size:2.5rem;font-weight:900;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.5);background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.position{font-size:.85rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:1px}.club-logo{font-size:.7rem;font-weight:700;color:#dc2f3e;background:#667eea33;padding:.3rem .6rem;border-radius:8px;letter-spacing:1px}.player-image{position:relative;width:100%;height:220px;margin-bottom:1rem;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#dc2f3e,#a02129)}.player-image img{width:100%;height:100%;object-fit:cover}.player-number{position:absolute;bottom:10px;right:10px;font-size:3rem;font-weight:900;color:#ffffff4d;text-shadow:0 2px 4px rgba(0,0,0,.5)}.player-name{font-size:1.3rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px}.player-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.5rem;padding:1rem;background:#0000004d;border-radius:12px}.player-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;background:transparent;padding:0;border-radius:12px;-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.player-stats-mini .stat,.stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.stat-value{font-size:1.05rem;font-weight:900;color:gold;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.stat-label{font-size:.55rem;font-weight:800;color:#ffffffe6;text-transform:uppercase;letter-spacing:.3px;line-height:1;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.stat-name{font-size:.7rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:1px}.player-skills{background:#0000004d;border-radius:12px;padding:1rem}.skills-title{font-size:.9rem;font-weight:700;color:#a0aec0;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;text-align:center}.skill{display:flex;align-items:center;gap:.6rem;padding:.6rem;margin-bottom:.5rem;border-radius:8px;background:#ffffff0d;transition:all .2s ease}.skill:hover{background:#ffffff1a;transform:translate(5px)}.skill.ultimate{background:linear-gradient(90deg,#ffd70033,#ffed4e1a);border:1px solid rgba(255,215,0,.3)}.skill.ultimate .skill-icon{color:gold;font-size:1.1rem}.skill.unique-ability{background:linear-gradient(90deg,#8a2be24d,#ba55d333);border:1px solid rgba(138,43,226,.4);margin-top:.5rem}.skill.unique-ability .skill-icon{color:orchid;font-size:1.1rem}.skill-icon{font-size:.9rem;color:#dc2f3e}.skill-name{font-size:.85rem;color:#e2e8f0;font-weight:500;flex:1}@media (max-width: 768px){.players-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.header h1{font-size:2.5rem}.player-card{padding:1.2rem}}@media (max-width: 480px){.players-grid{grid-template-columns:1fr}.header h1{font-size:2rem}}.modal{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:2rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid #DC2F3E;box-shadow:0 20px 60px #667eea66;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;font-size:2.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;line-height:1}.modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #2d3748}.modal-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.modal-position{font-size:1.1rem;color:#a0aec0;margin:0;font-weight:500}.skills-videos{display:grid;gap:1.5rem}.skill-video-item{background:#0000004d;border-radius:12px;padding:1.5rem;border:1px solid #2d3748;transition:all .3s ease}.skill-video-item.offensive{border-left:4px solid #f87171}.skill-video-item.defensive{border-left:4px solid #67e8f9}.skill-video-item:hover{border-color:#dc2f3e;transform:translate(5px)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-video-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0}.skill-success-rate{display:flex;flex-direction:column;align-items:flex-end}.success-percentage{font-size:1.8rem;font-weight:800;color:gold}.success-label{font-size:.75rem;color:#a0aec0;text-transform:uppercase}.skill-commentary{background:#00000080;border-left:4px solid #ffd700;border-radius:8px;padding:1.5rem;margin:1rem 0;line-height:1.8}.skill-commentary h3{color:gold;margin:0 0 1rem;font-size:1.3rem}.skill-commentary p{color:#fff;margin:.5rem 0}.skill-commentary strong{color:gold}.success-text{color:#10b981!important}.fail-text{color:#ef4444!important}.coach-quote{background:#ffd7001a;border-left:3px solid #ffd700;padding:1rem;margin-top:1rem;border-radius:4px;font-style:italic;color:gold!important}.coach-quotes-section{padding:2rem}.coach-quotes-section h3{color:gold;font-size:1.8rem;margin-bottom:2rem;text-align:center}.quote-category{margin-bottom:2rem;background:#ffd7000d;padding:1.5rem;border-radius:8px;border-left:4px solid #ffd700}.quote-category h4{color:gold;font-size:1.3rem;margin-bottom:1rem}.quote-category ul{list-style:none;padding:0}.quote-category li{color:#fff;padding:.8rem;margin:.5rem 0;background:#0000004d;border-radius:4px;font-style:italic;font-size:1.1rem}.coach-special{grid-column:1 / -1;justify-content:center}.coach-special .stat-value{font-size:1.8rem}.video-placeholder{background:linear-gradient(135deg,#dc2f3e,#a02129);border-radius:12px;padding:3rem 2rem;text-align:center;color:#fff;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.video-icon{font-size:4rem;opacity:.8}.video-placeholder p{font-size:1.3rem;font-weight:600;margin:0}.video-placeholder small{font-size:.9rem;opacity:.8}.game-container{min-height:100vh;padding:2rem}.game-menu{text-align:center;max-width:600px;margin:0 auto}.mode-selection{margin-top:3rem}.mode-selection h2{color:#fff;margin-bottom:2rem}.mode-btn{display:inline-block;margin:1rem;padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#dc2f3e,#a02129);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease}.mode-btn:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea80}.player-selection{max-width:1200px;margin:0 auto}.player-selection h2{text-align:center;color:#fff;margin-bottom:2rem}.teams-selection{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem}.team-select h3{color:#fff;text-align:center;margin-bottom:1rem}.selected-players{background:#0000004d;border-radius:12px;padding:1rem;min-height:100px;margin-bottom:1rem}.selected-player-card{padding:.5rem 1rem;border-radius:8px;margin-bottom:.5rem;color:#fff;text-align:center}.available-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.selectable-player{background:#0000004d;border-radius:12px;padding:.75rem;cursor:pointer;text-align:center;transition:all .3s ease;border:2px solid transparent;position:relative}.selectable-player:hover:not(.disabled){background:#667eea66;transform:translateY(-4px);box-shadow:0 6px 20px #667eea66;border-color:#667eea99}.selectable-player.selected{border-color:#dc2f3e;background:#667eea80;box-shadow:0 4px 12px #667eea4d}.selectable-player.disabled{opacity:.25;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}.selectable-player img{width:60px;height:60px;border-radius:50%;margin-bottom:.5rem}.selectable-player span{display:block;font-size:.75rem;color:#fff}.game-container .skill-ball-container{position:relative;z-index:100;display:flex;flex-direction:column;align-items:center;width:100%;min-height:200px;overflow:visible!important}.game-container .skill-ball{width:45px!important;height:45px!important;border-radius:50%;overflow:visible;position:relative;box-shadow:0 3px 8px #0000004d;border:4px solid var(--color-red);background:var(--color-white);flex-shrink:0;display:flex;align-items:center;justify-content:center;z-index:10}.game-container .skill-ball.offensive{border-color:var(--color-red);outline:2px solid rgba(237,28,36,.4);outline-offset:2px}.game-container .skill-ball.defensive{border-color:#3b82f6;outline:2px solid rgba(59,130,246,.4);outline-offset:2px}.game-container .skill-ball.nonsense{border-color:#ff69b4;outline:2px solid rgba(255,105,180,.4);outline-offset:2px}.game-container .skill-ball.ultimate-offensive{border-color:var(--color-black);outline:2px solid rgba(0,0,0,.4);outline-offset:2px}.game-container .skill-ball.ultimate-defensive{border-color:#10b981;outline:2px solid rgba(16,185,129,.4);outline-offset:2px}.game-container .skill-ball.special-smash-serve{animation:alternateRedBlack 1s infinite}.game-container .skill-ball.special-other{animation:alternateRedBlue 1s infinite}@keyframes alternateRedBlack{0%,49.99%{border-color:var(--color-red);outline-color:#ed1c2466}50%,to{border-color:var(--color-black);outline-color:#0006}}@keyframes alternateRedBlue{0%,49.99%{border-color:var(--color-red);outline-color:#ed1c2466}50%,to{border-color:#3b82f6;outline-color:#3b82f666}}.game-container .skill-ball img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:.4;z-index:0}.game-container .skill-ball.special-rotating{animation:rotatingBorder 2s linear infinite;border-width:4px}@keyframes rotatingBorder{0%{border-color:var(--color-black);box-shadow:0 0 20px #000c}50%{border-color:var(--color-red);box-shadow:0 0 20px #ed1c24cc}to{border-color:var(--color-black);box-shadow:0 0 20px #000c}}.game-container .skill-ball.special-black-border{border-color:var(--color-black);border-width:4px;animation:pulseBlack 1s ease-in-out}@keyframes pulseBlack{0%,to{box-shadow:0 0 20px #000c}50%{box-shadow:0 0 40px #000}}.game-container .skill-ball.special-red-border{border-color:var(--color-red);border-width:4px;animation:pulseRed 1s ease-in-out}@keyframes pulseRed{0%,to{box-shadow:0 0 20px #ed1c24cc}50%{box-shadow:0 0 40px #ed1c24}}.game-container .skill-ball:before{content:attr(data-skill-emoji);position:absolute;top:-8px;right:-8px;background:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 6px #0000004d;z-index:15;border:3px solid var(--color-black)}.game-container .skill-ball.alternating-icon:before{animation:alternateEmoji 1s infinite}@keyframes alternateEmoji{0%,49%{content:"⚔️"}50%,to{content:"🛡️"}}.game-container .skill-ball.activating{animation:skillActivation 1s linear infinite,glowPulse .5s ease-in-out infinite alternate;border-width:5px;box-shadow:0 0 30px currentColor,0 0 60px currentColor,0 3px 8px #0000004d}.game-container .skill-ball.activating img{opacity:.8;animation:spinBallImage 2s linear infinite;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes skillActivation{0%{transform:rotate(0) scale(1.1)}to{transform:rotate(360deg) scale(1.1)}}@keyframes spinBallImage{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%{filter:brightness(1.3) saturate(1.5)}to{filter:brightness(1.8) saturate(2)}}.game-container .skill-ball-string{display:none!important}.game-container .skill-ball-tag{position:absolute;background:var(--color-white);border:3px solid var(--color-red);border-radius:4px;padding:.2rem .4rem;box-shadow:0 2px 6px #00000026;min-width:65px;text-align:center;z-index:8!important;white-space:nowrap;top:75px;left:50%;transform:translate(-50%);transition:all .3s ease;display:block!important;visibility:visible!important;opacity:1!important;cursor:pointer}.game-container .skill-ball-tag:hover{z-index:9999!important;transform:translate(-50%) scale(1.05);box-shadow:0 4px 12px #00000040}.game-container .skill-ball-tag.active{z-index:9999!important;transform:translate(-50%) scale(1.08);box-shadow:0 6px 16px #0000004d}.game-container .skill-ball-tag.offensive{border-color:var(--color-red);background:linear-gradient(135deg,#fff,#fff5f5);outline:2px solid rgba(237,28,36,.3);outline-offset:1px}.game-container .skill-ball-tag.defensive{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff);outline:2px solid rgba(59,130,246,.3);outline-offset:1px}.game-container .skill-ball-tag.nonsense{border-color:#ff69b4;background:linear-gradient(135deg,#fff,#f5f5f5);outline:2px solid rgba(255,105,180,.3);outline-offset:1px}.game-container .skill-ball-tag.ultimate-offensive{border-color:var(--color-black);background:linear-gradient(135deg,#fff,#f5f5f5);outline:2px solid rgba(0,0,0,.3);outline-offset:1px}.game-container .skill-ball-tag.ultimate-defensive{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4);outline:2px solid rgba(16,185,129,.3);outline-offset:1px}.game-container .skill-ball-tag.special-smash-serve{animation:alternateTagRedBlack 1s infinite}.game-container .skill-ball-tag.special-other{animation:alternateTagRedBlue 1s infinite}@keyframes alternateTagRedBlack{0%,49.99%{border-color:var(--color-red);background:linear-gradient(135deg,#fff,#fff5f5);outline-color:#ed1c244d}50%,to{border-color:var(--color-black);background:linear-gradient(135deg,#fff,#f5f5f5);outline-color:#0000004d}}@keyframes alternateTagRedBlue{0%,49.99%{border-color:var(--color-red);background:linear-gradient(135deg,#fff,#fff5f5);outline-color:#ed1c244d}50%,to{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff);outline-color:#3b82f64d}}.game-container .skill-ball-tag-text{font-size:.75rem;font-weight:700;color:var(--color-black);margin:0;line-height:1.2}.game-container .skill-ball-tag:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--color-gray);border:2px solid var(--color-gray-dark);transition:all .3s ease}.lineup-label,.bench-label,.available-label{font-size:1rem;font-weight:700;color:#dc2f3e;margin-top:1.5rem;margin-bottom:.5rem;display:block;text-transform:uppercase;letter-spacing:1px}.lineup-label{color:#4ade80}.bench-label{color:#fbbf24}.available-label{color:#dc2f3e}.lineup-players-selection,.bench-players-selection{background:#0003;border-radius:12px;padding:1rem;min-height:80px;margin-bottom:1rem}.remove-player{background:#ef444499;border:none;border-radius:6px;padding:.3rem .6rem;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.remove-player:hover{background:#ef4444e6;transform:scale(1.1)}.start-game-btn,.play-point-btn,.back-menu-btn,.new-game-btn{display:block;margin:2rem auto;padding:1rem 3rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#dc2f3e,#a02129);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease}.start-game-btn:hover,.play-point-btn:hover,.back-menu-btn:hover,.new-game-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea80}.play-point-btn:disabled{opacity:.5;cursor:not-allowed}.game-court{max-width:100%;margin:0 auto;padding:1rem}.game-layout{display:grid;grid-template-columns:300px 1fr 350px;gap:2rem;max-width:1800px;margin:0 auto;min-width:0}.back-to-home-btn{position:fixed;top:1rem;left:1rem;z-index:1001;padding:.8rem 1.5rem;background:#dc2f3ef2;color:#fff;border:2px solid white;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.back-to-home-btn:hover{background:#b82632f2;transform:translate(-5px);box-shadow:0 6px 20px #0006}.game-layout-new{display:flex;flex-direction:column;gap:1rem;max-width:1900px;margin:0 auto;height:calc(100vh - 140px);min-height:850px}.top-bar{display:flex;gap:1.5rem;align-items:stretch}.top-bar .scoreboard{flex:1;margin-bottom:0}.coach-panel-top{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#1e3246f2,#14283cf2);border-radius:12px;padding:.8rem 1.2rem;border:3px solid #ffd700;min-width:350px;box-shadow:0 4px 20px #ffd7004d}.coach-image-top{width:60px;height:60px;border-radius:50%;border:3px solid #ffd700;object-fit:cover;object-position:30% 20%;transform:scale(3);flex-shrink:0}.coach-speech-bubble-top{background:#ffd70040;border:2px solid #ffd700;border-radius:12px;padding:.8rem;flex:1}.coach-speech-bubble-top p{color:#fff;font-size:.95rem;margin:0;line-height:1.4;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.game-center-main{flex:0 0 auto;background:#1a1a1af2;border-radius:0 0 12px 12px;padding:.3rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;overflow-x:hidden;min-height:fit-content;max-height:none;position:relative;border:2px solid rgba(102,126,234,.5);border-top:none}.game-center-main::-webkit-scrollbar{width:12px}.game-center-main::-webkit-scrollbar-track{background:#0000004d;border-radius:6px}.game-center-main::-webkit-scrollbar-thumb{background:#dc2f3e99;border-radius:6px}.game-center-main::-webkit-scrollbar-thumb:hover{background:#dc2f3ecc}.game-layout-unified{display:flex;flex-direction:column;height:calc(100vh - 60px);max-height:calc(100vh - 60px);width:100%;max-width:1900px;margin:0 auto;overflow:hidden}.top-bar-unified{flex:0 0 auto;height:60px;min-height:60px;max-height:60px;background:linear-gradient(135deg,#14141efa,#1e1e28fa);border-bottom:3px solid rgba(220,47,62,.6);display:flex;flex-direction:column;padding:.2rem .4rem;gap:.15rem;overflow:hidden;box-shadow:0 4px 12px #0000004d}.timeout-row{display:flex;align-items:center;justify-content:center;gap:.5rem;height:22px}.timeout-row .coach-timeout-btn{flex:0 0 auto;width:auto;min-width:90px;padding:.3rem .6rem;font-size:.65rem;border-width:2px}.timeout-row .coach-timeout-btn:first-child{order:1}.timeout-row .coach-timeout-btn:last-child{order:3}.team-names-centered{display:flex;align-items:center;justify-content:center;gap:2rem;flex:0 0 auto;order:2}.team-names-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:24px}.score-display-unified{display:flex;align-items:center;gap:.8rem;justify-content:center;flex-wrap:nowrap;height:28px;position:absolute;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.score-item{display:flex;align-items:center;gap:.3rem;white-space:nowrap;pointer-events:auto}.score-label-unified{font-size:.7rem;font-weight:600;color:#ffffffb3}.score-value-unified{font-size:.95rem;font-weight:700;color:#fff;font-family:Courier New,monospace;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.score-separator{color:#ffffff4d;font-size:.9rem;font-weight:300;margin:0 .2rem}.controls-unified{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:nowrap;height:26px;width:100%;position:relative}.playback-controls-unified{display:flex;gap:.25rem;flex-wrap:nowrap;align-items:center;flex:0 0 auto}.control-btn-unified{background:#dc2f3ed9;border:none;border-radius:4px;color:#fff;padding:.2rem .4rem;font-size:.7rem;cursor:pointer;transition:all .2s ease;font-weight:600;box-shadow:0 1px 3px #0000004d;min-width:26px;height:24px;display:flex;align-items:center;justify-content:center}.control-btn-large{font-size:1.2rem;padding:.6rem 1rem;height:auto;min-width:60px}.control-btn-unified:hover{background:#dc2f3e;transform:translateY(-2px);box-shadow:0 4px 10px #dc2f3e66}.control-btn-unified:active{transform:translateY(0)}.speed-control-unified{display:none!important}.speed-control-unified label{font-size:.8rem;color:#fff}.speed-control-unified input[type=range]{width:60px;height:4px;border-radius:2px;background:#fff3;outline:none}.speed-control-unified input[type=range]::-webkit-slider-thumb{width:12px;height:12px;border-radius:50%;background:#dc2f3e;cursor:pointer}.speed-control-unified span{font-size:.7rem;color:#fff;font-weight:600;min-width:30px;text-align:center}.team-name-left,.team-name-right{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.team-name-left{color:#fff;text-align:right}.team-name-right{color:#fff;text-align:left}.speed-control-unified .team-name-left,.speed-control-unified .team-name-right{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;min-width:80px}.speed-control-unified .team-name-left{color:#fff;text-align:right}.speed-control-unified .team-name-right{color:#fff;text-align:left}.action-buttons-unified{display:flex;gap:.25rem;flex-wrap:nowrap;flex:0 0 auto}.action-btn-unified{background:#667eeacc;border:none;border-radius:4px;color:#fff;padding:.25rem .5rem;font-size:.7rem;cursor:pointer;transition:all .2s ease;font-weight:600;box-shadow:0 1px 3px #0000004d;white-space:nowrap;height:26px;display:flex;align-items:center;justify-content:center}.action-btn-unified:hover{background:#667eea;transform:translateY(-2px);box-shadow:0 4px 10px #667eea66}.action-btn-unified:active{transform:translateY(0)}.volume-control-wrapper{position:relative;display:inline-block}.volume-slider-popup{position:absolute;top:100%;right:0;transform:none;background:#141826fa;border:2px solid rgba(102,126,234,.8);border-radius:8px;padding:12px 16px;margin-top:8px;box-shadow:0 4px 20px #00000080;z-index:999999;min-width:180px;display:flex;flex-direction:column;gap:8px;align-items:center}.volume-slider-popup:after{content:"";position:absolute;bottom:100%;right:12px;transform:none;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(102,126,234,.8)}.volume-slider{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#7a92ff;transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:#7a92ff;transform:scale(1.1)}.volume-percentage{color:#fff;font-size:.85rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.match-info-unified{font-size:.75rem;color:#ffffffe6;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:right}.main-area-unified{flex:1 1 auto;background:#1a1a1a;position:relative;display:flex;flex-direction:column;padding:.5rem;width:100%;overflow:auto;min-height:0}.main-area-unified::-webkit-scrollbar{width:10px}.main-area-unified::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.main-area-unified::-webkit-scrollbar-thumb{background:#dc2f3e99;border-radius:5px}.main-area-unified::-webkit-scrollbar-thumb:hover{background:#dc2f3ecc}.bottom-bar-unified{flex:0 0 auto;height:110px;min-height:110px;max-height:110px;background:linear-gradient(135deg,#1e1e28fa,#14141efa);cursor:pointer;transition:height .3s ease,min-height .3s ease,max-height .3s ease,margin-top .3s ease;position:relative;z-index:50;border-top:3px solid rgba(102,126,234,.6);overflow:hidden;box-shadow:0 -4px 12px #0000004d;padding:.4rem}.bottom-bar-unified:has(.commentary-team.expanded){height:220px!important;min-height:220px!important;max-height:220px!important;z-index:100!important}.commentary-team.expanded{flex:1!important}.commentary-team.expanded .commentary-team-content{max-height:180px!important;overflow-y:auto!important}.commentary-split{flex:1 1 auto;display:flex;gap:.6rem;height:100%;overflow:hidden;position:relative}.skill-clash-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:2rem;z-index:10;animation:clashPulse 1s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(220,47,62,.8))}@keyframes clashPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.commentary-team{flex:1;display:flex;flex-direction:column;overflow:hidden;border-radius:6px;padding:.5rem;position:relative;transition:all .3s ease}.commentary-team-1{background:linear-gradient(135deg,#dc2f3e1f,#dc2f3e0d);border:2px solid rgba(220,47,62,.3)}.commentary-team-2{background:linear-gradient(135deg,#00000080,#0000004d);border:2px solid rgba(0,0,0,.6)}.coach-panel{display:block;padding:0;background:transparent;border:none;min-height:200px;max-height:100%;overflow:visible;position:relative;z-index:10;width:auto;min-width:95px;max-width:95px}.game-container .coach-panel-header,.game-container .coach-photo,.game-container .coach-name,.game-container .coach-mood{display:none!important}.game-container .coach-panel{border:none!important;box-shadow:none!important;background:transparent!important;outline:none!important}.coach-panel-header{display:none!important}.coach-panel-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffd7008c,#1a1a1a73,#0009);z-index:1;transition:opacity .4s ease}@keyframes coachPanelSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.coach-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0;filter:brightness(1.1) contrast(1.1)}.coach-name{position:absolute;bottom:0;left:0;width:100%;padding:.3rem;background:linear-gradient(to top,#000000f2,#000000bf);z-index:10;font-size:.65rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.5px;line-height:1.1;text-shadow:1px 1px 2px rgba(0,0,0,.8);text-align:center}.coach-mood{font-size:1.8rem;line-height:1;margin-top:.3rem;position:relative;z-index:10;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.coach-mood-text{font-size:.7rem;color:#fff;font-weight:700;text-align:center;line-height:1.1;margin-top:.2rem;position:relative;z-index:10;text-shadow:2px 2px 4px rgba(0,0,0,.8);padding:.2rem .3rem;background:#00000080;border-radius:4px}.coach-timeout-btn{padding:.3rem .4rem;background:linear-gradient(135deg,#dc2f3e,#b82632);border:2px solid #FFFFFF;border-radius:6px;color:#fff;font-weight:900;font-size:.65rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;width:calc(100% - .6rem);margin:0 .3rem;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 3px 8px #dc2f3e66;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;z-index:10}.coach-timeout-btn:hover{background:linear-gradient(135deg,#b82632,#a01f2a);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #dc2f3e99;border-color:gold}.coach-timeout-btn:disabled{opacity:.4;cursor:not-allowed}.coach-comment{display:none;background:#fff;color:#000;border-radius:12px;padding:.7rem .8rem;box-shadow:0 4px 16px #0006;min-height:3rem;min-width:180px;max-width:250px;border:2px solid #000000;position:absolute;top:0;z-index:100;word-wrap:break-word;overflow-wrap:break-word;animation:bubbleIn .3s ease;font-size:.75rem;line-height:1.4}.coach-panel-left .coach-comment{left:100%;margin-left:.5rem}.coach-panel-right .coach-comment{right:100%;margin-right:.5rem}@keyframes bubbleIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coach-comment.active{display:block}.coach-comment p{margin:0;font-size:.8rem;line-height:1.3;color:#000;font-weight:600;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.commentary-team-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.2rem;padding:.2rem}.commentary-team-content p{margin:0;padding:.25rem .4rem;background:#0003;border-radius:4px;font-size:.8rem!important;line-height:1.4;color:#fffffff2;border-left:3px solid transparent;transition:all .2s ease}.clash-notification{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;background:#0000004d;border-radius:6px;margin:.2rem 0;font-size:.75rem;line-height:1.2;color:#fffffff2;border-left:3px solid transparent;animation:notificationSlideIn .4s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.commentary-team-1 .clash-notification{border-left-color:#dc2f3ecc;background:#dc2f3e26}.commentary-team-2 .clash-notification{border-left-color:#000c;background:#00000026}.clash-notification .skill-emoji{font-size:1rem;flex-shrink:0}.clash-notification .player-name{font-weight:600;color:#fff;flex-shrink:0;font-size:.75rem}.clash-notification .skill-name{font-style:italic;color:#ffffffd9;flex-shrink:1;font-size:.75rem}.clash-notification .coin-result{font-size:.9rem;flex-shrink:0;margin:0 .2rem}.clash-notification .result-emoji{font-size:.9rem;flex-shrink:0}.clash-notification .result-text{font-weight:700;color:#fff;flex-shrink:0;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.result-notification{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .7rem;background:#0006;border-radius:6px;margin:.3rem 0;font-size:.85rem;font-weight:700;text-align:center;border:2px solid transparent;animation:resultPulse .5s ease-out;text-transform:uppercase}@keyframes resultPulse{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.result-notification.blocked{background:linear-gradient(135deg,#667eea4d,#667eea33);border-color:#667eea99;color:#fff}.result-notification.success{background:linear-gradient(135deg,#2ecc714d,#2ecc7133);border-color:#2ecc7199;color:#fff}.result-notification .result-emoji{font-size:1.1rem}.result-notification .result-text{font-size:.85rem;font-weight:700}.commentary-team-content p img,.commentary-team-content .action-entry img{max-height:1.1rem;max-width:1.1rem;vertical-align:middle;display:inline-block}.commentary-team-content .skill-icon,.commentary-team-content .action-entry .skill-icon{font-size:.85rem!important;display:inline-block;vertical-align:middle}.commentary-team-content h2,.commentary-team-content h3{font-size:.8rem!important;font-weight:600;margin:.15rem 0;line-height:1.3}.commentary-team-content .clash-result h2{font-size:.75rem!important}.action-separator{font-size:.7rem!important;font-weight:600;color:#fff9;text-align:center;padding:.2rem .3rem;margin:.25rem 0;background:#ffffff0d;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.action-entry{font-size:.75rem!important;line-height:1.35;padding:.25rem .4rem;margin:.15rem 0;background:#0003;border-radius:4px;border-left:2px solid transparent;color:#ffffffe6}.commentary-team-1 .action-entry{border-left-color:#dc2f3e99}.commentary-team-2 .action-entry{border-left-color:#000c}.commentary-team-content p:first-child{font-weight:600}.commentary-team-1 .commentary-team-content p:first-child{border-left-color:#dc2f3ecc;background:#dc2f3e26}.commentary-team-2 .commentary-team-content p:first-child{border-left-color:#000c;background:#00000026}.commentary-placeholder{color:#ffffff80;font-style:italic;text-align:center}.commentary-team-content::-webkit-scrollbar{width:6px}.commentary-team-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.commentary-team-1 .commentary-team-content::-webkit-scrollbar-thumb{background:#dc2f3e80;border-radius:3px}.commentary-team-1 .commentary-team-content::-webkit-scrollbar-thumb:hover{background:#dc2f3eb3}.commentary-team-2 .commentary-team-content::-webkit-scrollbar-thumb{background:#00000080;border-radius:3px}.commentary-team-2 .commentary-team-content::-webkit-scrollbar-thumb:hover{background:#000000b3}@media (max-width: 1024px){.top-bar-unified{height:70px;min-height:70px;max-height:70px;padding:.3rem .6rem;gap:.25rem}.score-display-unified{height:28px}.score-label-unified{font-size:.75rem}.score-value-unified{font-size:1.05rem}.controls-unified{height:28px}.control-btn-unified{height:26px;padding:.25rem .5rem;font-size:.75rem}.action-btn-unified{height:26px;padding:.25rem .5rem;font-size:.7rem}.speed-control-unified input[type=range]{width:70px}.bottom-bar-unified{height:95px;min-height:95px;max-height:95px;padding:.4rem .5rem}.commentary-split{gap:.5rem}.commentary-team{padding:.4rem}.commentary-team-header{padding:.25rem .4rem}.commentary-team-name{font-size:.8rem}.commentary-team-content p{padding:.22rem .38rem;font-size:.8rem}.commentary-team-content p:first-child{font-size:.83rem}.commentary-team-content p:nth-child(2){font-size:.75rem}.commentary-team-content p:nth-child(3){font-size:.7rem}.commentary-team-content p:nth-child(4){font-size:.65rem;color:#ffffffb3}.skill-clash-container{padding:.25rem;gap:.35rem}.commentary-team-content .game-hexagon-card{width:40px!important;height:55px!important}.commentary-team-content .game-player-image{width:32px!important;height:32px!important}.commentary-team-content .game-card-badge{width:16px;height:16px}.commentary-team-content .game-card-badge-rating{font-size:.6rem!important}.commentary-team-content .clash-skill{font-size:.7rem!important;padding:.25rem .35rem!important;min-height:35px}.clash-result-compact{padding:.3rem .45rem;font-size:.75rem!important}.clash-result-compact .result-icon{font-size:.9rem}.clash-result-compact .result-text{font-size:.75rem}.action-separator{font-size:.65rem!important;padding:.18rem .28rem}.action-entry{font-size:.7rem!important;padding:.22rem .38rem}}@media (max-width: 768px) and (orientation: landscape){.game-layout-unified{height:100vh;max-height:100vh}.top-bar-unified{height:50px;min-height:50px;max-height:50px;padding:.2rem .4rem;gap:.2rem}.score-display-unified{height:26px;gap:.6rem}.score-label-unified{font-size:.7rem}.score-value-unified{font-size:1rem}.score-separator{font-size:.9rem}.controls-unified{height:26px;gap:.4rem}.playback-controls-unified{gap:.2rem}.control-btn-unified{height:24px;padding:.25rem .5rem;font-size:.7rem;min-width:30px;border-radius:4px}.speed-control-unified{height:24px;padding:.2rem .4rem;gap:.3rem}.speed-control-unified label{font-size:.8rem}.speed-control-unified input[type=range]{width:50px;height:4px}.speed-control-unified input[type=range]::-webkit-slider-thumb{width:10px;height:10px}.speed-control-unified span{font-size:.7rem;min-width:30px}.action-buttons-unified{gap:.25rem}.action-btn-unified{height:24px;padding:.25rem .4rem;font-size:.65rem;border-radius:4px}.match-info-unified{font-size:.7rem;padding:.15rem 0}.main-area-unified{padding:.1rem}.bottom-bar-unified{height:75px;min-height:75px;max-height:75px;padding:.3rem .4rem}.commentary-split{gap:.4rem}.commentary-team{padding:.35rem}.commentary-team-header{padding:.22rem .35rem}.commentary-team-name{font-size:.75rem}.commentary-team-content p{padding:.18rem .32rem;font-size:.75rem}.commentary-team-content p:first-child{font-size:.78rem}.commentary-team-content p:nth-child(2){font-size:.7rem}.commentary-team-content p:nth-child(3){font-size:.65rem}.commentary-team-content p:nth-child(4){font-size:.6rem;color:#ffffffb3}.skill-clash-container{padding:.2rem;gap:.3rem}.commentary-team-content .game-hexagon-card{width:38px!important;height:52px!important}.commentary-team-content .game-player-image{width:30px!important;height:30px!important}.commentary-team-content .game-card-badge{width:15px;height:15px}.commentary-team-content .game-card-badge-rating{font-size:.55rem!important}.commentary-team-content .game-player-number{font-size:.55rem!important;padding:.08rem .2rem}.commentary-team-content .clash-skill{font-size:.65rem!important;padding:.22rem .3rem!important;min-height:32px}.clash-result-compact{padding:.25rem .4rem;font-size:.7rem!important}.clash-result-compact .result-icon{font-size:.85rem}.clash-result-compact .result-text{font-size:.7rem}.action-separator{font-size:.6rem!important;padding:.15rem .25rem}.action-entry{font-size:.65rem!important;padding:.18rem .32rem}.skill-clash-indicator{font-size:1.5rem}.skills-reveal-container{display:grid!important;grid-template-columns:80px 1fr 80px!important;gap:.3rem!important;width:100%!important;align-items:start!important}.coach-panel{padding:.1rem!important;width:80px!important;min-width:80px!important;max-width:80px!important}.coach-panel-left{grid-column:1!important;width:80px!important}.coach-panel-right{grid-column:3!important;width:80px!important}.court-center{grid-column:2!important;padding:.5rem .2rem .3rem!important;width:100%!important;min-width:0!important}.game-hexagon-card{width:85px!important;height:90px!important}.game-player-image{width:60px!important;height:60px!important}.game-card-badge{width:20px!important;height:20px!important}.game-card-badge-rating{font-size:.6rem!important;font-weight:800!important}.game-player-name{font-size:.5rem!important}.game-player-number{font-size:.65rem!important}.skill-icon-display{width:22px!important;height:22px!important;font-size:.7rem!important;min-width:22px;min-height:22px}.team-players-skills-list{gap:.4rem}.player-skill-pair{gap:.3rem}.coach-photo{width:30px;height:30px}.coach-name{font-size:.45rem}.coach-panel-header{min-height:100px!important}.coach-mood{font-size:1.8rem}.coach-comment{font-size:.6rem;min-width:140px!important;max-width:200px!important}}@media (max-width: 768px) and (orientation: portrait){.game-layout-unified{display:none!important}.game-container:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;z-index:99999}.game-container:after{content:"📱\a\aSimulace zápasu vyžaduje\alandscape orientaci\a\aOtočte prosím zařízení";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:1.5rem;font-weight:700;white-space:pre-wrap;line-height:2;z-index:100000;padding:2rem}}@media (max-width: 480px) and (orientation: landscape){.top-bar-unified{height:60px;min-height:60px;max-height:60px;padding:.2rem .4rem;gap:.15rem}.score-display-unified{height:24px;gap:.5rem}.score-label-unified{display:none}.score-value-unified{font-size:.95rem}.score-separator{font-size:.85rem}.controls-unified{height:24px;gap:.3rem}.control-btn-unified{height:22px;padding:.2rem .4rem;font-size:.65rem;min-width:26px}.action-btn-unified{height:22px;padding:.2rem .35rem;font-size:.6rem}.speed-control-unified{display:none}.bottom-bar-unified{height:90px;min-height:90px;max-height:90px;padding:.4rem .5rem}.commentary-split{gap:.3rem}.commentary-team{padding:.3rem}.commentary-team-header{padding:.18rem .3rem}.commentary-team-name{font-size:.7rem}.commentary-team-content p{padding:.15rem .28rem;font-size:.7rem}.commentary-team-content p:first-child{font-size:.73rem}.commentary-team-content p:nth-child(2){font-size:.65rem}.commentary-team-content p:nth-child(3){font-size:.6rem}.commentary-team-content p:nth-child(4){font-size:.55rem;color:#ffffffb3}.skill-clash-container{padding:.18rem;gap:.25rem;flex-direction:column;align-items:flex-start}.commentary-team-content .game-hexagon-card{width:35px!important;height:48px!important}.commentary-team-content .game-player-image{width:28px!important;height:28px!important}.commentary-team-content .game-card-badge{width:14px;height:14px}.commentary-team-content .game-card-badge-rating{font-size:.5rem!important}.commentary-team-content .game-player-number{font-size:.5rem!important;padding:.05rem .15rem}.commentary-team-content .clash-skill{font-size:.6rem!important;padding:.2rem .28rem!important;min-height:28px;width:100%}.clash-result-compact{padding:.22rem .35rem;font-size:.65rem!important}.clash-result-compact .result-icon{font-size:.8rem}.clash-result-compact .result-text{font-size:.65rem}.action-separator{font-size:.55rem!important;padding:.12rem .22rem}.action-entry{font-size:.6rem!important;padding:.15rem .28rem}.skill-clash-indicator{font-size:1.3rem}}#decisive-skill-video{display:none!important}#decisive-skill-video.active{position:absolute;top:0;left:0;width:100%;height:100%;display:flex!important;align-items:center;justify-content:center;background:#000000f2;border-radius:15px;z-index:100}#decisive-skill-video video,#decisive-skill-video .skill-video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}#decisive-skill-video .skill-animation-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#decisive-skill-video .video-animation{flex:1;display:flex;align-items:center;justify-content:center;width:100%}#decisive-skill-video .skill-image-title{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#000c;padding:1rem 2rem;border-radius:10px;font-size:1.5rem;font-weight:700;color:gold;text-align:center;z-index:101}.event-history{background:#000000b3;border-radius:15px;padding:1.5rem;height:calc(100vh - 200px);display:flex;flex-direction:column;border:2px solid #ffd700}.event-history h3{color:gold;margin:0 0 1rem;font-size:1.3rem;text-align:center}.event-history-content{flex:1;overflow-y:auto;padding-right:.5rem}.event-history-content::-webkit-scrollbar{width:8px}.event-history-content::-webkit-scrollbar-track{background:#ffd7001a;border-radius:4px}.event-history-content::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.history-placeholder{color:#ffffff80;font-style:italic;text-align:center}.history-event{background:#ffd7000d;border-left:3px solid #ffd700;padding:.8rem;margin-bottom:.8rem;border-radius:4px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.event-time{display:block;color:gold;font-size:.8rem;font-weight:600;margin-bottom:.3rem}.event-message{display:block;color:#fff;font-size:.95rem;line-height:1.4}.coach-panel{background:#000000b3;border-radius:15px;padding:2rem;border:2px solid #DC2F3E;display:flex;align-items:flex-start;justify-content:center}.coach-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.coach-image{width:200px;height:200px;border-radius:50%;border:4px solid #ffd700;object-fit:cover;box-shadow:0 0 30px #ffd7004d;z-index:1}.coach-speech-bubble{position:relative;background:gold;color:#000;padding:1.5rem;border-radius:20px;max-width:280px;box-shadow:0 5px 20px #ffd70066;font-weight:600;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center;z-index:10}.coach-speech-bubble:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ffd700}.coach-speech-bubble p{margin:0;font-size:1.1rem;line-height:1.4}.bubble-animate{animation:bubblePop .5s ease}@keyframes bubblePop{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.game-center{min-width:0;overflow:hidden}.scoreboard{display:flex;justify-content:space-around;background:linear-gradient(135deg,#14283cf2,#1e3246f2);border-radius:15px;padding:2rem;margin-bottom:2rem;border:2px solid rgba(102,126,234,.5);box-shadow:0 4px 20px #00000080}.scoreboard-panel{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,#1a1a1af2,#2d2d2df2);border-radius:12px 12px 0 0;padding:1rem 1.5rem;border:2px solid rgba(220,47,62,.5);border-bottom:none;box-shadow:0 4px 20px #00000080;flex:0 0 25%;min-height:300px;max-height:450px;min-width:400px;overflow-y:auto}.playback-controls{display:flex;flex-direction:column;gap:.5rem}.playback-buttons{display:flex;justify-content:center;gap:.3rem}.control-btn{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #555;border-radius:6px;color:#fff;font-size:1.1rem;padding:.4rem .8rem;cursor:pointer;transition:all .2s ease;min-width:45px;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:linear-gradient(135deg,#dc2f3e,#ff4555);border-color:#dc2f3e;transform:translateY(-2px);box-shadow:0 4px 8px #dc2f3e66}.control-btn:active{transform:translateY(0)}.btn-icon{font-weight:700;font-size:1rem}.speed-slider-container{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ccc}.speed-slider-container label{white-space:nowrap}#playback-speed{flex:1;height:6px;border-radius:3px;background:#444;outline:none;-webkit-appearance:none}#playback-speed::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#dc2f3e;cursor:pointer;transition:all .2s ease}#playback-speed::-webkit-slider-thumb:hover{background:#ff4555;transform:scale(1.2)}#playback-speed::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#dc2f3e;cursor:pointer;border:none}#speed-percentage{min-width:40px;text-align:right;font-weight:700;color:#dc2f3e}.score-section{display:flex;flex-direction:column;gap:.8rem;align-items:center;justify-content:center;width:100%}.score-section>div{display:flex;flex-direction:column;align-items:center;gap:.3rem}.score-row-inline{display:flex;flex-direction:row!important;gap:2rem;align-items:center;justify-content:center;width:100%}.score-row-inline .current-set-score,.score-row-inline .sets-score{display:flex;flex-direction:row;align-items:center;gap:.5rem}.current-match-info{width:100%;text-align:center;font-size:.95rem;color:#667eea;font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(102,126,234,.3)}.action-commentary-panel{flex:1;background:linear-gradient(135deg,#1e3246f2,#14283cf2);border-radius:12px 12px 0 0;padding:.8rem 1rem;border:2px solid rgba(102,126,234,.5);border-bottom:none;box-shadow:0 4px 20px #667eea4d;min-height:300px;max-height:450px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;word-wrap:break-word}.commentary-content{color:#fff;font-size:.75rem;line-height:1.3;flex:1;overflow-wrap:break-word;word-break:break-word}.commentary-placeholder{color:#ffffff80;font-style:italic;margin:0;text-align:center;padding:2rem 0}.action-commentary-panel .action-entry{padding:.6rem .8rem;margin-bottom:.4rem;background:#0003;border-radius:8px;border-left:3px solid rgba(102,126,234,.5);animation:slideIn .3s ease-out;text-align:center;overflow-wrap:break-word;word-break:break-word;max-width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-commentary-panel .action-entry:last-child{margin-bottom:0}.action-separator{text-align:center;margin:1rem 0 .5rem;padding:.4rem 0;position:relative}.action-separator:before,.action-separator:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:linear-gradient(to right,transparent,rgba(102,126,234,.5),transparent)}.action-separator:before{left:0}.action-separator:after{right:0}.action-number{display:inline-block;background:linear-gradient(135deg,#667eea4d,#7c3aed4d);color:#a5b4fc;padding:.3rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(102,126,234,.4);box-shadow:0 2px 8px #667eea33;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.history-navigation{background:linear-gradient(135deg,#3b82f626,#6366f126);border:2px solid rgba(59,130,246,.5);border-radius:12px;padding:1.5rem;margin:1rem 0;text-align:center;animation:fadeIn .3s ease-out}.history-navigation.current{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b98180}.history-navigation h3{margin:0 0 .5rem;color:#60a5fa;font-size:1.2rem}.history-navigation.current h3{color:#34d399}.history-navigation p{margin:.3rem 0;color:#cbd5e1}.history-navigation .history-hint{margin-top:.8rem;font-size:.85rem;color:#94a3b8;font-style:italic}.action-entry strong{color:gold}.action-entry .success-text{color:#10b981;font-weight:600}.action-entry .fail-text{color:#ef4444;font-weight:600}.action-entry h2,.action-entry h3{color:gold;margin:0 0 .3rem;font-size:1rem;line-height:1.3}.action-entry p{margin:.2rem 0;line-height:1.4}.action-entry .coin-flip-container,.action-entry .skill-commentary,.action-entry .nonsense-attempt,.action-entry .nonsense-success,.action-entry .nonsense-fail{padding:0}.action-commentary-panel::-webkit-scrollbar{width:8px}.action-commentary-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.action-commentary-panel::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.action-commentary-panel::-webkit-scrollbar-thumb:hover{background:#667eeab3}.current-set-score,.sets-score{display:flex;flex-direction:column;gap:.5rem;align-items:center}.score-label{color:#ffffffb3;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.score-value{color:#fff;font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.score-display{background:#0000004d;padding:.5rem 1rem;border-radius:8px;border:2px solid rgba(220,47,62,.4)}.score-display-inline{display:inline-block;padding:.5rem 1rem}.score-value{font-size:2rem;font-weight:800;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.9);letter-spacing:.5rem}.team-score h3{color:#fff;text-align:center;margin-bottom:1rem}.sets{display:flex;gap:1rem;color:#fff}.set{background:#667eea4d;padding:.5rem 1rem;border-radius:8px}.set b{color:#67e8f9;font-size:1.5rem}.court{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border-radius:20px;padding:3rem;min-height:400px;position:relative}.court-side{display:flex;justify-content:space-around;align-items:center;gap:2rem}.net{width:4px;background:repeating-linear-gradient(0deg,white 0px,white 10px,transparent 10px,transparent 20px)}.court-player{text-align:center;position:relative}.court-player img{width:100px;height:100px;border-radius:50%;border:3px solid #DC2F3E;margin-bottom:.5rem}.court-player span{display:block;color:#fff;font-size:.9rem;font-weight:600}.court-player .active-skill{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#ffd700e6;padding:.3rem .6rem;border-radius:8px;font-size:.75rem;font-weight:700;white-space:nowrap;animation:skillPop .5s ease}@keyframes skillPop{0%{opacity:0;transform:translate(-50%) scale(0)}to{opacity:1;transform:translate(-50%) scale(1)}}.game-info{margin:0;display:flex;flex-direction:column;justify-content:flex-start;width:100%;gap:.8rem;position:relative;z-index:1}.game-center-main .game-info{min-height:auto;max-height:none;overflow-y:auto;overflow-x:hidden}.main-area-unified .game-info{min-height:0;max-height:none;overflow:visible}#current-phase,#skill-reveal,#evaluation-phase{width:100%;overflow:visible;text-align:center}.skill-reveal-persistent{position:relative;width:100%;max-width:none;min-height:100%;display:flex;align-items:flex-start;justify-content:center;z-index:10;overflow:visible;padding-top:1rem}#current-phase h2,#current-phase h3,#skill-reveal h2,#skill-reveal h3,#evaluation-phase h2,#evaluation-phase h3{font-size:1.4rem;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.9);margin:.5rem 0;font-weight:700}#current-phase p,#skill-reveal p,#evaluation-phase p{font-size:1rem;color:#fff;line-height:1.4;text-shadow:1px 1px 4px rgba(0,0,0,.9);margin:.4rem 0}.skills-display{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#00000080;border-radius:15px;padding:2rem}.team-skills h3{color:#fff;text-align:center;margin-bottom:1rem}.skill-item{background:#667eea4d;padding:.8rem;border-radius:8px;margin-bottom:.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.skill-item.ultimate{background:linear-gradient(90deg,#ffd7004d,#ffed4e33);border:2px solid rgba(255,215,0,.5)}.skill-item span{font-size:.9rem}.skill-item strong{color:#67e8f9}.point-winner,.point-draw{text-align:center;padding:1rem;border-radius:12px;margin-top:.5rem;animation:resultFade .5s ease;border:2px solid}.point-winner{background:linear-gradient(135deg,#22c55ecc,#15803db3);border-color:#22c55e;box-shadow:0 0 30px #22c55e80}.point-draw{background:linear-gradient(135deg,#eab308cc,#a16207b3);border-color:#eab308;box-shadow:0 0 30px #eab30880}.point-winner h2,.point-draw h2{color:#fff;font-size:1.6rem;margin-bottom:.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.point-winner p,.point-draw p{color:#fff;font-size:1rem;text-shadow:1px 1px 4px rgba(0,0,0,.8)}@keyframes resultFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.player-intro-container{display:flex;gap:2rem;align-items:flex-start;justify-content:center;padding:2rem;max-width:900px;margin:0 auto;animation:introSlideIn .5s ease}@keyframes introSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hexagon-card-intro{width:280px;max-width:280px;pointer-events:none;transform:none!important}.hexagon-card-intro:hover{transform:none!important;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a inset!important}.hexagon-card-intro:before{opacity:.7!important}.player-intro-skills{flex:1;background:#0000004d;border-radius:15px;padding:1.5rem}.player-intro-skills h3{font-size:1.2rem;color:#fff;margin:0 0 1rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.intro-skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.intro-skill-badge{background:linear-gradient(135deg,#667eea4d,#4361ee33);border:2px solid rgba(102,126,234,.5);border-radius:12px;padding:.8rem;text-align:center;transition:all .3s ease}.intro-skill-badge.offensive{background:linear-gradient(135deg,#ed1c244d,#dc2f3e33);border-color:#ed1c2480}.intro-skill-badge.defensive{background:linear-gradient(135deg,#3b82f64d,#2563eb33);border-color:#3b82f680}.intro-skill-badge.ultimate-offensive{background:linear-gradient(135deg,#0000004d,#40404033);border:2px solid rgba(0,0,0,.5);box-shadow:0 0 15px #0000004d}.intro-skill-badge.ultimate-defensive{background:linear-gradient(135deg,#10b9814d,#05966933);border:2px solid rgba(16,185,129,.5);box-shadow:0 0 15px #10b9814d}.intro-skill-badge.special-smash-serve{animation:alternateIntroRedBlack 1s infinite}.intro-skill-badge.special-other{animation:alternateIntroRedBlue 1s infinite}.intro-skill-badge.nonsense{background:linear-gradient(135deg,#ec48994d,#db277733);border-color:#ec489980}@keyframes alternateIntroRedBlack{0%,49.99%{background:linear-gradient(135deg,#ed1c244d,#dc2f3e33);border-color:#ed1c2480}50%,to{background:linear-gradient(135deg,#0000004d,#40404033);border-color:#00000080}}@keyframes alternateIntroRedBlue{0%,49.99%{background:linear-gradient(135deg,#ed1c244d,#dc2f3e33);border-color:#ed1c2480}50%,to{background:linear-gradient(135deg,#3b82f64d,#2563eb33);border-color:#3b82f680}}.intro-skill-icon{font-size:2rem;margin-bottom:.3rem}.intro-skill-name{font-size:.85rem;color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.player-intro-container{flex-direction:column;padding:1rem;gap:1rem}.player-card-intro{min-width:100%}.intro-skills-grid{grid-template-columns:1fr}}.skill-interaction{background:#1e3246e6;border-radius:15px;padding:2rem;margin:1rem 0;animation:resultFade .5s ease;border:2px solid rgba(102,126,234,.5)}.interaction-step{display:flex;justify-content:center;align-items:center;gap:2rem}.interaction-player{text-align:center;flex:1;max-width:250px}.interaction-player img{width:100px;height:100px;border-radius:50%;border:3px solid #DC2F3E;margin-bottom:.5rem}.interaction-player p{color:#fff;font-size:1rem;margin:.5rem 0}.attack-skill{display:block;color:#f87171;font-size:1.1rem;margin-top:.5rem}.defense-skill{display:block;color:#67e8f9;font-size:1.1rem;margin-top:.5rem}.interaction-arrow{font-size:2rem;font-weight:900;color:gold;text-align:center;min-width:150px}.game-over{text-align:center;max-width:600px;margin:5rem auto;background:#00000080;border-radius:20px;padding:3rem}.game-over h1{color:#fff;margin-bottom:2rem}.final-sets{background:#667eea4d;border-radius:12px;padding:2rem;margin-bottom:2rem}.final-sets p{color:#fff;font-size:1.3rem;margin:1rem 0}@media (max-width: 768px){.modal{padding:1rem}.modal-content{padding:1.5rem}.modal-header h2{font-size:2rem}.video-placeholder{padding:2rem 1rem;min-height:150px}.teams-selection{grid-template-columns:1fr}.players-grid{grid-template-columns:1fr!important;gap:1.5rem;padding:1rem 0}.court{grid-template-columns:1fr;padding:1.5rem;gap:1rem}.net{display:none}.court-side{gap:1rem}.court-player img{width:70px;height:70px}.court-player span{font-size:.8rem}.skills-reveal-container-with-coaches{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem;padding-bottom:60px;margin-top:3rem}.court-area{grid-column:1 / -1;grid-row:1;max-width:100%}.team1-coach-card{grid-column:1;grid-row:2;justify-self:center;max-width:150px}.team2-coach-card{grid-column:2;grid-row:2;justify-self:center;max-width:150px}.coach-card{width:100px!important;height:140px!important;max-width:100px}.game-container .skill-ball{width:35px!important;height:35px!important}.skill-icon-display{width:60px!important;height:60px!important}.game-hexagon-card{width:135px!important;height:135px!important}.skills-display{grid-template-columns:1fr}.player-card{padding:1rem}.player-image{height:150px}.player-number,.rating{font-size:2rem}.player-name{font-size:1.1rem}}.phase-title{font-size:1.6rem;color:gold;text-align:center;margin:.8rem 0;animation:fadeInDown .5s ease;text-shadow:2px 2px 8px rgba(0,0,0,.9);font-weight:700}.coach-panel-left,.coach-panel-right{flex:0 0 80px;width:80px}.court-center{flex:1 1 auto;position:relative;display:flex;align-items:flex-start;justify-content:center;overflow:visible;min-width:0;padding:2rem 1rem 1rem}.court-area{position:relative;width:100%;max-width:700px;min-height:250px;aspect-ratio:2 / 1;background:linear-gradient(135deg,#2d5f2e,#1e4620);border:3px solid #fff;box-shadow:0 4px 20px #0006;border-radius:8px;overflow:visible}.court-lines{position:absolute;inset:0;pointer-events:none}.court-net{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#fff0,#ffffffe6 5% 95%,#fff0);transform:translate(-50%);box-shadow:0 0 15px #ffffff80}.court-service-line{position:absolute;top:5%;bottom:5%;width:2px;background:#fff6}.court-service-line-left{left:13.89%}.court-service-line-right{right:13.89%}.team-section{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.3rem;z-index:2}.team-section.team-left{left:5%;top:50%;transform:translateY(-50%)}.team-section.team-right{right:5%;top:50%;transform:translateY(-50%)}.team-horizontal-layout{display:flex;flex-direction:column;align-items:center;gap:.3rem}.team-players-skills-list{display:flex;flex-direction:column;gap:.3rem}.team-section.team-left .player-skill-pair,.team-section.team-right .player-skill-pair{flex-direction:row}.net-players-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:4rem;z-index:3;align-items:center;pointer-events:none}.net-player{display:flex;align-items:center;pointer-events:auto}.team1-net-player{transform:translateY(30px)}.team2-net-player{transform:translateY(-30px)}.team1-net-player .player-skill-pair,.team2-net-player .player-skill-pair{flex-direction:row}.coach-card{position:relative;border-radius:12px;border:3px solid #ffd700;width:200px;height:280px;box-shadow:0 6px 20px #000c;overflow:visible;flex-shrink:0}.coach-card:before{display:none!important}.coach-card-with-mood{display:flex;flex-direction:column;align-items:center;gap:.5rem}.coach-mood-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#141826e6;border:2px solid rgba(255,215,0,.5);border-radius:8px;box-shadow:0 2px 8px #0000004d}.coach-mood-emoji{font-size:1.5rem;line-height:1}.coach-mood-text{color:gold;font-weight:600;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap}.game-container .coach-card{border:3px solid #ffd700!important;outline:none!important}.game-container .coach-card .fc-top-right{inset:auto auto 12px 50%!important;transform:translate(-50%)!important;text-align:center!important;width:90%!important}@media (max-width: 1400px){.game-container .coach-card{width:160px;height:220px}.game-container .skills-reveal-container-with-coaches{gap:1rem}.coach-mood-display{padding:.4rem .8rem}.coach-mood-emoji{font-size:1.3rem}.coach-mood-text{font-size:.85rem}}@media (max-width: 1200px){.game-container .coach-card{width:140px;height:200px}.game-container .coach-card-name{font-size:.9rem}.game-container .coach-card-role{font-size:.7rem}.game-container .skills-reveal-container-with-coaches{gap:.75rem}.coach-mood-display{padding:.35rem .7rem}.coach-mood-emoji{font-size:1.2rem}.coach-mood-text{font-size:.8rem}}@media (max-width: 1000px){.game-container .coach-card{width:120px;height:180px}.game-container .coach-card-name{font-size:.8rem}.game-container .coach-card-role{font-size:.65rem}.coach-mood-display{padding:.3rem .6rem;gap:.4rem}.coach-mood-emoji{font-size:1.1rem}.coach-mood-text{font-size:.75rem}}.coach-card-background{position:absolute;inset:0;background-size:cover;background-position:center top;filter:brightness(.6);border-radius:12px;overflow:hidden}.coach-card-overlay{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);z-index:1}.coach-card-name{color:#fff;font-size:1.1rem;font-weight:800;text-shadow:2px 2px 6px rgba(0,0,0,.9);text-transform:uppercase;text-align:center}.coach-card-role{color:gold;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.coach-card-mood{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#000000b3;padding:.5rem;border-radius:8px;border:2px solid rgba(255,215,0,.3);width:100%}.coach-card-mood .mood-emoji{font-size:1.5rem;line-height:1}.coach-card-mood .mood-text{color:gold;font-size:.75rem;font-weight:600;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.9);line-height:1.2}.coach-quote-overlay{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:#fff;border:3px solid #000;border-radius:20px;padding:1rem 1.5rem;min-width:200px;max-width:300px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:9999;box-shadow:4px 4px #0000004d;pointer-events:none}.coach-quote-overlay:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid #000}.coach-quote-overlay:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(3px);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:17px solid white}.coach-quote-overlay.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(15px)}.coach-quote-overlay p{color:#000!important;font-size:.95rem;font-weight:700;text-align:center;line-height:1.4;margin:0;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif}.current-match-info{font-size:1.2rem;font-weight:700;color:#dc2f3e;text-align:center;margin-top:.5rem;text-shadow:0 0 10px rgba(220,47,62,.5)}.current-match-info strong{font-size:1.3rem;display:block;letter-spacing:.5px}.team-coach-area{position:relative;height:120px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0009}.coach-background{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.4) blur(2px)}.coach-overlay{position:relative;height:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.team-skills-list{display:flex;flex-direction:column;gap:.8rem}.team-players-skills-list{display:flex;flex-direction:column;gap:.8rem;flex:1}.player-skill-pair{display:flex;align-items:center;gap:.4rem;opacity:0;overflow:visible!important}.player-skill-pair.reveal-animation{animation:fadeInScale .5s ease forwards}.player-card-with-name{display:flex;flex-direction:column;align-items:center;gap:.25rem}.game-container .player-card:hover~.player-name-label,.game-container .player-card-with-name:hover .player-name-label{z-index:9999!important}.player-name-label{background:linear-gradient(to bottom,#000000d9,#000000f2);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-align:center;white-space:nowrap;box-shadow:0 2px 4px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:90px;max-width:120px;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2}.skill-icon-display{position:relative;transition:transform .6s cubic-bezier(.34,1.56,.64,1);flex:0 0 auto;width:25px;height:25px;display:flex;align-items:center;justify-content:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.skill-icon-display.attacking-right{animation:slideToRight .8s cubic-bezier(.34,1.56,.64,1) forwards}.skill-icon-display.attacking-left{animation:slideToLeft .8s cubic-bezier(.34,1.56,.64,1) forwards}.skill-icon-display.bounce-back-left{animation:bounceBackLeft .6s cubic-bezier(.68,-.55,.27,1.55) forwards}.skill-icon-display.bounce-back-right{animation:bounceBackRight .6s cubic-bezier(.68,-.55,.27,1.55) forwards}.skill-ball-container.slide-to-right{animation:slideToRight .6s ease-out forwards}.skill-ball-container.slide-to-left{animation:slideToLeft .6s ease-out forwards}.skill-ball-container.bounce-back-left{animation:bounceBackLeft .6s cubic-bezier(.68,-.55,.27,1.55) forwards}.skill-ball-container.bounce-back-right{animation:bounceBackRight .6s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes slideToRight{0%{transform:translate(0)}to{transform:translate(350px)}}@keyframes slideToLeft{0%{transform:translate(0)}to{transform:translate(-350px)}}@keyframes bounceBackLeft{0%{transform:translate(350px)}50%{transform:translate(380px) scale(1.2)}to{transform:translate(0) scale(1)}}@keyframes bounceBackRight{0%{transform:translate(-350px)}50%{transform:translate(-380px) scale(1.2)}to{transform:translate(0) scale(1)}}.skill-ball-container.shake{animation:iconShake .4s ease-in-out}@keyframes iconShake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-3deg)}50%{transform:translate(5px) rotate(3deg)}75%{transform:translate(-5px) rotate(-3deg)}}.skill-icon-content{width:100%;height:100%;padding:0;border-radius:4px;border:1px solid;box-shadow:0 1px 3px #0006;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:all .3s ease;overflow:hidden;position:relative}.skill-ball-icon{width:100%;height:100%;object-fit:cover;border-radius:2px}.offensive-skill{--icon-bg-color: linear-gradient(135deg, rgba(220, 47, 62, .3), rgba(184, 38, 50, .3));--icon-border-color: rgba(220, 47, 62, .8)}.offensive-skill .skill-icon-content{border-color:var(--icon-border-color);background:var(--icon-bg-color)}.defensive-skill{--icon-bg-color: linear-gradient(135deg, rgba(59, 130, 246, .3), rgba(37, 99, 235, .3));--icon-border-color: rgba(59, 130, 246, .8)}.defensive-skill .skill-icon-content{border-color:var(--icon-border-color);background:var(--icon-bg-color)}.ultimate-skill,.ultimate-offensive-skill,.ultimate-defensive-skill{--icon-bg-color: linear-gradient(135deg, rgba(0, 0, 0, .85), rgba(20, 20, 20, .8));--icon-border-color: rgba(0, 0, 0, .9)}.ultimate-skill .skill-icon-content,.ultimate-offensive-skill .skill-icon-content,.ultimate-defensive-skill .skill-icon-content{border-color:var(--icon-border-color);border-width:3px;background:var(--icon-bg-color);box-shadow:0 0 25px #000c}.nonsense-skill{--icon-bg-color: linear-gradient(135deg, rgba(236, 72, 153, .4), rgba(219, 39, 119, .4));--icon-border-color: rgba(236, 72, 153, .9)}.nonsense-skill .skill-icon-content{border-color:var(--icon-border-color);border-width:3px;background:var(--icon-bg-color);box-shadow:0 0 20px #ec489999;animation:nonsensePulse 1.5s ease-in-out infinite}@keyframes nonsensePulse{0%,to{box-shadow:0 0 20px #ec489999;border-color:#ec4899e6;transform:scale(1)}50%{box-shadow:0 0 35px #ec4899,0 0 50px #ec489980;border-color:#ec4899;transform:scale(1.05)}}.skill-name-text{font-size:.45rem;font-weight:600;text-align:center;color:#fff;line-height:1.1;max-width:35px;overflow:hidden;text-overflow:ellipsis}.skill-icon-display.skill-blink{animation:skillBlink .4s ease-in-out 2}@keyframes skillBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.skill-icon-display.attack-success-right{animation:attackSuccessRight 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes attackSuccessRight{0%{transform:translate(0)}to{transform:translate(500px);opacity:.6}}.skill-icon-display.attack-success-left{animation:attackSuccessLeft 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes attackSuccessLeft{0%{transform:translate(0)}to{transform:translate(-500px);opacity:.6}}.skill-icon-display.attack-net-right{animation:attackNetRight .8s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes attackNetRight{0%{transform:translate(0) translateY(0)}40%{transform:translate(150px) translateY(20px)}to{transform:translate(0) translateY(0);opacity:.5}}.skill-icon-display.attack-net-left{animation:attackNetLeft .8s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes attackNetLeft{0%{transform:translate(0) translateY(0)}40%{transform:translate(-150px) translateY(20px)}to{transform:translate(0) translateY(0);opacity:.5}}.skill-icon-display.attack-out-right{animation:attackOutRight 1s ease-out forwards}@keyframes attackOutRight{0%{transform:translate(0) translateY(0) rotate(0)}60%{transform:translate(400px) translateY(-80px) rotate(25deg)}to{transform:translate(450px) translateY(100px) rotate(45deg);opacity:.3}}.skill-icon-display.attack-out-left{animation:attackOutLeft 1s ease-out forwards}@keyframes attackOutLeft{0%{transform:translate(0) translateY(0) rotate(0)}60%{transform:translate(-400px) translateY(-80px) rotate(-25deg)}to{transform:translate(-450px) translateY(100px) rotate(-45deg);opacity:.3}}.skill-icon-display.skill-shatter{animation:skillShatter .8s ease-out forwards}@keyframes skillShatter{0%{transform:scale(1) rotate(0);opacity:1}20%{transform:scale(1.1) rotate(-5deg)}40%{transform:scale(1.1) rotate(5deg)}60%{transform:scale(.9) rotate(-10deg);opacity:.8}80%{transform:scale(1.2) rotate(10deg);opacity:.4;filter:blur(2px)}to{transform:scale(0) rotate(45deg);opacity:0;filter:blur(4px)}}.skill-icon-display.skill-highlight{animation:skillHighlightScale 1.2s ease-in-out}@keyframes skillHighlightScale{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1.25)}75%{transform:scale(1.15)}}.skill-icon-display.skill-highlight .skill-icon-content{animation:skillHighlightGlow 1.2s ease-in-out}@keyframes skillHighlightGlow{0%,to{box-shadow:0 4px 15px #0006;border-color:inherit}25%{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080,0 4px 15px #0006;border-color:#ffd700e6}50%{box-shadow:0 0 30px gold,0 0 60px #ffd700b3,0 0 90px #ffd70066;border-color:gold;border-width:4px}75%{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080,0 4px 15px #0006;border-color:#ffd700e6}}.skill-ball-container.collision-left{animation:collisionLeft .6s ease-out forwards}@keyframes collisionLeft{0%{transform:translate(0);opacity:1}30%{transform:translate(150px,-40px)}40%{transform:translate(150px,-40px) rotate(-15deg)}50%{transform:translate(140px,-35px) rotate(15deg) scale(1.1)}60%{transform:translate(130px,-30px) rotate(-10deg) scale(.9);opacity:.8}80%{transform:translate(120px,-25px) rotate(20deg) scale(.5);opacity:.3;filter:blur(3px)}to{transform:translate(110px,-20px) scale(0);opacity:0;filter:blur(5px)}}.skill-ball-container.collision-right{animation:collisionRight .6s ease-out forwards}@keyframes collisionRight{0%{transform:translate(0);opacity:1}30%{transform:translate(-150px,40px)}40%{transform:translate(-150px,40px) rotate(15deg)}50%{transform:translate(-140px,35px) rotate(-15deg) scale(1.1)}60%{transform:translate(-130px,30px) rotate(10deg) scale(.9);opacity:.8}80%{transform:translate(-120px,25px) rotate(-20deg) scale(.5);opacity:.3;filter:blur(3px)}to{transform:translate(-110px,20px) scale(0);opacity:0;filter:blur(5px)}}.skill-ball-container.collision-dynamic{animation:collisionDynamic .6s ease-out forwards}@keyframes collisionDynamic{0%{transform:translate(0);opacity:1}30%{transform:translate(calc(var(--collision-delta-x) * .75),calc(var(--collision-delta-y) * .75))}40%{transform:translate(calc(var(--collision-delta-x) * .75),calc(var(--collision-delta-y) * .75)) rotate(-15deg)}50%{transform:translate(calc(var(--collision-delta-x) * .7),calc(var(--collision-delta-y) * .7)) rotate(15deg) scale(1.1)}60%{transform:translate(calc(var(--collision-delta-x) * .65),calc(var(--collision-delta-y) * .65)) rotate(-10deg) scale(.9);opacity:.8}80%{transform:translate(calc(var(--collision-delta-x) * .6),calc(var(--collision-delta-y) * .6)) rotate(20deg) scale(.5);opacity:.3;filter:blur(3px)}to{transform:translate(calc(var(--collision-delta-x) * .55),calc(var(--collision-delta-y) * .55)) scale(0);opacity:0;filter:blur(5px)}}.skills-reveal-container{display:flex!important;flex-direction:row;justify-content:space-between;align-items:start;gap:1.5rem;width:100%;flex:1 1 auto;position:relative;padding:0 1rem}@media (min-width: 769px){.skills-reveal-container{display:flex!important;flex-direction:row;justify-content:space-between}}.team-skills-reveal{position:relative}.team-left{padding-right:1rem}.team-right{padding-left:1rem}.skill-card{background:linear-gradient(135deg,#dc2f3ebf,#b82632a6);border:2px solid rgba(255,255,255,.6);border-radius:10px;padding:.8rem;margin-bottom:.5rem;opacity:0;box-shadow:0 4px 20px #0009}.skill-card.reveal-animation{animation:slideInFromLeft .5s ease forwards}.skill-card.ultimate-skill{border-color:gold;background:linear-gradient(135deg,#1a1a1ae6,#000c);box-shadow:0 0 30px #ffd700cc;border-width:3px}.skill-card.defensive{background:linear-gradient(135deg,#3b82f6bf,#2563eba6);border:2px solid rgba(59,130,246,.8)}.skill-card.offensive{background:linear-gradient(135deg,#dc2f3ebf,#b82632a6);border:2px solid rgba(220,47,62,.8)}.skill-card-player{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.skill-card-player img{width:35px;height:35px;border-radius:50%;object-fit:cover}.skill-card-player span{color:#fff;font-weight:700;font-size:.95rem;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.skill-card-name{color:gold;font-size:1.05rem;font-weight:800;text-align:center;text-shadow:2px 2px 6px rgba(0,0,0,.9);margin-top:.3rem}.player-skill-display{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;opacity:0}.player-skill-display.reveal-animation{animation:slideInFromLeft .5s ease forwards}.game-hexagon-card{position:relative;z-index:5;width:120px;height:125px;border-radius:6px;overflow:hidden;cursor:default;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a inset}.game-hexagon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#dc2f3e8c,#1a1a1a73,#0009);z-index:1;transition:opacity .4s ease}.game-hexagon-card.opponent-card:before{background:linear-gradient(135deg,#0066cc8c,#00336673,#0009)}.game-player-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.game-player-image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(1.1) contrast(1.1)}.game-player-number{position:absolute;top:.5rem;right:.5rem;z-index:10;font-size:.9rem;font-weight:900;color:#ffffffe6;text-shadow:1.2px 1.2px 0px rgba(0,0,0,.8),-.4px -.4px 0px rgba(0,0,0,.8);filter:drop-shadow(0 1.5px 4px rgba(0,0,0,.5))}.game-player-info{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:.7rem .5rem .5rem;background:linear-gradient(to top,#000000f2,#000000d9 60%,#0000)}.game-player-name{font-size:.55rem;font-weight:900;color:#fff;margin-bottom:.1rem;text-transform:uppercase;letter-spacing:.4px;text-shadow:.8px .8px 2.2px rgba(0,0,0,.9);line-height:1.2}.game-player-position{font-size:.32rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;text-shadow:.4px .4px 1.2px rgba(0,0,0,.9)}.game-player-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;background:#00000080;padding:.35rem;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.game-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.game-stat-value{font-size:.5rem;font-weight:900;color:gold;line-height:1;text-shadow:.8px .8px 1.5px rgba(0,0,0,.9)}.game-stat-label{font-size:.24rem;font-weight:800;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1px;text-shadow:.4px .4px .8px rgba(0,0,0,.9);line-height:1.1;text-align:center}.game-card-badge{position:absolute;top:.5rem;left:.5rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.08rem}.game-card-badge-rating{font-size:1.05rem;font-weight:900;color:gold;line-height:1;text-shadow:1px 1px 0px rgba(0,0,0,.8),-.3px -.3px 0px rgba(0,0,0,.8),.3px -.3px 0px rgba(0,0,0,.8),-.3px .3px 0px rgba(0,0,0,.8);filter:drop-shadow(0 1.2px 3.5px rgba(0,0,0,.5))}.game-player-number{position:absolute;top:.5rem;right:.5rem;z-index:10;font-size:.8rem;font-weight:900;color:#ffffffe6;text-shadow:1px 1px 0px rgba(0,0,0,.8),-.3px -.3px 0px rgba(0,0,0,.8);filter:drop-shadow(0 1.2px 3.5px rgba(0,0,0,.5))}.game-player-info{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:.6rem .5rem .5rem;background:linear-gradient(to top,#000000f2,#000000d9 60%,#0000)}.game-player-name{font-size:.5rem!important;font-weight:900!important;color:#fff!important;margin-bottom:.08rem!important;text-transform:uppercase!important;letter-spacing:.3px!important;text-shadow:.7px .7px 2px rgba(0,0,0,.9)!important;line-height:1.2!important}.game-player-position{font-size:.3rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;text-shadow:.3px .3px 1px rgba(0,0,0,.9)}.mini-player-card{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:8px;border:3px solid;background:#0009;min-width:100px;box-shadow:0 4px 12px #00000080}.mini-player-card.team1-card{border-color:#dc2f3e;background:linear-gradient(135deg,#dc2f3e4d,#b8263233)}.mini-player-card.team2-card{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f64d,#2563eb33)}.mini-player-card.small{min-width:80px;padding:.3rem}.mini-player-card.small img{width:50px;height:50px}.mini-player-card.small .mini-player-name{font-size:.75rem}.skill-item-with-card{display:flex;align-items:center;gap:.8rem;padding:.5rem;margin-bottom:.5rem;background:#0006;border-radius:8px}.skill-item-with-card .skill-info{display:flex;align-items:center;gap:.5rem;font-size:1rem}.mini-player-card img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);margin-bottom:.3rem}.mini-player-name{color:#fff;font-weight:700;font-size:.85rem;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.9);line-height:1.2}.skill-name-wrapper{position:relative;border-radius:10px;padding:1rem;min-width:200px;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px 20px #0009}.skill-name-text{color:#fff;font-size:1.1rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.9);line-height:1.3}.skill-animation-wrapper{position:relative;border-radius:10px;padding:.8rem;min-width:200px;min-height:150px;display:flex;align-items:center;justify-content:center;border:3px solid;box-shadow:0 4px 20px #0009}.offensive-frame{border-color:#dc2f3e;background:linear-gradient(135deg,#dc2f3e66,#b826324d);box-shadow:0 0 20px #dc2f3e80}.defensive-frame{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f666,#2563eb4d);box-shadow:0 0 20px #3b82f680}.ultimate-frame,.ultimate-offensive-frame,.ultimate-defensive-frame{border-color:#000000e6;background:linear-gradient(135deg,#000000d9,#141414cc);box-shadow:0 0 30px #000000e6}.skill-animation-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.skill-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.skill-placeholder-icon{font-size:2.5rem;opacity:.7}.skill-placeholder-name{color:#fff;font-size:.9rem;font-weight:600;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.ultimates-check{background:#1e3246e6;border-radius:10px;padding:.8rem;margin:.5rem 0;border:2px solid rgba(255,215,0,.5)}.ultimates-check p{color:gold;font-size:1rem;margin:.3rem 0;animation:fadeIn .5s ease;font-weight:600;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.result-text{font-size:1.2rem;font-weight:700;text-align:center;margin:.8rem 0;padding:.8rem;background:#ffd70099;border:2px solid #ffd700;border-radius:10px;animation:scaleIn .5s ease;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.9);box-shadow:0 0 20px #ffd70080}.decisive-skill-display{text-align:center;background:linear-gradient(135deg,#ffd700b3,#ffa50099);border:3px solid #ffd700;border-radius:15px;padding:1rem;margin:.8rem 0;animation:scaleIn .8s ease;box-shadow:0 0 40px #ffd700cc}.decisive-skill-display h2{color:#fff;font-size:1.6rem;margin-bottom:.8rem;text-shadow:2px 2px 10px rgba(0,0,0,.9);font-weight:800}.decisive-player{margin:1.5rem 0}.decisive-player img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #ffd700;box-shadow:0 0 20px #ffd70080;animation:pulse 2s ease infinite}.decisive-player h3{color:#fff;font-size:2rem;margin:1rem 0;text-shadow:2px 2px 8px rgba(0,0,0,.9);font-weight:700}.decisive-skill-name{font-size:1.8rem;font-weight:800;color:#fff;margin-top:1rem;text-shadow:2px 2px 10px rgba(0,0,0,.9)}.skill-video-container{text-align:center;margin:2rem 0;animation:fadeIn .5s ease}.skill-video-container h3{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.video-placeholder-box{background:#00000080;border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:3rem;max-width:600px;margin:0 auto}.video-icon{font-size:4rem;margin-bottom:1rem}.video-placeholder-box p{color:#fff;font-size:1.3rem;margin:.5rem 0}.video-player-name{color:gold!important;font-weight:700;font-size:1.5rem!important}.video-placeholder-box small{color:#fff9;font-size:.9rem}.game-controls{display:flex;gap:1rem;justify-content:center;margin:1rem 0;position:relative;z-index:10}.start-match-btn,.pause-match-btn,.resume-match-btn,.skip-to-end-btn{background:linear-gradient(135deg,#dc2f3e,#a02129);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease}.skip-to-end-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.skip-to-end-btn:disabled{opacity:.6;cursor:not-allowed}.start-match-btn:hover,.pause-match-btn:hover,.resume-match-btn:hover,.skip-to-end-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.skip-to-end-btn:hover:not(:disabled){box-shadow:0 8px 20px #f59e0b66}.speed-control{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;margin:0 1rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px}.speed-control label{color:#fff;font-size:1rem;font-weight:600;white-space:nowrap}.speed-slider{width:200px;height:6px;background:#fff3;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#dc2f3e,#a02129);border-radius:50%;cursor:pointer;transition:all .3s ease}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #667eea99}.speed-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#dc2f3e,#a02129);border-radius:50%;border:none;cursor:pointer;transition:all .3s ease}.speed-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #667eea99}#speed-value{color:#fbbf24;font-weight:700}.skill-animation-container{text-align:center;padding:2rem;background:#0000004d;border-radius:16px;margin:2rem 0}.skill-animation-container h3{color:#fff;font-size:2rem;margin-bottom:1.5rem}.animation-box{width:100%;margin:0 auto;background:transparent;border-radius:0;padding:0;border:none}.animation-box video{width:100%;height:auto;display:block;border-radius:8px}.animation-box-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.animation-box-dual .animation-box{max-width:100%}.video-animation{width:100%;border-radius:8px;overflow:hidden}.skill-video{width:100%;height:auto;display:block;border-radius:8px}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .3s ease}.video-overlay-content{max-width:800px;width:90%;background:#ffffff1a;border-radius:20px;padding:2rem;border:3px solid #ffd700;box-shadow:0 0 50px #ffd70080}.video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #ffd700}.video-header h3{color:gold;font-size:1.8rem;margin:0}.video-result{font-size:1.5rem;font-weight:800;padding:.5rem 1rem;border-radius:10px}.video-result.success{background:#10b9814d;color:#10b981;border:2px solid #10b981}.video-result.blocked{background:#ef44444d;color:#ef4444;border:2px solid #ef4444}.video-result.defense-success{background:#3b82f64d;color:#3b82f6;border:2px solid #3b82f6}.video-result.failed{background:#ef44444d;color:#ef4444;border:2px solid #ef4444}.action-video{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 40px #00000080}.skill-animation{width:100%;height:auto;filter:drop-shadow(0 0 10px rgba(102,126,234,.3))}.animation-player-name{color:#94a3b8;font-size:1.2rem;margin-top:1rem;font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.skill-clash-container{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin:2rem 0;padding:2rem;background:#00000080;border-radius:16px;border:2px solid rgba(255,255,255,.2)}.clash-attacker,.clash-defender{text-align:center}.clash-player{margin-bottom:1rem}.clash-player img{width:80px;height:80px;border-radius:50%;border:3px solid #DC2F3E;object-fit:cover;margin-bottom:.5rem}.clash-player h4{color:#fff;font-size:1.2rem;margin:0}.clash-skill{background:#667eea4d;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:1rem;font-size:1.2rem;font-weight:700;color:#fff;min-height:80px;display:flex;align-items:center;justify-content:center}.attack-animation{animation:attackMove .8s ease;border-left:4px solid #f87171}.defend-animation{animation:defendMove .8s ease .8s;border-left:4px solid #67e8f9}.ultimate-glow{background:linear-gradient(135deg,#ffd70066,#ffa50066);border-color:gold;box-shadow:0 0 30px #ffd70099;animation:pulseGlow 1s ease infinite}.ultimate-blocked{background:#667eea33;border-left:4px solid #DC2F3E;padding:1.5rem;border-radius:12px;font-size:1.2rem;font-weight:600;color:#93c5fd;text-align:center;margin:1rem 0}.defense-successful{background:#22c55e33;border-left:4px solid #22c55e;padding:1.5rem;border-radius:12px;text-align:center;margin:1rem 0}.defense-successful h3{color:#4ade80;margin:0 0 1rem;font-size:1.5rem}.defense-successful p{color:#d1fae5;margin:.5rem 0;font-size:1.1rem}.defense-successful .effect{font-weight:700;color:#86efac;margin-top:1rem;font-size:1.2rem}.clash-vs{font-size:3rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8);animation:pulse 1s ease infinite}.no-defender{opacity:.5}.no-defense{color:#ffffff80;font-size:1.2rem;font-style:italic}.clash-result{grid-column:1 / -1;text-align:center;margin-top:2rem;padding:2rem;border-radius:16px;animation:scaleIn .5s ease}.clash-result.blocked{background:linear-gradient(135deg,#67e8f94d,#3b82f64d);border:3px solid #67e8f9}.clash-result.success{background:linear-gradient(135deg,#22c55e4d,#16a34a4d);border:3px solid #22c55e}.clash-result h2{color:#fff;font-size:2.5rem;margin:0;text-shadow:0 0 20px rgba(255,255,255,.5)}@keyframes attackMove{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes defendMove{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffd70066}50%{box-shadow:0 0 40px #ffd700cc}}.rally-continues{text-align:center;background:linear-gradient(135deg,#fb923c4d,#f973164d);border:3px solid #fb923c;border-radius:16px;padding:2rem;margin:2rem 0;animation:scaleIn .5s ease}.rally-continues h2{color:#fb923c;font-size:2.5rem;margin:0 0 1rem;animation:pulse 1s ease infinite}.rally-continues p{color:#fff;font-size:1.3rem;margin:0}.all-offensive-draw{text-align:center;background:linear-gradient(135deg,#ef44444d,#dc26264d);border:3px solid #ef4444;border-radius:16px;padding:2rem;margin:2rem 0;animation:scaleIn .5s ease}.all-offensive-draw h2{color:#ef4444;font-size:2.5rem;margin:0 0 1rem;animation:pulse 1s ease infinite}.all-offensive-draw p{color:#fff;font-size:1.3rem;margin:0}.points-summary{text-align:center;background:#ffffff1a;border-radius:12px;padding:.8rem;margin:.8rem 0;animation:fadeIn .5s ease}.points-summary h3{color:#fff;font-size:.95rem;margin:0 0 .6rem;text-align:center;width:100%}.team-points{display:flex;justify-content:center;gap:1.2rem}.team-point-box{background:#0000004d;border-radius:8px;padding:.6rem 1.2rem;min-width:80px}.team-point-box h4{color:#94a3b8;font-size:.8rem;margin:0 0 .4rem;font-weight:600}.point-value{font-size:1.5rem;font-weight:800;margin:0}.point-value.positive{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.5)}.point-value.negative{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5)}.point-value.neutral{color:#94a3b8}.coin-flip-container{text-align:center;padding:2rem;margin:2rem 0;background:#0000004d;border-radius:16px}.action-entry .coin-flip-container{padding:.8rem;margin:.5rem 0;background:#0000001a;border-radius:8px}.coin-flip-container h3{color:#fff;font-size:1.8rem;margin-bottom:2rem}.action-entry .coin-flip-container h3{font-size:1rem;margin-bottom:.5rem;color:gold}.coins-wrapper{display:flex;justify-content:center;gap:3rem;margin:2rem 0;min-height:150px;align-items:center}.action-entry .coins-wrapper{gap:1.5rem;margin:.5rem 0;min-height:70px}.coin{width:120px;height:120px;position:relative;transform-style:preserve-3d;animation:flipCoin 2s ease-in-out forwards}.action-entry .coin{width:60px;height:60px;perspective:1000px}@keyframes flipCoin{0%{transform:translateY(0) rotateY(0) rotateX(0) rotate(0) scale(1);filter:brightness(1)}15%{transform:translateY(-40px) rotateY(360deg) rotateX(180deg) rotate(45deg) scale(1.1);filter:brightness(1.2)}30%{transform:translateY(-70px) rotateY(720deg) rotateX(360deg) rotate(90deg) scale(1.15);filter:brightness(1.3)}45%{transform:translateY(-80px) rotateY(1080deg) rotateX(540deg) rotate(135deg) scale(1.2);filter:brightness(1.4)}60%{transform:translateY(-70px) rotateY(1440deg) rotateX(720deg) rotate(180deg) scale(1.15);filter:brightness(1.3)}75%{transform:translateY(-40px) rotateY(1800deg) rotateX(900deg) rotate(225deg) scale(1.1);filter:brightness(1.2)}85%{transform:translateY(-10px) rotateY(2160deg) rotateX(1080deg) rotate(270deg) scale(1.05);filter:brightness(1.1)}92%{transform:translateY(5px) rotateY(2520deg) rotateX(1260deg) rotate(315deg) scale(1.02);filter:brightness(1.05)}97%{transform:translateY(2px) rotateY(2700deg) rotateX(1350deg) rotate(345deg) scale(1.01);filter:brightness(1.02)}to{transform:translateY(0) rotateY(2880deg) rotateX(1440deg) rotate(360deg) scale(1);filter:brightness(1)}}.coin-face{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:800;box-shadow:0 10px 30px #000c,inset 0 2px 5px #ffffff4d;border:5px solid #d97706;background:radial-gradient(circle at 30% 30%,#fbbf24,#f59e0b,#d97706);color:#78350f;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.action-entry .coin-face{font-size:2rem;border:3px solid #d97706;box-shadow:0 5px 15px #0009,inset 0 1px 3px #ffffff4d}.coin-heads .coin-face,.coin-tails .coin-face{background:radial-gradient(circle at 30% 30%,#fbbf24,#f59e0b,#d97706)}.coin-result{margin-top:1.5rem;font-size:1.5rem;color:#fbbf24;font-weight:700;animation:fadeIn .5s ease;padding:1rem;background:#fbbf241a;border-radius:8px}.action-entry .coin-result{margin-top:.5rem;font-size:.9rem;padding:.5rem}.skill-image-container{width:100%;max-width:500px;margin:0 auto;text-align:center}.skill-image{width:100%;height:auto;background:#fff;border-radius:8px;padding:1rem}.skill-image-title{margin-top:1rem;font-size:1.25rem;font-weight:700;color:#fff}.skill-animation-container{width:100%;max-width:500px;margin:0 auto;text-align:center}.smec-animation{position:relative;width:100%;height:400px;background:#fff;border-radius:8px;padding:1rem}.smec-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:auto;max-height:90%;object-fit:contain}.smec-start{animation:fadeInOut 3s ease-in-out infinite}.smec-end{animation:fadeInOut 3s ease-in-out infinite reverse}@keyframes fadeInOut{0%,40%{opacity:1}50%,to{opacity:0}}.nonsense-attempt,.nonsense-success,.nonsense-fail{padding:2rem;border-radius:15px;text-align:center;animation:fadeIn .5s ease}.action-entry .nonsense-attempt,.action-entry .nonsense-success,.action-entry .nonsense-fail{padding:.8rem;border-radius:8px;border-width:2px}.nonsense-attempt{background:linear-gradient(135deg,#a855f733,#ec489933);border:3px solid #a855f7}.nonsense-success{background:linear-gradient(135deg,#22c55e33,#3b82f633);border:3px solid #22c55e}.nonsense-fail{background:linear-gradient(135deg,#ef444433,#7c3aed33);border:3px solid #ef4444}.nonsense-attempt h2,.nonsense-success h2,.nonsense-fail h2{margin-bottom:1rem;font-size:2rem}.action-entry .nonsense-attempt h2,.action-entry .nonsense-success h2,.action-entry .nonsense-fail h2{margin-bottom:.3rem;font-size:1rem}.effect{font-size:1.2rem;margin:.5rem 0;font-weight:600}.coach-angry{font-size:1.3rem;color:#fbbf24;font-style:italic;margin-top:1rem;font-weight:700}.wow-text{font-size:2.5rem;font-weight:900;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.6);margin-top:1.5rem;animation:wowPulse 1s ease-in-out infinite;letter-spacing:3px}@keyframes wowPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.skill-video-item.nonsense{border:3px solid #a855f7;background:linear-gradient(135deg,#a855f71a,#ec48991a)}.substitution-mode-selection{text-align:center;margin:2rem 0;padding:1.5rem;background:#ffffff0d;border-radius:12px}.substitution-mode-selection h3{color:#fff;margin-bottom:1rem}.substitution-mode-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.sub-mode-btn{padding:1rem 1.8rem;font-size:1.3rem;background:linear-gradient(135deg,#1e1e2899,#28283799);color:#e0e0e0;border:2px solid rgba(102,126,234,.3);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d;position:relative;overflow:hidden}.sub-mode-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);transition:left .5s ease}.sub-mode-btn:hover:before{left:100%}.sub-mode-btn:hover{background:linear-gradient(135deg,#667eea66,#5064c866);border-color:#667eea99;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #667eea66}.sub-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#dc2f3e;color:#fff;box-shadow:0 6px 24px #dc2f3e80,0 0 30px #667eea4d;font-weight:600}.sub-mode-btn.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.league-sub-mode-btn{padding:1rem 1.8rem;font-size:1.3rem;background:linear-gradient(135deg,#1e1e2899,#28283799);color:#e0e0e0;border:2px solid rgba(102,126,234,.3);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d;position:relative;overflow:hidden}.league-sub-mode-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);transition:left .5s ease}.match-location{margin-top:.5rem;font-size:.9rem;color:#999}.match-badge{margin-top:.5rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;border-radius:12px;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.match-badge.decisive{background:linear-gradient(135deg,#dc2f3e,#c41e3a);color:#fff;box-shadow:0 2px 8px #dc2f3e66}.match-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.match-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.match-details-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:linear-gradient(135deg,#1e1e28,#2a2a3a);border:2px solid rgba(102,126,234,.3);border-radius:16px;padding:2rem;max-width:900px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;z-index:10001}.modal-close{position:absolute;top:1rem;right:1rem;background:#dc2f3e33;border:2px solid #DC2F3E;color:#dc2f3e;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#dc2f3e;color:#fff;transform:rotate(90deg)}.modal-content h2{color:#667eea;margin-bottom:1.5rem;text-align:center;font-size:1.8rem}.match-header{background:#667eea1a;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.match-info{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.match-date-time,.match-venue,.match-attendance{color:#ccc;font-size:.95rem}.match-score-header{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:1rem}.match-score-header .team{font-size:1.2rem;color:#e0e0e0;font-weight:500}.match-score-header .score{font-size:2rem;font-weight:700;color:#667eea;background:#667eea33;padding:.5rem 1.5rem;border-radius:12px}.match-results h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.results-table{width:100%;border-collapse:collapse;margin-top:1rem}.results-table thead th{background:#667eea33;color:#667eea;padding:.8rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(102,126,234,.3)}.results-table tbody td{padding:.8rem;border-bottom:1px solid rgba(102,126,234,.1);color:#ccc}.results-table tbody tr:hover{background:#667eea0d}.results-table .sets{color:#999;font-size:.9rem}.league-sub-mode-btn:hover:before{left:100%}.league-sub-mode-btn:hover{background:linear-gradient(135deg,#667eea66,#5064c866);border-color:#667eea99;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #667eea66}.league-sub-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#dc2f3e;color:#fff;box-shadow:0 6px 24px #dc2f3e80,0 0 30px #667eea4d;font-weight:600}.league-sub-mode-btn.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}.sub-mode-description,.league-sub-mode-description{color:#aaa;font-size:.9rem;margin:0}.substitution-announcement{padding:2rem;background:linear-gradient(135deg,#3b82f633,#10b98133);border:3px solid #3b82f6;border-radius:15px;text-align:center}.substitution-announcement h2{color:#fff;margin-bottom:1.5rem;font-size:2rem}.substitution-details{display:flex;align-items:center;justify-content:center;gap:2rem;margin:1.5rem 0}.player-out,.player-in{display:flex;flex-direction:column;align-items:center;gap:.5rem}.player-out img,.player-in img{width:80px;height:80px;border-radius:50%;border:3px solid white}.player-out{opacity:.6}.player-in{animation:playerInAnimation .5s ease}@keyframes playerInAnimation{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.sub-label{font-size:.8rem;font-weight:700;color:#fbbf24;text-transform:uppercase}.sub-arrow{font-size:3rem}.player-out span,.player-in span{color:#fff;font-weight:600}.player-out .position,.player-in .position{font-size:.85rem;color:#aaa}.substitution-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:10000;justify-content:center;align-items:center}.substitution-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:2rem;max-width:900px;width:90%;max-height:80vh;overflow-y:auto;position:relative;border:2px solid #DC2F3E}.substitution-modal-content h2{color:#fff;text-align:center;margin-bottom:1.5rem}.substitution-teams{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.substitution-team h3{color:#dc2f3e;margin-bottom:1rem}.substitution-team h4{color:#aaa;margin:1rem 0 .5rem;font-size:.9rem}.current-lineup,.bench-players{display:flex;flex-direction:column;gap:.5rem}.sub-player-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease}.sub-player-card:hover{background:#667eea33;border-color:#dc2f3e;transform:scale(1.02)}.sub-player-card.selected-out{background:#ef44444d;border-color:#ef4444}.sub-player-card.bench{opacity:.7}.sub-player-card.bench:hover{opacity:1}.sub-player-card img{width:50px;height:50px;border-radius:50%;border:2px solid #DC2F3E}.sub-player-info{display:flex;flex-direction:column;flex:1}.sub-player-name{color:#fff;font-weight:600;font-size:.95rem}.sub-player-position{color:#aaa;font-size:.8rem}.no-bench{color:#aaa;font-style:italic;text-align:center;padding:1rem}.substitution-info{background:#667eea1a;border:2px solid #DC2F3E;border-radius:10px;padding:1rem;text-align:center}.substitution-info p{color:#fff;margin:0}.substitution-btn{padding:.8rem 1.5rem;font-size:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600}.substitution-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #10b98166}@media (max-width: 1400px){.game-layout{grid-template-columns:250px 1fr 300px;gap:1.5rem}.event-history{padding:1rem}.coach-panel{padding:1.5rem}.coach-image{width:150px;height:150px}.coach-speech-bubble{max-width:220px;padding:1rem}}@media (max-width: 1200px){.game-layout{grid-template-columns:1fr;gap:1.5rem}.game-layout-new{height:auto;min-height:600px}.top-bar{flex-direction:column;gap:1rem}.coach-panel-top{min-width:auto;width:100%}.game-center-main{min-height:500px}.event-history{height:300px;order:3}.game-center{order:1}.coach-panel{order:2;height:auto}.header h1{font-size:2.5rem}.players-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 900px){#app{padding:1rem}.header h1{font-size:2rem}.subtitle{font-size:1rem}.coach-image-top{width:50px;height:50px}.coach-speech-bubble-top{font-size:.85rem;padding:.6rem}.game-center-main{min-height:400px;padding:1rem}#decisive-skill-video .skill-image-title{font-size:1rem;padding:.8rem 1.5rem;bottom:1rem}.scoreboard{padding:1.5rem;flex-direction:column;gap:1.5rem}.team-score{width:100%}.sets{justify-content:center}.players-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem;justify-items:center}.player-card-large{width:220px!important;height:330px!important}.player-card{padding:1rem}.coach-panel{flex-direction:column;align-items:center}.coach-image{width:120px;height:120px}.coach-speech-bubble{max-width:100%}.evaluation-phase,.skill-commentary{padding:1rem}.skill-commentary h3{font-size:1.3rem}}@media (max-width: 600px){#app{padding:.5rem}.header{margin-bottom:1.5rem;padding:1rem 0}.header h1{font-size:1.5rem}.subtitle{font-size:.9rem}.game-mode-btn{padding:.8rem 1.5rem;font-size:1rem}.players-grid{grid-template-columns:repeat(2,1fr);gap:1rem;justify-items:center}.player-card-small{width:110px!important;height:165px!important}.player-card-medium,.player-card-large{width:155px!important;height:232px!important}.scoreboard{padding:1rem}.set{padding:.6rem .8rem;font-size:1rem}.team-lineup{grid-template-columns:1fr;gap:.8rem}.lineup-player-card{padding:.8rem}.lineup-player-card img{width:50px;height:50px}.evaluation-phase,.skill-commentary{padding:.8rem}.skill-commentary h3{font-size:1.1rem}.skill-commentary p{font-size:.9rem}.modal-content{width:95%;max-height:90vh;padding:1rem}.skills-videos{gap:1rem}.skill-video-item{padding:1rem}.animation-box{height:auto}.event-history{height:250px}.coach-image{width:100px;height:100px}.coach-speech-bubble{padding:.8rem;min-height:60px}.coach-speech-bubble p{font-size:.9rem}}@media (max-width: 400px){.header h1{font-size:1.2rem}.subtitle{font-size:.8rem}.scoreboard{padding:.8rem}.team-score h3{font-size:1rem}.set{padding:.5rem .6rem;font-size:.9rem}.lineup-player-card img{width:40px;height:40px}.lineup-player-name{font-size:.8rem}.lineup-player-position{font-size:.7rem}.players-grid{grid-template-columns:1fr!important;gap:.8rem;padding:.5rem 0}.player-card-small{width:100px!important;height:150px!important}.player-card-medium{width:140px!important;height:210px!important}.player-card-large{width:180px!important;height:270px!important}.player-image{height:120px!important}.player-card{padding:.85rem!important}.court{padding:1rem!important}.court-player img{width:60px!important;height:60px!important}.court-player span{font-size:.75rem!important}.skills-reveal-container-with-coaches{padding-bottom:40px!important}.modal-content{padding:1rem!important}.modal-header h2{font-size:1.5rem!important}.game-controls button{padding:.6rem 1rem;font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.event-history{height:200px}.coach-panel{padding:1rem}.coach-image{width:80px;height:80px}.coach-speech-bubble{padding:.6rem;min-height:50px;font-size:.8rem}.evaluation-phase{max-height:300px;overflow-y:auto}}@keyframes shatter{0%{transform:scale(1) rotate(0);opacity:1}20%{transform:scale(1.08) rotate(-3deg);opacity:1}40%{transform:scale(1.05) rotate(2deg);opacity:.95}to{transform:scale(.3) rotate(8deg);opacity:0}}@keyframes shatterPiece{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(.4);opacity:0}}.skill-ball-container.shatter{position:relative}.skill-ball-container.shatter .skill-ball{position:relative;animation:shatter .8s ease-out forwards}.skill-ball-container.shatter:before,.skill-ball-container.shatter:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--icon-bg-color, #007bff);border:3px solid var(--icon-border-color, #0056b3);border-radius:50%;pointer-events:none;z-index:10;box-shadow:inset 0 2px 8px #ffffff4d}.skill-ball-container.shatter:before{--tx: -85px;--ty: -95px;--rot: -225deg;animation:shatterPiece .7s ease-out forwards .05s;clip-path:polygon(0% 0%,58% 0%,32% 48%,0% 42%)}.skill-ball-container.shatter:after{--tx: 90px;--ty: -90px;--rot: 245deg;animation:shatterPiece .7s ease-out forwards .08s;clip-path:polygon(58% 0%,100% 0%,100% 48%,68% 38%)}.skill-ball-container.shatter .skill-ball img{opacity:0;transition:opacity .2s}.referee-character{position:absolute;left:-100px;top:50%;transform:translateY(-50%);z-index:1000;transition:left .5s ease-out}.referee-icon{display:flex;flex-direction:column;align-items:center;gap:10px}.referee-body{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.referee-card{font-size:32px;animation:showCard .5s ease-out}.referee-card.yellow{animation:showCard .5s ease-out,pulseYellow 1s ease-in-out infinite .5s}@keyframes showCard{0%{transform:scale(0) rotate(180deg);opacity:0}50%{transform:scale(1.2) rotate(-10deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulseYellow{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}}.angry-referee{animation:shakeAngry .5s ease-in-out infinite}@keyframes shakeAngry{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}.referee-whistle{font-size:24px;animation:blowWhistle .6s ease-out}@keyframes blowWhistle{0%{transform:scale(.5) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.referee-anger-lines{position:absolute;top:-10px;left:50%;transform:translate(-50%);display:flex;gap:5px}.anger-line{width:3px;height:15px;background:linear-gradient(to top,#f00c,#ff640000);animation:pulseAnger .6s ease-in-out infinite}.anger-line:nth-child(2){animation-delay:.1s}.anger-line:nth-child(3){animation-delay:.2s}@keyframes pulseAnger{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1.2)}}.weather-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.rain-drop{position:absolute;top:-20px;width:2px;height:20px;background:linear-gradient(to bottom,#aec2e0cc,#aec2e033);animation:rainFall 1s linear infinite}.storm-rain{background:linear-gradient(to bottom,#647896e6,#6478964d)}@keyframes rainFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(100vh);opacity:.3}}.snow-flake{position:absolute;top:-20px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);animation:snowFall 3s linear infinite;opacity:.9}@keyframes snowFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:.5}}.hail-stone{position:absolute;top:-10px;width:8px;height:8px;background:radial-gradient(circle,#fff,#d0e0f0);border-radius:50%;box-shadow:0 0 4px #fffc;animation:hailFall .5s linear infinite}@keyframes hailFall{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100vh) scale(.8);opacity:.6}}.wind-particle{position:absolute;left:-10px;width:15px;height:2px;background:#c8c8b499;border-radius:2px;animation:windBlow 2s linear infinite}@keyframes windBlow{0%{transform:translate(0) translateY(0) rotate(-5deg);opacity:.3}50%{opacity:.8}to{transform:translate(120vw) translateY(20px) rotate(5deg);opacity:0}}.lightning-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff0;animation:lightning 4s ease-in-out infinite;pointer-events:none}@keyframes lightning{0%,to{background:#fff0}10%,12%,14%{background:#ffffc8b3;box-shadow:0 0 50px #fffc}11%,13%{background:#fff0}40%,42%{background:#c8c8ff80}41%{background:#fff0}}.referee-decision{padding:2rem;border-radius:12px;text-align:center;animation:slideIn .5s ease-out}.warning-decision{background:linear-gradient(135deg,#ffc10733,#ff980033);border:3px solid #FFC107}.yellow-card-decision{background:linear-gradient(135deg,#ffeb3b4d,#ffc1074d);border:3px solid #FFD700}.red-card-decision{background:linear-gradient(135deg,#f443364d,#d32f2f4d);border:3px solid #F44336}.extreme-weather-event{padding:2rem;border-radius:12px;text-align:center;background:linear-gradient(135deg,#64b5f633,#42a5f533);border:3px solid #42A5F5;animation:slideIn .5s ease-out}.weather-effect{color:#ff9800;font-weight:700;margin-top:1rem}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.referee-character{position:fixed;left:-150px;top:50%;transform:translateY(-50%);transition:left .5s ease-out;z-index:1000}.referee-character.visible{left:20px}.referee-icon{position:relative;font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.referee-body{animation:referee-bounce .5s ease-in-out infinite}@keyframes referee-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.referee-card{position:absolute;top:-20px;right:-30px;font-size:2rem;animation:card-show .3s ease-out}.referee-card.yellow{filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.referee-card.warning{filter:drop-shadow(0 0 10px rgba(255,165,0,.8))}@keyframes card-show{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.referee-decision{padding:1.5rem;border-radius:12px;text-align:center;margin:1rem 0;animation:slideIn .5s ease-out}.warning-decision{background:linear-gradient(135deg,#ffa50033,#ff8c0033);border:2px solid rgba(255,165,0,.5)}.yellow-card-decision{background:linear-gradient(135deg,#ffd70033,#ffc10733);border:2px solid rgba(255,215,0,.6)}.red-card-decision{background:linear-gradient(135deg,#dc2f3e33,#c81e2d33);border:2px solid rgba(220,47,62,.6)}.referee-decision h2{margin-bottom:1rem;font-size:1.8rem}.referee-decision p{margin:.5rem 0;font-size:1.1rem}@keyframes slideIn{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.extreme-weather-event{padding:2rem;border-radius:12px;text-align:center;margin:1rem 0;background:linear-gradient(135deg,#6495ed33,#4682b433);border:2px solid rgba(100,149,237,.5);animation:weather-pulse 2s ease-in-out infinite}@keyframes weather-pulse{0%,to{box-shadow:0 0 20px #6495ed4d}50%{box-shadow:0 0 40px #6495ed99}}.extreme-weather-event h2{margin-bottom:1rem;font-size:2rem;animation:weather-shake .5s ease-in-out}@keyframes weather-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.weather-effect{font-weight:700;color:orange;font-size:1.2rem;margin:1rem 0;animation:warning-blink 1s ease-in-out infinite}@keyframes warning-blink{0%,to{opacity:1}50%{opacity:.5}}.substitution-after-card{padding:1.5rem;border-radius:12px;text-align:center;background:linear-gradient(135deg,#667eea33,#526ad633);border:2px solid rgba(102,126,234,.5);animation:slideIn .5s ease-out}.substitution-after-card h3{margin-bottom:1rem;font-size:1.5rem;color:#667eea}.red-card-removal{padding:1.5rem;border-radius:12px;text-align:center;background:linear-gradient(135deg,#dc2f3e4d,#c81e2d4d);border:2px solid rgba(220,47,62,.7);animation:slideIn .5s ease-out,danger-pulse 1s ease-in-out infinite}@keyframes danger-pulse{0%,to{box-shadow:0 0 20px #dc2f3e80}50%{box-shadow:0 0 40px #dc2f3ecc}}.red-card-removal h3{margin-bottom:1rem;font-size:1.6rem;color:#dc2f3e}@media (max-width: 768px){.main-area-unified{padding:.1rem}.top-bar-unified{height:45px;min-height:45px;max-height:45px;padding:.2rem .3rem}.score-display-unified{font-size:.65rem;gap:.3rem}.score-value-unified{font-size:.75rem}.control-btn-unified{padding:.25rem .4rem;font-size:.65rem}.action-btn-unified{padding:.25rem .4rem;font-size:.8rem}.skills-reveal-container{display:grid!important;grid-template-columns:65px 1fr 65px!important;gap:.25rem!important;width:100%!important;align-items:start!important}.side-commentary{width:100%;max-height:150px}.court-center{flex:1;padding:.5rem .15rem .3rem;min-width:0;align-items:flex-start;overflow:visible}.court-area{max-width:100%;width:100%;min-height:120px}.game-hexagon-card{width:85px!important;height:90px!important}.game-player-image{width:60px!important;height:60px!important}.game-card-badge{width:20px!important;height:20px!important}.game-card-badge-rating{font-size:.6rem!important;font-weight:800!important}.team-players-skills-list{gap:.3rem}.player-skill-pair{gap:.25rem;min-height:20px;overflow:visible!important}.bottom-bar-unified{height:70px;min-height:70px;max-height:70px;padding:.25rem}.commentary-team{padding:.2rem}.commentary-text{font-size:.6rem}.timeout-row{gap:.25rem}.team-names-centered{font-size:.65rem;gap:.4rem}.coach-panel{padding:.1rem!important;width:65px!important;min-width:65px!important;max-width:65px!important}.coach-panel-left{grid-column:1!important;width:65px!important}.coach-panel-right{grid-column:3!important;width:65px!important}.court-center{grid-column:2!important;width:100%!important;min-width:0!important}.coach-photo{width:25px;height:25px}.coach-name{font-size:.45rem}.coach-panel-header{gap:.15rem;min-height:120px!important}.coach-mood{font-size:1.5rem}.coach-mood-text{font-size:.6rem}.coach-comment{font-size:.55rem;padding:.35rem .45rem;min-height:1.8rem;min-width:120px!important;max-width:180px!important}.coach-comment p{font-size:.55rem;line-height:1.2}.coach-timeout-btn{padding:.25rem .4rem;font-size:.5rem;min-width:50px}.skill-icon-display{width:18px;height:18px;font-size:.55rem;min-width:18px;min-height:18px;cursor:pointer;flex-shrink:0}.skill-icon-display:before{content:"";position:absolute;inset:-3px}.game-player-name{font-size:.4rem!important}.game-player-number{font-size:.55rem!important;padding:.08rem .2rem!important}.player-intro-container{flex-direction:row;padding:.8rem;gap:1rem;justify-content:center;align-items:flex-start}.player-card-intro{min-width:auto;transform:scale(.9);flex-shrink:0}.intro-skills-grid{grid-template-columns:1fr;gap:.6rem;flex:1}.intro-skill-item{padding:.6rem;background:#667eea26;border-radius:8px}.intro-skill-icon{width:40px!important;height:40px!important;font-size:1.3rem!important}.intro-skill-name{font-size:.85rem!important;font-weight:700}.intro-skill-description{font-size:.7rem!important;line-height:1.3}}@media (min-width: 1600px){.bottom-bar-unified{height:200px;min-height:200px;max-height:200px;padding:.6rem;cursor:pointer;transition:height .3s ease,min-height .3s ease,max-height .3s ease;position:relative;z-index:50}.bottom-bar-unified:has(.commentary-team.expanded){height:400px!important;min-height:400px!important;max-height:400px!important;z-index:100!important}.commentary-team.expanded{flex:1!important}.commentary-team.expanded .commentary-team-content{max-height:360px!important;overflow-y:auto!important}.commentary-split{gap:.8rem}.commentary-team{padding:.7rem}.commentary-team-content p{padding:.35rem .5rem;font-size:.95rem;line-height:1.5}.commentary-team-content p:first-child{font-size:1.05rem}.commentary-team-content p:nth-child(2){font-size:.9rem}.commentary-team-content p:nth-child(3){font-size:.85rem}.commentary-team-content p:nth-child(4){font-size:.8rem}.coach-panel-header{flex-shrink:0!important}.coach-comment{font-size:.95rem!important;padding:.9rem 1.1rem!important;min-width:200px!important;max-width:300px!important;line-height:1.5!important}.coach-comment p{font-size:.95rem!important;line-height:1.5!important}.coach-name{font-size:.75rem!important}.coach-mood{font-size:2.5rem!important}.coach-mood-text{font-size:.9rem!important}.court-center{padding:2rem 1.5rem 1rem}}@media (min-width: 1900px){.bottom-bar-unified{height:250px;min-height:250px;max-height:250px;cursor:pointer;transition:height .3s ease,min-height .3s ease,max-height .3s ease;position:relative;z-index:50}.bottom-bar-unified:has(.commentary-team.expanded){height:500px!important;min-height:500px!important;max-height:500px!important;z-index:100!important}.commentary-team.expanded{flex:1!important}.commentary-team.expanded .commentary-team-content{max-height:460px!important;overflow-y:auto!important}.commentary-team-content p{font-size:1.05rem}.commentary-team-content p:first-child{font-size:1.15rem}.coach-comment{font-size:1.05rem!important;padding:1.1rem 1.3rem!important;min-width:220px!important;max-width:350px!important}.coach-comment p{font-size:1.05rem!important;line-height:1.6!important}.coach-name{font-size:.8rem!important}.coach-mood{font-size:2.8rem!important}.coach-mood-text{font-size:1rem!important}}.sponsors-section{margin:4rem auto;padding:2rem;background:#14182699;border-radius:12px;border:2px solid rgba(102,126,234,.3);max-width:1400px}.sponsors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.sponsor-card{background:#fffffff2;padding:2rem;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:150px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;text-decoration:none;color:inherit}.sponsor-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003;cursor:pointer}.sponsor-logo{max-width:100%;max-height:120px;width:auto;height:auto;object-fit:contain}@media (max-width: 768px){.sponsors-grid{grid-template-columns:1fr;gap:1.5rem}.sponsor-card{padding:1.5rem;min-height:120px}.sponsor-logo{max-height:100px}}.help-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:10000;justify-content:center;align-items:center;overflow-y:auto}.help-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:2.5rem;max-width:1000px;width:95%;max-height:95vh;overflow-y:auto;position:relative;border:3px solid #DC2F3E;margin:20px auto;box-shadow:0 10px 50px #dc2f3e4d}.help-modal-close{position:absolute;top:15px;right:20px;font-size:2rem;background:transparent;border:none;color:#dc2f3e;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:1}.help-modal-close:hover{background:#dc2f3e33;transform:rotate(90deg)}.help-modal-content h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:2rem;border-bottom:2px solid #DC2F3E;padding-bottom:1rem}.help-section{margin-bottom:2rem}.help-intro,.help-activation,.help-evaluation{color:#e0e0e0;line-height:1.8;margin-bottom:1rem;font-size:1.05rem}.help-section h3{color:#dc2f3e;margin-bottom:1.5rem;font-size:1.4rem;text-align:center}.skill-type-card{background:#ffffff0d;border:2px solid rgba(220,47,62,.3);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.skill-type-card:hover{border-color:#dc2f3e;background:#ffffff14;transform:translateY(-2px);box-shadow:0 5px 15px #dc2f3e33}.skill-type-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skill-type-header h4{color:#fff;margin:0;font-size:1.2rem}.skill-badge{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:10px;font-size:1.5rem;flex-shrink:0}.skill-badge-attack{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #ef4444;box-shadow:0 0 15px #ef444466}.skill-badge-defense{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #3b82f6;box-shadow:0 0 15px #3b82f666}.skill-badge-ultimate-attack{background:linear-gradient(135deg,#1f1f1f,#000);border:2px solid #ef4444;box-shadow:0 0 20px #ef444499}.skill-badge-ultimate-defense{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #10b981;box-shadow:0 0 15px #10b98166}.skill-badge-special{background:linear-gradient(135deg,#666,#444);border:2px solid #888;box-shadow:0 0 15px #8886}.skill-type-card ul{list-style:none;padding-left:0;margin:0}.skill-type-card li{color:#d0d0d0;line-height:1.6;position:relative;padding:.5rem 0 .5rem 1.5rem}.skill-type-card li:before{content:"•";position:absolute;left:0;color:#dc2f3e;font-weight:700;font-size:1.2rem}.skill-type-card strong{color:#fff}.help-footer{display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(220,47,62,.3)}.help-close-btn{background:linear-gradient(135deg,#dc2f3e,#b02532);color:#fff;border:none;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc2f3e4d}.help-close-btn:hover{background:linear-gradient(135deg,#b02532,#dc2f3e);transform:translateY(-2px);box-shadow:0 6px 20px #dc2f3e80}@media (max-width: 768px){.help-modal-content{padding:1.5rem;width:98%}.help-modal-content h2{font-size:1.5rem}.help-intro,.help-activation,.help-evaluation{font-size:.95rem}.skill-type-card{padding:1rem}.skill-badge{width:35px;height:35px;font-size:1.2rem}.skill-type-header h4{font-size:1rem}.skill-type-card li{font-size:.9rem}}.donation-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:3rem 2rem;margin-top:1rem}.donation-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.donation-content{color:#fff}.donation-title{font-size:2rem;color:#dc2f3e;margin-bottom:1.5rem;font-weight:700}.donation-text{font-size:1.1rem;line-height:1.8;color:#e0e0e0}.donation-qr{display:flex;justify-content:center;align-items:center}.qr-code-image{max-width:250px;width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000004d;background:#fff;padding:1rem}@media (max-width: 768px){.donation-container{grid-template-columns:1fr;gap:2rem}.donation-title{font-size:1.5rem}.donation-text{font-size:1rem}.qr-code-image{max-width:200px}}.player-detail-container{max-width:1400px;margin:0 auto;padding:2rem}.back-button{background:var(--color-red);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background:#b82632;transform:translate(-5px)}.player-detail-header{display:grid;grid-template-columns:300px 1fr;gap:3rem;margin-bottom:3rem;background:var(--color-gray);border-radius:20px;padding:2rem;border:3px solid var(--color-red)}.player-detail-photo{width:100%;aspect-ratio:2/3;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.player-detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.player-detail-info-wrapper{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.player-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:100%;align-items:stretch}.player-stats-column{display:flex;flex-direction:column;gap:1.5rem}.player-header-section{display:flex;align-items:flex-start;gap:1.5rem;justify-content:space-between}.player-rating-badge{background:var(--color-red);color:var(--color-white);font-size:2.5rem;font-weight:900;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #dc2f3e66;z-index:2;flex-shrink:0}.player-rating-tooltip{cursor:help;transition:transform .2s ease}.player-rating-tooltip:hover{transform:scale(1.05)}.player-rating-tooltip:after{content:attr(data-tooltip);position:absolute;top:100%;right:0;transform:translateY(10px);background:var(--color-black);color:var(--color-white);padding:1rem 1.25rem;border-radius:8px;font-size:.9rem;line-height:1.6;white-space:normal;width:350px;max-width:90vw;text-align:left;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10000;box-shadow:0 10px 30px #0000004d;pointer-events:none;font-weight:400}.player-rating-tooltip:before{content:"";position:absolute;top:100%;right:40px;transform:translateY(-2px);border:8px solid transparent;border-bottom-color:var(--color-black);opacity:0;visibility:hidden;transition:all .3s ease;z-index:10001}.player-rating-tooltip:hover:after,.player-rating-tooltip:hover:before{opacity:1;visibility:visible;transform:translateY(0)}.player-header-section h1{font-size:3rem;font-weight:900;color:var(--color-black);margin:0 0 .5rem;text-transform:uppercase}.player-detail-position{font-size:1.1rem;color:var(--color-gray-dark);margin:0;font-weight:600}.player-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative;z-index:1;align-content:start}.stat-item{text-align:center;position:relative;z-index:1}.stat-item-tooltip{cursor:help;transition:transform .2s ease}.stat-item-tooltip:hover{transform:translateY(-2px)}.stat-item-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:var(--color-black);color:var(--color-white);padding:1rem 1.25rem;border-radius:8px;font-size:.9rem;line-height:1.6;white-space:normal;width:350px;max-width:90vw;text-align:left;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 10px 30px #0000004d;pointer-events:none;font-weight:400;text-transform:none}.stat-item-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(2px);border:8px solid transparent;border-top-color:var(--color-black);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001}.stat-item-tooltip:hover:after,.stat-item-tooltip:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.player-detail-container .stat-value{display:block;font-size:2rem;font-weight:900;color:var(--color-red);margin-bottom:.25rem}.stat-name{display:block;font-size:.85rem;color:var(--color-gray-dark);text-transform:uppercase;font-weight:600}.player-extra-info{background:var(--color-white);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;height:100%;align-content:start}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.9rem;font-weight:700;color:var(--color-gray-dark)}.info-value{font-size:1.2rem;font-weight:700;color:var(--color-black)}.discipline-success-rates{display:flex;gap:1.5rem;flex-wrap:wrap}.discipline-stat{font-size:1.1rem;font-weight:700;color:var(--color-red);background:var(--color-gray);padding:.5rem 1rem;border-radius:8px}.yearly-stats-grid{display:flex;gap:1.5rem;flex-wrap:wrap}.year-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--color-gray);padding:.75rem 1.25rem;border-radius:8px}.year-label{font-size:.9rem;font-weight:600;color:var(--color-black);opacity:.7}.year-value{font-size:1.5rem;font-weight:700;color:var(--color-red)}.year-matches{font-size:.85rem;color:var(--color-black);opacity:.6}.player-section{margin-bottom:3rem}.player-section h2{font-size:2rem;font-weight:800;color:var(--color-white);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid var(--color-red)}.stats-table-wrapper{overflow-x:auto;background:var(--color-white);border-radius:12px;box-shadow:0 5px 20px #0000001a}.player-stats-table{width:100%;border-collapse:collapse}.player-stats-table thead{background:var(--color-red);color:var(--color-white)}.player-stats-table th{padding:1rem;text-align:left;font-weight:700;text-transform:uppercase;font-size:.9rem}.player-stats-table td{padding:1rem;border-bottom:1px solid var(--color-gray)}.player-stats-table tbody tr:hover{background:var(--color-gray)}.player-stats-table tbody tr:last-child td{border-bottom:none}.stat-wins{color:#22c55e;font-weight:700}.stat-losses{color:#ef4444;font-weight:700}.stat-winrate{color:var(--color-red);font-size:1.2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.skill-detail-card{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;border:2px solid var(--color-gray-dark);transition:all .3s ease}.skill-detail-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.skill-detail-card.offensive{border-left:5px solid var(--color-red)}.skill-detail-card.defensive{border-left:5px solid #3B82F6}.skill-detail-card.nonsense{border-left:5px solid var(--color-black)}.skill-detail-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%)}.skill-detail-header h3{font-size:1rem;font-weight:700;color:var(--color-white);margin:0;flex:1;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.rate-number{font-size:1.5rem;font-weight:900;color:gold;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.rate-label{font-size:.65rem;color:#ffffffe6;text-transform:uppercase;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.skill-detail-card .animation-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.skill-detail-card .animation-box video,.skill-detail-card .animation-box canvas{width:100%;height:100%;object-fit:cover}.skill-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gray-dark)}.skill-video-placeholder .video-icon{font-size:2rem}.skill-video-placeholder p{margin:0;font-weight:600;font-size:.85rem}.skill-ball-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.skill-ball{width:75px;height:75px;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 4px 15px #0003;border:2px solid var(--color-red);background:var(--color-white)}.skill-ball.offensive{border-color:var(--color-red)}.skill-ball.defensive{border-color:#3b82f6}.skill-ball.nonsense{border-color:var(--color-black)}.skill-ball img{width:100%;height:100%;object-fit:cover}.player-detail-container .skill-ball-string,.player-detail-container .skill-ball-tag{display:none}.coach-quotes-section{background:var(--color-gray);border-radius:20px;padding:2rem;margin-top:2rem}.coach-quotes-section h2{font-size:2rem;font-weight:800;color:var(--color-black);margin-bottom:1.5rem}.quote-category{margin-bottom:2rem}.quote-category:last-child{margin-bottom:0}.quote-category h3{font-size:1.3rem;font-weight:700;color:var(--color-red);margin-bottom:1rem}.quote-category ul{list-style:none;padding:0;margin:0}.quote-category li{background:var(--color-white);padding:1rem;margin-bottom:.5rem;border-radius:8px;font-style:italic;color:var(--color-gray-dark)}.quote-category li:last-child{margin-bottom:0}.season-stats-block{background:var(--color-gray);border-radius:12px;padding:2rem;margin-bottom:2rem;border:2px solid var(--color-red)}.season-title{font-size:1.5rem;font-weight:700;color:var(--color-black);margin:0 0 1.5rem}.stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-box{background:var(--color-white);border-radius:8px;padding:1.5rem;text-align:center;border:2px solid transparent}.stat-box.total{border-color:var(--color-red)}.stat-box.wins{border-color:#22c55e}.stat-box.losses{border-color:#ef4444}.stat-label{display:block;font-size:.9rem;color:var(--color-gray-dark);text-transform:uppercase;font-weight:600;margin-bottom:.5rem}.stat-number{display:block;font-size:2.5rem;font-weight:900;color:var(--color-black);margin-bottom:.25rem}.stat-desc{display:block;font-size:.85rem;color:var(--color-gray-dark)}.stat-winrate{display:block;font-size:1.5rem;font-weight:900;color:var(--color-red);margin-top:.5rem}.disciplines-stats h4{font-size:1.2rem;font-weight:700;color:var(--color-black);margin-bottom:1rem}.disciplines-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.discipline-card{background:var(--color-white);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;border:2px solid var(--color-gray)}.discipline-name{font-size:1rem;font-weight:700;color:var(--color-black);margin-bottom:.5rem}.discipline-matches{font-size:.85rem;color:var(--color-gray-dark);margin-bottom:.5rem}.discipline-winrate{font-size:1.5rem;font-weight:900;color:var(--color-red)}.section-header-with-link{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-with-link h2{margin:0;padding:0;border:none}.simulation-link{background:var(--color-red);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.simulation-link:hover{background:#b82632;transform:translate(5px)}.skills-main-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:3px solid var(--color-gray)}.skill-main-tab{background:none;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;color:var(--color-gray-dark);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-3px;transition:all .3s ease}.skill-main-tab:hover{color:var(--color-red)}.skill-main-tab.active{color:var(--color-red);border-bottom-color:var(--color-red)}.skill-main-content{display:none}.skill-main-content.active{display:block}.skill-category-title{font-size:1.5rem;font-weight:700;color:var(--color-white);margin:2rem 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-gray)}.skill-category-title:first-child{margin-top:0}@media (max-width: 768px){.player-detail-header{grid-template-columns:1fr;gap:2rem}.player-detail-photo{max-width:300px;margin:0 auto}.player-header-section{flex-direction:column;align-items:center;gap:1rem}.player-header-section h1{font-size:2rem;text-align:center}.player-detail-position{text-align:center}.player-rating-tooltip:after{right:auto;left:50%;transform:translate(-50%) translateY(10px);width:280px}.player-rating-tooltip:before{right:auto;left:50%;transform:translate(-50%) translateY(-2px)}.player-rating-tooltip:hover:after{transform:translate(-50%) translateY(0)}.player-rating-tooltip:hover:before{transform:translate(-50%) translateY(0)}.player-rating-tooltip:active:after,.player-rating-tooltip:active:before{opacity:1;visibility:visible}.player-rating-tooltip:active:after{transform:translate(-50%) translateY(0)}.player-rating-tooltip:active:before{transform:translate(-50%) translateY(0)}.player-content-grid{grid-template-columns:1fr;gap:1.5rem}.player-detail-stats{grid-template-columns:repeat(2,1fr)}.discipline-success-rates{gap:1rem}.discipline-stat{font-size:1rem;padding:.4rem .8rem}.stat-item-tooltip:after{width:280px;font-size:.85rem;padding:.875rem 1rem}.stat-item-tooltip:active:after,.stat-item-tooltip:active:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.skills-grid,.stats-overview,.disciplines-grid{grid-template-columns:1fr}.section-header-with-link{flex-direction:column;align-items:flex-start;gap:1rem}.simulation-link{width:100%}.skills-main-tabs{flex-direction:column;gap:0}.skill-main-tab{border-bottom:2px solid var(--color-gray);border-left:3px solid transparent;margin-bottom:0;margin-left:-3px;padding:.75rem 1rem}.skill-main-tab.active{border-left-color:var(--color-red);border-bottom-color:var(--color-gray)}.skill-category-title{font-size:1.2rem}}.skill-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.skill-clickable:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea4d}.skill-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out;overflow-y:auto}.skill-modal-content{background:#0f1419;border:1px solid #30363d;border-radius:8px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0009;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skill-modal-header{background:linear-gradient(135deg,#1f2937,#111827);border-bottom:1px solid #30363d;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.skill-modal-header h2{margin:0;color:#f0f6fc;font-size:1.4rem;font-weight:600}.skill-modal-close{background:transparent;border:none;color:#8b949e;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.skill-modal-close:hover{background:#f851491a;color:#f85149}.skill-modal-body{padding:1.5rem}.skill-detail-section{margin-bottom:1.25rem;padding:1rem;background:transparent;border-radius:6px;border-left:3px solid #58a6ff}.skill-detail-section:last-child{margin-bottom:0}.skill-detail-section h3{margin:0 0 .75rem;color:#58a6ff;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.skill-detail-section p{margin:0;color:#c9d1d9;line-height:1.6;font-size:.95rem}.skill-detail-section p strong{color:#ffa657;font-weight:600}.skill-detail-hint{margin-top:.5rem!important;font-size:.85rem;color:#8b949e;font-style:italic}.priority-section{border-left-color:#ffa657}.priority-section h3{color:#ffa657}.effect-section{border-left-color:#a371f7;background:#a371f70d}.effect-section h3{color:#a371f7}.skill-modal-content::-webkit-scrollbar{width:10px}.skill-modal-content::-webkit-scrollbar-track{background:#161b22;border-radius:5px}.skill-modal-content::-webkit-scrollbar-thumb{background:#30363d;border-radius:5px}.skill-modal-content::-webkit-scrollbar-thumb:hover{background:#484f58}.skill-animation-large{border:none!important;background:transparent!important;padding:0!important;overflow:hidden;margin:0!important}.animation-box-large{width:100%;height:auto;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;overflow:hidden;border:none}.animation-box-large video,.animation-box-large canvas,.animation-box-large img{width:100%;height:100%;object-fit:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.simulation-mode-container{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:2rem}.mode-selection-wrapper{max-width:1200px;width:100%}.league-selector-label{text-align:center;font-size:1.3rem;font-weight:600;color:var(--color-white);margin-bottom:1rem}.league-selector-top{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.league-selector-btn{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.league-btn-red{background:var(--color-red);color:var(--color-white)}.league-btn-red:hover{background:#c91f27;transform:scale(1.05)}.league-btn-black{background:var(--color-black);color:var(--color-white)}.league-btn-black:hover{background:#333;transform:scale(1.05)}.mode-title{font-size:3rem;font-weight:700;color:var(--color-white);text-align:center;margin-bottom:3rem}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.mode-card{background:var(--color-white);border-radius:16px;padding:2.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.mode-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.mode-icon{font-size:4rem;margin-bottom:1rem}.mode-card h2{font-size:2rem;font-weight:700;color:var(--color-black);margin-bottom:.5rem}.mode-card>p{font-size:1.1rem;color:var(--color-gray-dark);margin-bottom:1rem}.mode-description{font-size:1rem;color:var(--color-gray-dark);line-height:1.6;margin-bottom:2rem;min-height:60px}.opponent-selection{width:100%;margin:1.5rem 0}.opponent-selection label{display:block;font-size:1.1rem;font-weight:600;color:var(--color-black);margin-bottom:.75rem;text-align:left}.opponent-dropdown{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--color-gray);border-radius:8px;background:var(--color-white);color:var(--color-black);cursor:pointer;transition:all .3s ease}.opponent-dropdown:hover{border-color:var(--color-red)}.opponent-dropdown:focus{outline:none;border-color:var(--color-red);box-shadow:0 0 0 3px #ed1c241a}.mode-button{padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:auto;width:100%}.training-button{background:var(--color-red);color:var(--color-white)}.training-button:hover{background:#c91f27;transform:scale(1.05)}.league-button{background:var(--color-red);color:var(--color-white)}.league-button:hover:not(:disabled){background:#c91f27;transform:scale(1.05)}.league-button:disabled{background:var(--color-gray);color:var(--color-gray-dark);cursor:not-allowed;opacity:.6}.extraliga-button{background:var(--color-white);color:var(--color-black)}.extraliga-button:hover:not(:disabled){background:#f0f0f0;transform:scale(1.05)}.extraliga-button:active:not(:disabled){background:var(--color-red);color:var(--color-white);transform:scale(.98)}.extraliga-button:disabled{background:var(--color-gray);color:var(--color-gray-dark);cursor:not-allowed;opacity:.6}.training-mode{border:3px solid transparent}.training-mode:hover{border-color:var(--color-red)}.league-mode{border:3px solid transparent}.league-mode:hover{border-color:var(--color-red)}.extraliga-mode{border:3px solid transparent}.extraliga-mode:hover{border-color:var(--color-red)}.teams-logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem;padding:0 2rem}.team-logo-card{position:relative;background:var(--color-white);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.team-logo-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.team-logo-img{width:100%;height:auto;max-width:150px;object-fit:contain;margin-bottom:1rem}.team-logo-name{font-size:1.1rem;font-weight:600;color:var(--color-black);margin:0}@media (max-width: 768px){.simulation-mode-container{padding:1rem}.mode-cards{grid-template-columns:1fr;gap:1.5rem}.mode-title{font-size:1.75rem;margin-bottom:2rem}.mode-card{padding:1.75rem}.mode-card h2{font-size:1.4rem}.mode-card>p{font-size:1rem}.mode-description{font-size:.95rem;min-height:auto}.mode-icon{font-size:2.5rem}.mode-button{padding:.85rem 1.75rem;font-size:1.1rem}.league-selector-label{font-size:1.1rem}.league-selector-top{flex-direction:column;gap:.75rem}.league-selector-btn{padding:.65rem 1.5rem;font-size:1rem}.teams-logos-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 .5rem}.team-logo-card{padding:1.25rem}.team-logo-img{max-width:100px}.team-logo-name{font-size:.95rem}.opponent-selection label{font-size:1rem}.opponent-dropdown{padding:.65rem .85rem;font-size:.95rem}}@media (max-width: 1024px){.teams-logos-grid{grid-template-columns:repeat(3,1fr)}}.league-match-setup{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:2rem}.match-info-header{text-align:center;margin-bottom:2rem;background:var(--color-white);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000004d;border-top:4px solid var(--color-red)}.match-info-header h1{font-size:2.5rem;color:var(--color-black);margin-bottom:.5rem;font-weight:800;text-transform:uppercase}.match-type{font-size:1.3rem;color:var(--color-red);font-weight:700}.discipline-selection{margin:1.5rem 0;text-align:center}.discipline-selection label{display:block;font-size:1.2rem;font-weight:700;color:var(--color-black);margin-bottom:.75rem}.discipline-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.discipline-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;background:#fff;border:2px solid var(--color-red);color:var(--color-red);border-radius:8px;cursor:pointer;transition:all .3s ease}.discipline-btn:hover{background:#dc2f3e1a;transform:translateY(-2px)}.discipline-btn.active{background:var(--color-red);color:#fff}.teams-setup{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.team-setup{background:var(--color-white);border-radius:12px;padding:1rem;box-shadow:0 4px 20px #0000004d}.team-setup h2{font-size:1.3rem;color:var(--color-black);margin-bottom:1rem;text-align:center;padding-bottom:.75rem;border-bottom:3px solid var(--color-red);font-weight:800;text-transform:uppercase}.lineup-bench-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.lineup-section,.bench-section,.available-section{margin-bottom:0}.lineup-players.drag-over,.bench-players.drag-over{border-color:var(--color-red)!important;background:#dc2f3e0d!important}.lineup-section h3,.bench-section h3,.available-section h3{font-size:.95rem;color:var(--color-black);margin-bottom:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.lineup-players{display:flex;flex-wrap:wrap;gap:1rem;min-height:190px;justify-content:flex-start;border:2px dashed transparent;border-radius:8px;padding:.75rem;transition:all .3s ease}.bench-players{display:flex;flex-wrap:nowrap;gap:1rem;min-height:190px;justify-content:flex-start;border:2px dashed transparent;border-radius:8px;padding:.75rem;transition:all .3s ease;overflow-x:auto}.lineup-players .setup-card-wrapper,.bench-players .setup-card-wrapper{width:200px;height:300px;flex:0 0 auto}.lineup-players .player-card,.bench-players .player-card{width:200px!important;height:300px!important}.available-section{width:100%;margin-bottom:0;overflow:visible}.available-players{display:grid;grid-template-columns:repeat(auto-fill,140px);gap:1.2rem;justify-content:center;width:100%;padding:0;margin:0;min-height:50px}.setup-card-wrapper{position:relative;display:inline-block}.available-players .setup-card-wrapper{width:140px;height:200px}.available-players .player-card{width:140px!important;height:200px!important}.available-players .setup-card-wrapper:hover{z-index:100;transform:scale(1.1);transition:transform .2s ease}.available-players .setup-card-badge{top:.65rem;left:.65rem}.available-players .setup-card-badge-rating{font-size:1.5rem}.available-players .setup-player-number{top:.65rem;right:.65rem;font-size:1.1rem}.available-players .setup-player-info{padding:.9rem .65rem .65rem}.available-players .setup-player-name{font-size:.65rem;margin-bottom:.12rem;color:#fff!important}.available-players .setup-player-position{font-size:.37rem;margin-bottom:.45rem}.available-players .setup-player-stats-mini{gap:.35rem;padding:.45rem;border-radius:5.2px}.available-players .setup-stat-value{font-size:.61rem}.available-players .setup-stat-label{font-size:.28rem}.setup-hexagon-card{position:relative;width:120px;height:180px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a inset}.setup-hexagon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--team-primary, #DC2F3E) 60%,transparent),color-mix(in srgb,var(--team-accent, #000000) 50%,transparent));z-index:1;transition:opacity .4s ease}.setup-hexagon-card.opponent-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--team-primary, #0066CC) 60%,transparent),color-mix(in srgb,var(--team-accent, #003366) 50%,transparent))}.setup-hexagon-card:hover:before{opacity:.85}.setup-hexagon-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #dc2f3e66,0 0 0 1px var(--color-red) inset}.setup-hexagon-card.opponent-card:hover{box-shadow:0 12px 36px color-mix(in srgb,var(--team-primary, #0066CC) 40%,transparent),0 0 0 1px var(--team-primary, #0066CC) inset}.setup-player-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.setup-player-image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(1.1) contrast(1.1)}.setup-card-badge{position:absolute;top:.5rem;left:.5rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.1rem}.setup-card-badge-rating{font-size:1.3rem;font-weight:900;color:gold;line-height:1;text-shadow:1.2px 1.2px 0px rgba(0,0,0,.8),-.4px -.4px 0px rgba(0,0,0,.8),.4px -.4px 0px rgba(0,0,0,.8),-.4px .4px 0px rgba(0,0,0,.8);filter:drop-shadow(0 1.5px 4px rgba(0,0,0,.5))}.setup-player-number{position:absolute;top:.5rem;right:.5rem;z-index:10;font-size:.9rem;font-weight:900;color:#ffffffe6;text-shadow:1.2px 1.2px 0px rgba(0,0,0,.8),-.4px -.4px 0px rgba(0,0,0,.8);filter:drop-shadow(0 1.5px 4px rgba(0,0,0,.5))}.setup-player-info{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:.7rem .5rem .5rem;background:linear-gradient(to top,#000000f2,#000000d9 60%,#0000)}.setup-player-name{font-size:.55rem!important;font-weight:900!important;color:#fff!important;margin-bottom:.1rem!important;text-transform:uppercase!important;letter-spacing:.4px!important;text-shadow:.8px .8px 2.2px rgba(0,0,0,.9)!important;line-height:1.2!important}.setup-player-position{font-size:.32rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;text-shadow:.4px .4px 1.2px rgba(0,0,0,.9)}.setup-player-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;background:#00000080;padding:.35rem;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.setup-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.setup-stat-value{font-size:.5rem;font-weight:900;color:gold;line-height:1;text-shadow:.8px .8px 1.5px rgba(0,0,0,.9)}.setup-stat-label{font-size:.24rem;font-weight:800;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1px;text-shadow:.4px .4px .8px rgba(0,0,0,.9);line-height:1.1;text-align:center}.setup-status-badge{display:none!important}.setup-hexagon-card.available:hover{transform:translateY(-12px) scale(1.03)}.setup-hexagon-card.available:hover:before{opacity:.75}.setup-hexagon-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);z-index:15;opacity:0;transition:opacity .6s ease;pointer-events:none}.setup-hexagon-card:hover:after{opacity:1;animation:shine 1.5s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.setup-hexagon-card.grayed-out{cursor:not-allowed;pointer-events:none;filter:brightness(.3)}.setup-hexagon-card.grayed-out:before{background:linear-gradient(135deg,#000000f2,#141414e6,#000000f2)!important}.setup-hexagon-card.grayed-out:hover{transform:none;box-shadow:0 6px 18px #0000004d}.setup-hexagon-card.grayed-out:after{display:none}.coach-mode-selection{background:var(--color-white);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000004d;margin-bottom:2rem}.coach-mode-selection h2{font-size:2rem;color:var(--color-black);margin-bottom:1.5rem;text-align:center;font-weight:800;text-transform:uppercase}.coach-mode-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.coach-mode-btn{flex:1;min-width:200px;max-width:300px;padding:2rem 1.5rem;background:#fff;border:3px solid #E5E5E5;border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center}.coach-mode-btn:hover{border-color:var(--color-red);background:#dc2f3e0d;transform:translateY(-4px);box-shadow:0 8px 24px #dc2f3e33}.coach-mode-btn.active{border-color:var(--color-red);background:linear-gradient(135deg,var(--color-red) 0%,#B82632 100%);box-shadow:0 8px 30px #dc2f3e66}.coach-mode-btn .coach-mode-icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(100%);opacity:.6;transition:all .3s ease}.coach-mode-btn.active .coach-mode-icon{filter:grayscale(0%);opacity:1}.coach-mode-btn h3{font-size:1.4rem;font-weight:800;color:var(--color-black);margin-bottom:.5rem;text-transform:uppercase;transition:all .3s ease}.coach-mode-btn.active h3{color:#fff}.coach-mode-btn p{font-size:1rem;font-weight:600;color:var(--color-gray-dark);margin:0;transition:all .3s ease}.coach-mode-btn.active p{color:#ffffffe6}.setup-actions{text-align:center;background:var(--color-white);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000004d;border-bottom:4px solid var(--color-red)}.confirm-lineup-btn{padding:1.5rem 4rem;font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--color-red) 0%,#B82632 100%);color:var(--color-white);border:none;border-radius:16px;cursor:pointer;transition:all .4s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 30px #dc2f3e66}.confirm-lineup-btn:hover:not(:disabled){background:linear-gradient(135deg,#b82632,#a01f2a);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #dc2f3e99}.confirm-lineup-btn:disabled{background:var(--color-gray);color:var(--color-gray-dark);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}@media (max-width: 1200px){.teams-setup{grid-template-columns:1fr}}@media (max-width: 768px){.league-match-setup{padding:1rem}.match-info-header{padding:1.5rem}.match-info-header h1{font-size:1.6rem}.match-type{font-size:1rem}.team-setup{padding:1.25rem}.team-setup h2{font-size:1.5rem}.lineup-bench-container{grid-template-columns:1fr;gap:1.5rem}.lineup-players,.bench-players{min-height:200px;overflow-x:auto;flex-wrap:nowrap}.lineup-players>.setup-hexagon-card,.bench-players>.setup-hexagon-card{width:140px!important;height:210px!important;min-width:140px;max-width:140px}.available-players{grid-template-columns:repeat(auto-fill,120px);gap:1.5rem}.available-players>.setup-hexagon-card{width:120px!important;height:180px!important;min-width:120px!important;max-width:120px!important}.available-players>.setup-hexagon-card:hover{width:140px!important;height:210px!important}.coach-mode-buttons{flex-direction:column}.coach-mode-btn{max-width:100%;padding:1.5rem 1rem}.coach-mode-btn .coach-mode-icon{font-size:2.5rem}.coach-mode-btn h3{font-size:1.2rem}.confirm-lineup-btn{padding:1rem 2rem;font-size:1.1rem}.discipline-selection label{font-size:1rem}.discipline-btn{padding:.6rem 1.2rem;font-size:.9rem}}.skill-selection-modal{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.skill-selection-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:24px;max-width:1600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c;border:3px solid var(--color-red)}.skill-selection-header{background:var(--color-white);padding:2rem 3rem;border-bottom:4px solid var(--color-red);border-radius:24px 24px 0 0;text-align:center}.skill-selection-header h2{font-size:2.5rem;font-weight:900;color:var(--color-black);margin:0 0 .5rem;text-transform:uppercase}.skill-selection-instructions{font-size:1.1rem;color:var(--color-gray-dark);margin:0;font-weight:600}.players-skill-selection{padding:2rem 3rem}.player-skill-section{margin-bottom:4rem;background:#ffffff08;border-radius:20px;padding:2rem;border:2px solid rgba(255,255,255,.1)}.player-skill-section:last-child{margin-bottom:0}.player-skill-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid var(--color-red)}.player-skill-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid var(--color-red);box-shadow:0 4px 12px #dc2f3e66}.player-skill-header h3{font-size:2rem;font-weight:900;color:#fff;margin:0;text-transform:uppercase}.skill-category{margin-bottom:2.5rem}.skill-category:last-child{margin-bottom:0}.skill-category h4{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 1.25rem;text-transform:uppercase;letter-spacing:.5px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.skill-card-selectable{position:relative;cursor:pointer;display:block}.skill-card-selectable input{position:absolute;opacity:0;pointer-events:none}.skill-card-content{background:var(--color-white);border-radius:12px;overflow:hidden;transition:all .3s ease;border:3px solid transparent;box-shadow:0 4px 12px #0000004d}.skill-card-selectable.offensive:not(.ultimate) .skill-card-content{border-left:5px solid var(--color-red)}.skill-card-selectable.defensive:not(.ultimate) .skill-card-content{border-left:5px solid #000000}.skill-card-selectable.ultimate .skill-card-content{border-left:5px solid #FFD700!important}.skill-card-selectable:hover .skill-card-content{transform:translateY(-4px);box-shadow:0 8px 20px #0006;border-color:#ffffff4d}.skill-card-selectable input:checked+.skill-card-content{border-color:var(--color-red);box-shadow:0 0 0 3px var(--color-red),0 8px 24px #dc2f3e80;background:linear-gradient(135deg,#fff,#ffe5e7)}.skill-card-header{padding:1rem 1.25rem;background:var(--color-gray);display:flex;justify-content:space-between;align-items:center;gap:.75rem}.skill-card-header h5{font-size:1rem;font-weight:800;color:var(--color-black);margin:0;flex:1;line-height:1.2}.skill-rate{display:flex;flex-direction:column;align-items:flex-end}.rate-number{font-size:1.4rem;font-weight:900;color:var(--color-red);line-height:1}.animation-box-small{background:var(--color-white);min-height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.animation-box-small svg{max-width:100%;height:auto}.skill-video-placeholder-small{background:var(--color-gray);min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gray-dark)}.skill-video-placeholder-small .video-icon{font-size:2.5rem;opacity:.5}.skill-card-checkmark{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:var(--color-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #dc2f3e66;z-index:10}.skill-card-selectable input:checked~.skill-card-checkmark{opacity:1;transform:scale(1)}.player-skill-status{margin-top:1.5rem;padding:1rem 1.5rem;background:#ffc10733;border-left:4px solid #FFC107;border-radius:8px;font-size:1rem;font-weight:700;color:#ffc107;text-align:center;transition:all .3s ease}.player-skill-status.valid{background:#22c55e33;border-left-color:#22c55e;color:#22c55e}.skill-selection-actions{display:flex;gap:1.5rem;justify-content:center;padding:2rem 3rem;background:#0000004d;border-top:2px solid rgba(255,255,255,.1);border-radius:0 0 24px 24px}.skill-selection-cancel,.skill-selection-confirm{padding:1.25rem 3rem;font-size:1.2rem;font-weight:800;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:none}.skill-selection-cancel{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.skill-selection-cancel:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.skill-selection-confirm{background:linear-gradient(135deg,var(--color-red) 0%,#B82632 100%);color:#fff;box-shadow:0 4px 20px #dc2f3e66}.skill-selection-confirm:hover:not(:disabled){background:linear-gradient(135deg,#b82632,#a01f2a);transform:translateY(-2px);box-shadow:0 6px 28px #dc2f3e99}.skill-selection-confirm:disabled{background:var(--color-gray);color:var(--color-gray-dark);cursor:not-allowed;opacity:.6;box-shadow:none}@media (max-width: 768px){.skill-selection-modal{padding:1rem}.skill-selection-content{max-height:95vh}.skill-selection-header{padding:1.5rem}.skill-selection-header h2{font-size:1.8rem}.skill-selection-instructions{font-size:.95rem}.players-skill-selection{padding:1.5rem 1rem}.player-skill-section{padding:1.5rem;margin-bottom:3rem}.player-skill-header{flex-direction:column;text-align:center;align-items:center}.player-skill-photo{width:60px;height:60px}.player-skill-header h3{font-size:1.5rem}.skill-category h4{font-size:1.2rem}.skills-grid{grid-template-columns:1fr;gap:1rem}.skill-selection-actions{flex-direction:column;padding:1.5rem 1rem;gap:1rem}.skill-selection-cancel,.skill-selection-confirm{width:100%;padding:1rem 2rem;font-size:1.1rem}}.school-container{min-height:100vh;background:#000;padding:2rem}.school-header{text-align:center;margin-bottom:3rem}.school-header h1{font-size:3rem;font-weight:700;color:#dc2f3e;margin-bottom:1rem}.school-subtitle{font-size:1.3rem;color:#d1d5db;margin-bottom:.5rem}.school-coach{font-size:1.1rem;color:#f9fafb}.school-notice{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #DC2F3E;border-radius:12px;padding:2rem;margin:2rem auto;max-width:800px;box-shadow:0 4px 20px #dc2f3e4d;position:relative;overflow:hidden}.school-notice:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2f3e,#ff6b7a,#dc2f3e)}.notice-icon{font-size:2.5rem;text-align:center;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.notice-title{color:#dc2f3e;margin:0 0 1.5rem;font-size:1.4rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px}.notice-intro{color:#d1d5db;margin-bottom:1rem;line-height:1.6;font-size:1.05rem}.notice-list{color:#e5e7eb;margin:0 0 1.5rem;line-height:1.8;list-style:none;padding:0}.notice-list li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;margin-left:0}.notice-list li:before{content:"→";position:absolute;left:0;color:#dc2f3e;font-weight:700;font-size:1.2rem}.notice-list strong{color:#fff}.notice-warning{color:#d1d5db;margin-bottom:1.5rem;line-height:1.6;font-style:italic;padding:1rem;background:#dc2f3e1a;border-left:3px solid #DC2F3E;border-radius:4px}.notice-emphasis{color:#f44;text-transform:uppercase;letter-spacing:.5px}.notice-footer{color:#9ca3af;margin:0;line-height:1.6;font-size:.95rem;padding-top:1rem;border-top:1px solid #333;text-align:center}.school-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:1400px;margin:0 auto}.school-video-section{background:#1a1a1a;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #ffffff1a;border:1px solid #333}.video-player-container{position:relative;margin-bottom:2rem}.school-video{width:100%;border-radius:8px;background:#000}.video-info{margin-top:1.5rem;text-align:center}.video-skill-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;font-size:.9rem;margin-bottom:1rem}.video-skill-badge.success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.video-skill-badge.fail{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.video-skill-name{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.video-player-name{font-size:1.2rem;color:#d1d5db;margin:0}.video-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.control-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--color-red);color:#fff}.control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc2f3e4d}.random-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252)}.playback-speed{text-align:center}.playback-speed label{display:block;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.75rem}.speed-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.speed-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:600;border:2px solid #444;border-radius:6px;background:#2a2a2a;color:#fff;cursor:pointer;transition:all .3s ease}.speed-btn:hover{border-color:var(--color-red);background:#dc2f3e1a}.speed-btn.active{border-color:var(--color-red);background:var(--color-red);color:#fff}.school-filters{background:#1a1a1a;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #ffffff1a;border:1px solid #333;height:fit-content}.school-filters h2{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center}.filter-group{margin-bottom:1.5rem}.filter-group label{display:block;font-size:1rem;font-weight:600;color:#e5e7eb;margin-bottom:.5rem}.filter-select{width:100%;padding:.75rem;font-size:1rem;border:2px solid #444;border-radius:6px;background:#2a2a2a;color:#fff;cursor:pointer;transition:all .3s ease}.filter-select:hover{border-color:var(--color-red)}.filter-select:focus{outline:none;border-color:var(--color-red);box-shadow:0 0 0 3px #dc2f3e1a}.reset-filters-btn{width:100%;padding:.75rem;font-size:1rem;font-weight:600;border:2px solid #444;border-radius:6px;background:#2a2a2a;color:#fff;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.reset-filters-btn:hover{background:#444;border-color:#666}.video-counter{text-align:center;padding:1rem;background:#dc2f3e33;border-radius:6px;border:1px solid rgba(220,47,62,.3)}.video-counter p{margin:0;font-size:1rem;color:#fff}.okurka-comment-section{grid-column:1 / -1;background:linear-gradient(135deg,#70b85e,#5fa84d);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;display:flex;gap:2rem;align-items:flex-start;margin-top:2rem}.okurka-avatar{position:relative;flex-shrink:0}.okurka-avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0003}.okurka-badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#fff;color:#70b85e;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #0003}.okurka-comment-content{flex:1;color:#fff}.okurka-comment-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff}.okurka-comment-text{font-size:1.1rem;line-height:1.8;margin:0;color:#fffffff2;text-align:justify}@media (max-width: 1024px){.school-content{grid-template-columns:1fr}.school-filters{order:-1}}@media (max-width: 768px){.school-header h1{font-size:2rem}.school-subtitle{font-size:1rem}.video-skill-name{font-size:1.3rem}.video-controls{flex-direction:column}.control-btn{width:100%}.okurka-comment-section{flex-direction:column;align-items:center;text-align:center}.okurka-avatar{margin-bottom:1rem}.okurka-comment-text{text-align:center}}@media (max-width: 768px){.game-container .hexagon-card{width:140px!important;height:190px!important}.game-container .hexagon-card .player-name{font-size:.75rem!important}.game-container .hexagon-card .player-number{font-size:.9rem!important}.game-container .card-badge-rating{font-size:1.3rem!important;width:36px!important;height:36px!important}.game-container .skill-icon-display{width:20px!important;height:20px!important;font-size:.7rem!important}.game-container .skill-icon-overlay{font-size:.7rem!important}.game-container .player-skill-icons{gap:.2rem!important;padding:.3rem!important}.game-container .field-container{margin-top:16rem!important}.game-container .court{padding:1.5rem!important;min-height:600px!important;gap:3rem!important}.game-container .court .skill-icon-display,.game-container .skills-reveal-container .skill-icon-display,.game-container .skills-reveal-container-with-coaches .skill-icon-display{width:2px!important;height:2px!important;font-size:.2rem!important}.game-container .court .skill-icon-overlay,.game-container .skills-reveal-container .skill-icon-overlay,.game-container .skills-reveal-container-with-coaches .skill-icon-overlay{font-size:.2rem!important}.game-container .skills-reveal-container-with-coaches{position:relative!important;width:100%!important;padding:.5rem!important}.game-container .court-area{position:relative!important}.game-container .team1-coach-card{position:absolute!important;bottom:.5rem!important;left:.5rem!important;z-index:10!important;margin:0!important}.game-container .team2-coach-card{position:absolute!important;bottom:.5rem!important;right:.5rem!important;z-index:10!important;margin:0!important}.game-container .coach-card-mood{position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;margin-top:.2rem!important;background:#000c!important;padding:.15rem .3rem!important;border-radius:4px!important;white-space:nowrap!important}.game-container .court{width:100%!important;max-width:100%!important}.game-container .coach-card{width:39px!important;height:54px!important}.game-container .coach-card-name{font-size:.25rem!important}.game-container .coach-card-role{font-size:.21rem!important}.game-container .coach-card-mood .mood-emoji{font-size:.36rem!important}.game-container .coach-card-mood .mood-text{font-size:.24rem!important}.game-container .team1-coach-card .coach-quote-overlay{left:100%!important;top:50%!important;transform:translateY(-50%)!important;min-width:120px!important;max-width:200px!important;padding:.5rem .8rem!important;font-size:.7rem!important;margin-left:.5rem!important}.game-container .team1-coach-card .coach-quote-overlay.active{transform:translateY(-50%) translate(10px)!important}.game-container .team1-coach-card .coach-quote-overlay:before{bottom:auto!important;left:0!important;top:50%!important;transform:translateY(-50%) translate(-100%)!important;border-left:0!important;border-right:15px solid #000!important;border-bottom:10px solid transparent!important;border-top:10px solid transparent!important}.game-container .team1-coach-card .coach-quote-overlay:after{bottom:auto!important;left:0!important;top:50%!important;transform:translateY(-50%) translate(-97%)!important;border-left:0!important;border-right:12px solid white!important;border-bottom:8px solid transparent!important;border-top:8px solid transparent!important}.game-container .team2-coach-card .coach-quote-overlay{right:100%!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;min-width:120px!important;max-width:200px!important;padding:.5rem .8rem!important;font-size:.7rem!important;margin-right:.5rem!important}.game-container .team2-coach-card .coach-quote-overlay.active{transform:translateY(-50%) translate(-10px)!important}.game-container .team2-coach-card .coach-quote-overlay:before{inset:50% 0 auto auto!important;transform:translateY(-50%) translate(100%)!important;border-right:0!important;border-left:15px solid #000!important;border-bottom:10px solid transparent!important;border-top:10px solid transparent!important}.game-container .team2-coach-card .coach-quote-overlay:after{inset:50% 0 auto auto!important;transform:translateY(-50%) translate(97%)!important;border-right:0!important;border-left:12px solid white!important;border-bottom:8px solid transparent!important;border-top:8px solid transparent!important}.game-container .coach-quote-overlay p{font-size:.7rem!important}.game-container .team-skills-list,.game-container .team-players-skills-list{flex-direction:row!important;overflow-x:auto!important;overflow-y:visible!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;padding-bottom:4rem!important}.game-container .skill-ball-tag{min-width:80px!important;padding:.3rem .6rem!important;font-size:.65rem!important;top:100px!important}.game-container .skill-ball-tag-text{font-size:.65rem!important}.game-container .team-skills-list::-webkit-scrollbar,.game-container .team-players-skills-list::-webkit-scrollbar{height:4px!important}.game-container .team-skills-list::-webkit-scrollbar-thumb,.game-container .team-players-skills-list::-webkit-scrollbar-thumb{background:#ffffff4d!important;border-radius:2px!important}.game-container .player-skill-pair{flex-shrink:0!important;min-width:max-content!important}.game-container .skill-name-text{white-space:nowrap!important;font-size:.75rem!important}.game-container .action-commentary-panel{padding:1rem 1.2rem!important;min-height:140px!important;max-height:300px!important}.game-container .commentary-content{font-size:.8rem!important}.game-container .action-entry{padding:.5rem .7rem!important;margin-bottom:.3rem!important}.game-container .score-display{padding:.4rem .8rem!important;font-size:.9rem!important}.game-container .current-match-info{font-size:.85rem!important}.game-container .skill-commentary{padding:.9rem!important}.game-container .skill-commentary h3{font-size:1rem!important}.game-container .skill-commentary p{font-size:.85rem!important}}@media (max-width: 480px){.game-container .hexagon-card{width:90px!important;height:125px!important}.game-container .hexagon-card .player-name{font-size:.55rem!important;line-height:1!important;padding:0 .2rem!important}.game-container .hexagon-card .player-number{font-size:.65rem!important}.game-container .card-badge-rating{font-size:.95rem!important;width:26px!important;height:26px!important}.game-container .player-stats-mini{gap:.1rem!important;padding:.2rem!important}.game-container .stat-item{gap:.1rem!important}.game-container .stat-label{font-size:.45rem!important}.game-container .stat-value{font-size:.7rem!important}.game-container .skill-icon-display{width:14px!important;height:14px!important;font-size:.5rem!important}.game-container .skill-icon-overlay{font-size:.5rem!important}.game-container .player-skill-icons{gap:.1rem!important;padding:.15rem!important}.game-container .skills-reveal-container-with-coaches{position:relative!important;width:100%!important;padding:.3rem!important}.game-container .court-area{position:relative!important}.game-container .team1-coach-card{position:absolute!important;bottom:.3rem!important;left:.3rem!important;z-index:10!important;margin:0!important}.game-container .team2-coach-card{position:absolute!important;bottom:.3rem!important;right:.3rem!important;z-index:10!important;margin:0!important}.game-container .coach-card-mood{position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;margin-top:.2rem!important;background:#000c!important;padding:.15rem .3rem!important;border-radius:4px!important;white-space:nowrap!important}.game-container .court{width:100%!important;max-width:100%!important}.game-container .coach-card{width:24px!important;height:33px!important}.game-container .coach-card-name{font-size:.18rem!important;line-height:1!important}.game-container .coach-card-role{font-size:.15rem!important}.game-container .coach-card-mood .mood-emoji{font-size:.255rem!important}.game-container .coach-card-mood .mood-text{font-size:.165rem!important}.game-container .team1-coach-card .coach-quote-overlay{left:auto!important;right:-10px!important;transform-origin:left center!important}.game-container .team2-coach-card .coach-quote-overlay{right:auto!important;left:-10px!important;transform-origin:right center!important}.game-container .action-commentary-panel{padding:.6rem .8rem!important;min-height:100px!important;max-height:180px!important;font-size:.7rem!important}.game-container .commentary-content{font-size:.65rem!important;line-height:1.2!important}.game-container .action-entry{padding:.3rem .5rem!important;margin-bottom:.2rem!important;font-size:.65rem!important}.game-container .score-display{padding:.3rem .6rem!important;font-size:.8rem!important}.game-container .current-match-info{font-size:.75rem!important;margin-top:.3rem!important;padding-top:.3rem!important}.game-container .skill-commentary{padding:.7rem!important}.game-container .skill-commentary h3{font-size:.9rem!important;margin-bottom:.4rem!important}.game-container .skill-commentary p{font-size:.75rem!important}.game-container .game-controls button{padding:.5rem 1rem!important;font-size:.85rem!important}.game-container .skill-ball-tag{min-width:60px!important;padding:.2rem .4rem!important;font-size:.55rem!important;top:70px!important}.game-container .skill-ball-tag-text{font-size:.55rem!important}.game-container .team-players-skills-list{padding-bottom:3rem!important}.game-container .field-container{padding:.5rem!important;margin-top:20rem!important}.game-container .court{padding:1.2rem!important;min-height:600px!important;gap:3rem!important}.game-container .court-player img{width:50px!important;height:50px!important}.game-container .court-player span{font-size:.7rem!important}.game-container .court .skill-icon-display,.game-container .skills-reveal-container .skill-icon-display,.game-container .skills-reveal-container-with-coaches .skill-icon-display{width:1.4px!important;height:1.4px!important;font-size:.15rem!important}.game-container .court .skill-icon-overlay,.game-container .skills-reveal-container .skill-icon-overlay,.game-container .skills-reveal-container-with-coaches .skill-icon-overlay{font-size:.15rem!important}}@media (max-width: 360px){.game-container .hexagon-card{width:95px!important;height:130px!important}.game-container .hexagon-card .player-name{font-size:.6rem!important}.game-container .hexagon-card .player-number{font-size:.7rem!important}.game-container .card-badge-rating{font-size:1rem!important;width:26px!important;height:26px!important}.game-container .stat-label{font-size:.45rem!important}.game-container .stat-value{font-size:.75rem!important}.game-container .skill-icon-display{width:12px!important;height:12px!important;font-size:.45rem!important}.game-container .skill-icon-overlay{font-size:.45rem!important}.game-container .player-skill-icons{gap:.08rem!important;padding:.1rem!important}.game-container .field-container{margin-top:24rem!important}.game-container .skills-reveal-container-with-coaches{position:relative!important;width:100%!important;padding:.25rem!important}.game-container .court-area{position:relative!important}.game-container .team1-coach-card{position:absolute!important;bottom:.25rem!important;left:.25rem!important;z-index:10!important;margin:0!important}.game-container .team2-coach-card{position:absolute!important;bottom:.25rem!important;right:.25rem!important;z-index:10!important;margin:0!important}.game-container .coach-card-mood{position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;margin-top:.2rem!important;background:#000c!important;padding:.15rem .3rem!important;border-radius:4px!important;white-space:nowrap!important}.game-container .court{width:100%!important;max-width:100%!important}.game-container .coach-card{width:25.5px!important;height:36px!important}.game-container .coach-card-name{font-size:.195rem!important}.game-container .coach-card-role{font-size:.165rem!important}.game-container .coach-card-mood .mood-emoji{font-size:.27rem!important}.game-container .coach-card-mood .mood-text{font-size:.18rem!important}.game-container .team1-coach-card .coach-quote-overlay{left:auto!important;right:-10px!important;transform-origin:left center!important}.game-container .team2-coach-card .coach-quote-overlay{right:auto!important;left:-10px!important;transform-origin:right center!important}.game-container .action-commentary-panel{padding:.6rem .8rem!important;min-height:100px!important;max-height:200px!important}.game-container .commentary-content{font-size:.7rem!important}.game-container .action-entry{padding:.3rem .5rem!important}.game-container .score-display{padding:.25rem .5rem!important;font-size:.75rem!important}.game-container .current-match-info{font-size:.7rem!important}.game-container .skill-commentary{padding:.6rem!important}.game-container .skill-commentary h3{font-size:.85rem!important}.game-container .skill-commentary p{font-size:.7rem!important}.game-container .game-controls button{padding:.4rem .8rem!important;font-size:.8rem!important}.game-container .skill-ball-tag{min-width:55px!important;padding:.15rem .3rem!important;font-size:.5rem!important;top:65px!important}.game-container .skill-ball-tag-text{font-size:.5rem!important}.game-container .team-players-skills-list{padding-bottom:2.5rem!important}.game-container .court{padding:1.2rem!important;min-height:600px!important;gap:2.5rem!important}.game-container .court-player img{width:45px!important;height:45px!important}.game-container .court-player span{font-size:.65rem!important}.game-container .court .skill-icon-display,.game-container .skills-reveal-container .skill-icon-display,.game-container .skills-reveal-container-with-coaches .skill-icon-display{width:1.2px!important;height:1.2px!important;font-size:.12rem!important}.game-container .court .skill-icon-overlay,.game-container .skills-reveal-container .skill-icon-overlay,.game-container .skills-reveal-container-with-coaches .skill-icon-overlay{font-size:.12rem!important}}@media (max-width: 768px){.game-container .action-video-container{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:10000!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important}.game-container .action-video-container video{width:100%!important;height:100%!important;object-fit:contain!important}.game-container .animation-box.fullscreen-mobile{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;z-index:9999!important;background:#000!important}.game-container .animation-box.fullscreen-mobile video,.game-container .animation-box.fullscreen-mobile canvas{width:100%!important;height:100%!important;object-fit:contain!important}}@media (max-width: 768px) and (orientation: portrait){.game-container .game-layout-new{display:none!important}.game-container:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;z-index:99999}.game-container:after{content:"📱\a\aSimulace zápasu vyžaduje\alandscape orientaci\a\aOtočte prosím zařízení";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:1.5rem;font-weight:700;white-space:pre-wrap;line-height:2;z-index:100000;padding:2rem}}@media (max-width: 768px) and (orientation: landscape){.game-container .game-layout-new{display:flex!important;flex-direction:column!important;height:100vh!important}.game-container .top-bar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:15vh!important;z-index:100!important;display:flex!important;flex-direction:row!important;background:#000000f2!important;transition:transform .3s ease!important}.game-container .scoreboard-panel{display:none!important}.game-container .action-commentary-panel{flex:1!important;max-height:15vh!important;min-height:15vh!important;overflow-y:auto!important;font-size:.6rem!important;padding:.5rem!important}.game-container .commentary-content{font-size:.6rem!important;line-height:1.2!important}.game-container .game-center-main{position:fixed!important;top:15vh!important;left:0!important;right:0!important;bottom:0!important;height:85vh!important}.game-container .skills-reveal-container-with-coaches{width:100vw!important;height:85vh!important;padding:0!important}.game-container .court-area{width:100%!important;height:100%!important;display:flex!important;justify-content:space-between!important;align-items:stretch!important}.game-container .team-section{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:.5rem!important}.game-container .hexagon-card{height:80px!important;width:60px!important}.game-container .team1-coach-card{position:fixed!important;bottom:1rem!important;left:1rem!important;z-index:200!important}.game-container .team2-coach-card{position:fixed!important;bottom:1rem!important;right:1rem!important;z-index:200!important}.game-container .coach-card{height:60px!important;width:45px!important}.game-container .player-stats-mini{display:none!important}.game-container .court .skill-icon-display,.game-container .skills-reveal-container .skill-icon-display,.game-container .skills-reveal-container-with-coaches .skill-icon-display{width:2px!important;height:2px!important;font-size:.2rem!important}.game-container .court .skill-icon-overlay,.game-container .skills-reveal-container .skill-icon-overlay,.game-container .skills-reveal-container-with-coaches .skill-icon-overlay{font-size:.2rem!important}.game-container.scroll-up .scoreboard-panel{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:15vh!important;z-index:101!important}.game-container.scroll-up .action-commentary-panel{display:none!important}.game-container.scroll-down .top-bar{transform:translateY(-100%)!important}.game-container.scroll-down .coach-card{opacity:1!important;transform:scale(1.5)!important;transition:all .3s ease!important}}@media (max-width: 480px){.game-container .skill-name,.game-container .skill-label{font-size:.65rem!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.game-container .player-name{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.game-container .skill-icon-display[title]{cursor:help!important}}@media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2),(max-width: 480px) and (min-resolution: 192dpi){.game-container .commentary-content{font-size:.7rem!important}.game-container .skill-commentary p{font-size:.72rem!important}}.fc-card-background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;border-radius:20px;overflow:hidden;pointer-events:none;opacity:var(--pattern-opacity, .4)}.fc-card-background-pattern:before,.fc-card-background-pattern:after{z-index:-1!important;pointer-events:none}.bg-pattern-solid{background:var(--bg-color-1, #DC2F3E)}.bg-pattern-diagonal-cut{background:linear-gradient(135deg,var(--bg-color-1, #DC2F3E) 0%,var(--bg-color-1, #DC2F3E) 60%,var(--bg-color-2, #A02129) 60%,var(--bg-color-2, #A02129) 100%)}.bg-pattern-angular-split{background:linear-gradient(120deg,var(--bg-color-1, #DC2F3E) 0%,var(--bg-color-1, #DC2F3E) 55%,var(--bg-color-2, #A02129) 55%,var(--bg-color-2, #A02129) 100%)}.bg-pattern-triangle-corner{background:var(--bg-color-1, #DC2F3E);position:relative}.bg-pattern-triangle-corner:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 280px 450px 0;border-color:transparent var(--bg-color-2, #A02129) transparent transparent}.bg-pattern-dynamic-triangles{background:var(--bg-color-1, #DC2F3E);position:relative}.bg-pattern-dynamic-triangles:before{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border-style:solid;border-width:0 0 200px 150px;border-color:transparent transparent var(--bg-color-2, #A02129) transparent}.bg-pattern-dynamic-triangles:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:180px 200px 0 0;border-color:var(--bg-color-3, #FFD700) transparent transparent transparent}.bg-pattern-chevron{background:var(--bg-color-1, #DC2F3E);position:relative}.bg-pattern-chevron:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(150deg,transparent 0%,transparent 50%,var(--bg-color-2, #A02129) 50%,var(--bg-color-2, #A02129) 100%)}.bg-pattern-chevron:after{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(210deg,transparent 0%,transparent 50%,var(--bg-color-3, #FFD700) 50%,var(--bg-color-3, #FFD700) 100%)}.bg-pattern-diagonal-stripes{background:repeating-linear-gradient(45deg,var(--bg-color-1, #DC2F3E) 0px,var(--bg-color-1, #DC2F3E) 80px,var(--bg-color-2, #A02129) 80px,var(--bg-color-2, #A02129) 130px,var(--bg-color-3, #FFD700) 130px,var(--bg-color-3, #FFD700) 180px)}.bg-pattern-geometric-blocks{background:var(--bg-color-1, #DC2F3E);position:relative}.bg-pattern-geometric-blocks:before{content:"";position:absolute;top:0;right:0;width:45%;height:60%;background:var(--bg-color-2, #A02129);clip-path:polygon(30% 0%,100% 0%,100% 100%,0% 100%)}.bg-pattern-geometric-blocks:after{content:"";position:absolute;bottom:0;left:0;width:55%;height:45%;background:var(--bg-color-3, #FFD700);clip-path:polygon(0% 0%,100% 30%,100% 100%,0% 100%)}.bg-pattern-wave-split{background:var(--bg-color-1, #DC2F3E);position:relative}.bg-pattern-wave-split:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:var(--bg-color-2, #A02129);clip-path:polygon(0% 70%,100% 40%,100% 100%,0% 100%)}.bg-pattern-corner-accent{background:var(--bg-color-1, #DC2F3E);position:relative}.bg-pattern-corner-accent:before{content:"";position:absolute;top:0;left:0;width:35%;height:35%;background:var(--bg-color-2, #A02129);clip-path:polygon(0% 0%,100% 0%,0% 100%)}.bg-pattern-corner-accent:after{content:"";position:absolute;bottom:0;right:0;width:35%;height:35%;background:var(--bg-color-2, #A02129);clip-path:polygon(100% 0%,100% 100%,0% 100%)}