:root{color:#2c3e50;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}[data-theme=dark]{color:#ecf0f1;background-color:#1a1a2e}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;padding:20px 10px;overflow-x:hidden}:root{--color-gold:#d4ac0d;--color-gold-light:#f1c40f;--color-primary:#3498db;--color-primary-dark:#2980b9;--color-success:#27ae60;--color-success-light:#2ecc71;--color-danger:#e74c3c;--color-dark-blue:#2c3e50;--color-gray:#95a5a6;--color-gray-dark:#7f8c8d;--color-bg-light:#f8f9fa;--color-border:#dee2e6}.app{max-width:1400px;margin:0 auto;padding:20px;position:relative;overflow-x:hidden}.top-panels{z-index:100;align-items:flex-start;gap:8px;display:flex;position:fixed;top:12px;right:12px}.history-panel{position:relative}.history-toggle{border:2px solid var(--color-gold);color:#8b6914;cursor:pointer;background:linear-gradient(135deg,#fef9e7,#fdebd0);border-radius:20px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #0000001a}.history-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #d4ac0d4d}.history-body{border:2px solid var(--color-gold);background:#fff;border-radius:12px;width:340px;max-height:400px;margin-top:8px;padding:12px;animation:.25s ease-out history-open;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 32px #00000026}@keyframes history-open{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.history-empty{text-align:center;color:#95a5a6;margin:0;padding:16px 0;font-size:.8rem}.history-list{flex-direction:column;gap:6px;display:flex}.history-item{background:#f8f9fa;border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;font-size:.78rem;display:flex}.history-row1{align-items:center;gap:6px;display:flex}.history-row2{align-items:center;gap:6px;padding-left:28px;display:flex}.history-item:first-child{border:1px solid var(--color-gold);background:linear-gradient(135deg,#fef9e7,#fdebd0)}.history-rank{color:#7f8c8d;min-width:22px;font-weight:700}.history-item:first-child .history-rank{color:var(--color-gold)}.history-flag{font-size:1.1rem}.history-name{color:#2c3e50;flex:1;font-weight:600}.history-meta{color:#7f8c8d;white-space:nowrap;font-size:.65rem}.history-date{color:#bdc3c7;white-space:nowrap;font-size:.6rem}.sound-toggle{cursor:pointer;background:#fff;border:2px solid #dee2e6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}.sound-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.sound-toggle.off{opacity:.5;border-color:var(--color-danger)}.theme-toggle{cursor:pointer;background:#fff;border:2px solid #dee2e6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.history-clear{border:1px solid var(--color-danger);width:100%;color:var(--color-danger);cursor:pointer;background:0 0;border-radius:6px;margin-top:8px;padding:5px;font-family:inherit;font-size:.7rem;display:block}.history-clear:hover{color:#fff;background:#e74c3c}.ranking-panel{position:relative}.ranking-toggle{color:#2471a3;cursor:pointer;background:linear-gradient(135deg,#ebf5fb,#d6eaf8);border:2px solid #3498db;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #0000001a}.ranking-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #3498db4d}.ranking-body{background:#fff;border:2px solid #3498db;border-radius:12px;flex-direction:column;width:320px;max-height:480px;margin-top:8px;animation:.25s ease-out history-open;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #00000026}.ranking-source{color:#95a5a6;text-align:center;padding:8px 12px 0;font-size:.65rem}.ranking-filters{border-bottom:1px solid #eee;flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.ranking-filter{color:#7f8c8d;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:3px 10px;font-family:inherit;font-size:.7rem;font-weight:600;transition:all .15s}.ranking-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.ranking-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ranking-list{flex-direction:column;flex:1;gap:2px;padding:8px 12px 12px;display:flex;overflow-y:auto}.ranking-item{border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:.78rem;transition:background .15s;display:flex}.ranking-item:hover{background:#f0f7fd}.ranking-pos{color:#7f8c8d;text-align:right;min-width:28px;font-weight:700}.ranking-item:nth-child(-n+3) .ranking-pos{color:var(--color-gold)}.ranking-flag{font-size:1.1rem}.ranking-name{color:#2c3e50;flex:1;font-weight:600}.ranking-conf{color:#95a5a6;background:#f0f0f0;border-radius:8px;padding:2px 6px;font-size:.65rem}.header{text-align:center;background:linear-gradient(135deg,#0b1a2e,#1a3a5c,#0f2440);border-radius:16px;margin-bottom:24px;padding:20px 10px 14px;position:relative;overflow:hidden}.header:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#d4ac0d1f 0%,#0000 50%),radial-gradient(circle at 80%,#3498db1a 0%,#0000 50%);position:absolute;inset:0}.title-badge{letter-spacing:6px;color:var(--color-gold);border:1px solid #d4ac0d66;border-radius:20px;margin-bottom:6px;padding:2px 14px;font-size:.65rem;font-weight:700;display:inline-block}.title{flex-direction:column;align-items:center;gap:2px;margin:0;line-height:1.2;display:flex}.title-author{color:#ffffffb3;letter-spacing:4px;font-size:1rem;font-weight:400}.title-main{letter-spacing:2px;font-size:2.6rem;font-weight:800}.title-fifa{background:linear-gradient(#f1c40f,#d4ac0d,#b8860b);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #d4ac0d66);-webkit-background-clip:text;background-clip:text}.title-worldcup{background:linear-gradient(#fff,#cdd5db,#a0b0c0);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #ffffff26);-webkit-background-clip:text;background-clip:text}.phase-indicator{justify-content:center;gap:4px;margin-bottom:20px;display:flex}.phase-step{color:#95a5a6;background:#f0f0f0;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;transition:all .3s;display:flex}.phase-step.active{color:#fff;background:var(--color-primary);font-weight:700}.phase-step.done{color:var(--color-gray-dark);background:#e8e8e8}.phase-dot{background:#bdc3c7;border-radius:50%;width:8px;height:8px}.phase-step.active .phase-dot{background:#fff}.phase-step.done .phase-dot{background:var(--color-gray-dark)}[data-theme=dark] .phase-step{color:#7f8c8d;background:#2c3e50}[data-theme=dark] .phase-step.active{color:#fff;background:#2980b9}[data-theme=dark] .phase-step.done{color:#95a5a6;background:#34495e}.size-selector{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.btn-size{cursor:pointer;color:#2c3e50;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:8px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn-size.active{color:#fff;background:linear-gradient(135deg,#2980b9,#3498db);border-color:#2980b9}.btn-size:hover:not(.active){border-color:var(--color-primary)}.controls{text-align:center;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:1.1rem;font-weight:600;transition:all .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;color:#95a5a6;filter:grayscale(.5);background:#d5d8dc;transition:all .2s}[data-theme=dark] .btn:disabled{color:#7f8c8d;background:#34495e}.btn-start{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);padding:14px 36px;font-size:1.2rem}.btn-next{color:#fff;background:linear-gradient(135deg,#2980b9,#3498db)}.btn-reset{color:#fff;background:linear-gradient(135deg,#7f8c8d,#95a5a6)}.btn-preset{color:#fff;background:linear-gradient(135deg,#c0392b,#e74c3c);padding:8px 20px;font-size:.95rem}.btn-shuffle{color:#fff;background:linear-gradient(135deg,#8e44ad,#9b59b6);padding:8px 20px;font-size:.95rem}.team-selector{margin-bottom:24px}.selector-header{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.selector-header h2{color:#1a5276;margin:0;font-size:1.2rem}.region-filters{flex-wrap:wrap;gap:6px;display:flex}.region-filters .btn-shuffle{padding:5px 12px;font-size:.8rem}.country-search{border:2px solid var(--color-border);background:var(--color-bg-light);width:100%;color:var(--color-dark-blue);border-radius:8px;margin-bottom:10px;padding:8px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.country-search:focus{border-color:var(--color-primary);outline:none}[data-theme=dark] .country-search{color:#ecf0f1;background:#2c3e50;border-color:#4a6274}.country-grid{flex-wrap:wrap;gap:6px;display:flex}.country-chip{cursor:pointer;background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:.82rem;transition:all .2s;display:flex}.country-chip:hover:not(:disabled){border-color:var(--color-primary)}.country-chip.selected{border-color:var(--color-primary);background:#ebf5fb;font-weight:600}.country-chip.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.champion-wrapper{border-radius:20px;margin-bottom:24px;position:relative;overflow:hidden}.champion-rings{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring{border:2px solid #d4ac0d33;border-radius:50%;animation:3s ease-in-out infinite ring-pulse;position:absolute}.ring-1{width:200px;height:200px;animation-delay:0s}.ring-2{width:320px;height:320px;animation-delay:.5s}.ring-3{width:440px;height:440px;animation-delay:1s}@keyframes ring-pulse{0%,to{opacity:.15;transform:scale(.9)}50%{opacity:.5;transform:scale(1.1)}}.star-field{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.falling-star{background:#f1c40f;border-radius:50%;width:4px;height:4px;animation:linear infinite star-fall;position:absolute;top:-10px;box-shadow:0 0 6px 2px #f1c40f99}@keyframes star-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(300px)rotate(360deg)}}.champion{z-index:2;text-align:center;border:3px solid var(--color-gold);background:linear-gradient(135deg,#fef9e7,#fdebd0,#fef9e7,#fcf3cf,#fef9e7) 0 0/300% 300%;border-radius:20px;padding:30px 24px;animation:2s ease-in-out infinite alternate champion-glow,1s ease-out champion-entrance,6s ease-in-out infinite champion-bg-shift;position:relative}@keyframes champion-glow{0%{box-shadow:0 0 20px #d4ac0d4d,inset 0 0 20px #d4ac0d0d}to{box-shadow:0 0 50px #d4ac0d99,0 0 100px #d4ac0d33,inset 0 0 30px #d4ac0d1a}}@keyframes champion-entrance{0%{opacity:0;transform:scale(.5)translateY(40px)}60%{transform:scale(1.05)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes champion-bg-shift{0%,to{background-position:0%}50%{background-position:100%}}.trophy-container{display:inline-block;position:relative}.trophy-glow{background:radial-gradient(circle,#f1c40f66 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite alternate trophy-glow-pulse;position:absolute;inset:-20px}@keyframes trophy-glow-pulse{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.trophy{filter:drop-shadow(0 0 10px #f1c40f80);font-size:4rem;animation:1s ease-in-out infinite alternate trophy-bounce,1.2s ease-out trophy-entrance;position:relative}@keyframes trophy-bounce{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-12px)rotate(3deg)}}@keyframes trophy-entrance{0%{opacity:0;transform:scale(0)rotate(-180deg)}50%{transform:scale(1.3)rotate(10deg)}70%{transform:scale(.9)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.champion-flag-container{display:inline-block;position:relative}.champion-flag{margin:8px 0;font-size:3rem;animation:2s ease-in-out infinite flag-wave}@keyframes flag-wave{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.05)rotate(2deg)}75%{transform:scale(1.05)rotate(-2deg)}}.champion-name{color:#1a5276;margin:5px 0;font-size:1.8rem;animation:.8s ease-out .3s both name-entrance}@keyframes name-entrance{0%{opacity:0;letter-spacing:10px;transform:translateY(20px)}to{opacity:1;letter-spacing:normal;transform:translateY(0)}}.champion-label{color:var(--color-gold);letter-spacing:4px;text-shadow:0 0 20px #d4ac0d66;margin:4px 0 0;font-size:1.1rem;font-weight:700;animation:.8s ease-out .6s both label-entrance}@keyframes label-entrance{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.champion-rank{color:#e67e22;margin:2px 0;font-size:.9rem;font-weight:600;animation:.8s ease-out .4s both name-entrance}.champion-stats{color:#7f8c8d;margin-top:10px;font-size:.9rem;animation:.8s ease-out .8s both name-entrance}.update-date{text-align:center;color:#ffffff59;margin-top:8px;font-size:.65rem}.groups-section{margin-top:24px}.section-title{text-align:center;color:#1a5276;border-bottom:2px solid #d4ac0d;margin-bottom:16px;padding-bottom:8px;font-size:1.4rem}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px;display:grid}.group-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:14px;overflow:visible}.group-name{text-align:center;color:#1a5276;margin:0 0 10px;font-size:1.05rem}.group-teams{flex-direction:column;gap:4px;display:flex}.group-team-item{align-items:center;gap:8px;padding:3px 6px;font-size:.85rem;display:flex}.flag-sm{font-size:1.1rem}.group-circle{aspect-ratio:.85;width:100%;max-width:340px;margin:10px auto 16px;position:relative;overflow:visible}.group-circle:before{content:"";border:2px dashed #d4ac0d40;border-radius:50%;position:absolute;inset:22%}.circle-team{cursor:pointer;width:72px;height:72px;color:inherit;background:#f8f9fae6;border:2px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 6px;font-family:inherit;transition:all .25s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000000f}.circle-team:hover{border-color:var(--color-primary);z-index:2;transform:translate(-50%,-50%)scale(1.12);box-shadow:0 4px 16px #3498db40}.circle-team.swap-selected{border-color:var(--color-danger);z-index:3;background:#e74c3c1f;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 16px #e74c3c59}.circle-team.swap-target{background:#2ecc7114;border-color:#2ecc71}.circle-team.swap-target:hover{border-color:var(--color-success);background:#2ecc712e;box-shadow:0 4px 16px #27ae604d}.circle-flag{font-size:1.5rem;line-height:1}.circle-name{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:60px;font-size:.6rem;font-weight:600;overflow:hidden}.circle-slot{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.circle-row{align-items:center;gap:3px;display:flex}.circle-slot .circle-team{position:static;transform:none}.mod-btn{cursor:pointer;color:#7f8c8d;background:#fff;border:1px solid #dee2e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.mod-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.15)}.mod-btn:disabled{opacity:.25;cursor:default}.mod-indicator{font-size:.5rem;font-weight:700;line-height:1}.mod-up{color:var(--color-success)}.mod-down{color:var(--color-danger)}.formation-select{color:#2c3e50;cursor:pointer;text-align:center;background:#fff;border:1px solid #bdc3c7;border-radius:4px;max-width:72px;margin:3px auto 0;padding:1px 2px;font-family:inherit;font-size:.6rem;font-weight:600;transition:all .15s;display:block}.formation-select:hover{border-color:var(--color-primary);box-shadow:0 1px 4px #3498db40}.formation-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3498db33}.formation-stats{white-space:nowrap;justify-content:center;gap:4px;margin-top:2px;font-size:.55rem;font-weight:600;display:flex}.formation-stats .stat-up{color:var(--color-success)}.formation-stats .stat-down{color:var(--color-danger)}.formation-badge{color:#2980b9;white-space:nowrap;background:#eaf2f8;border-radius:3px;margin-left:3px;padding:1px 4px;font-size:.55rem;font-weight:600}.mod-badge{margin-left:2px;font-size:.6rem;font-weight:700}.swap-hint{text-align:center;color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;font-size:.95rem;font-weight:600;display:flex}[data-theme=dark] .swap-hint{color:#ffc107;background:#3a3000;border-color:#665600}.swap-hint-info{text-align:center;color:var(--color-gray-dark);background:var(--color-bg-light);border:1px dashed var(--color-border);border-radius:8px;margin-bottom:12px;padding:6px 16px;font-size:.85rem}[data-theme=dark] .swap-hint-info{color:#95a5a6;background:#2c3e50;border-color:#4a6274}.btn-cancel-swap{border:1px solid var(--color-danger);color:var(--color-danger);cursor:pointer;background:0 0;border-radius:4px;padding:2px 10px;font-family:inherit;font-size:.75rem}.btn-cancel-swap:hover{color:#fff;background:#e74c3c}.standings-table{border-collapse:collapse;width:100%;font-size:.78rem}.standings-table th,.standings-table td{text-align:center;padding:4px 3px}.standings-table tbody tr{transition:background .15s}.standings-table tbody tr:hover{background:#3498db0f}[data-theme=dark] .standings-table tbody tr:hover{background:#3498db1f}.standings-table th{color:#7f8c8d;border-bottom:1px solid #dee2e6;font-size:.72rem}.th-team{text-align:left}.standings-table .team-cell{text-align:left;white-space:nowrap;align-items:center;gap:3px;display:flex}.standings-table .rank{color:#7f8c8d;font-weight:700}.standings-table .points{color:#1a5276;font-weight:700}.standings-table .winrate{color:#8e44ad;font-weight:600}.standings-table .positive{color:var(--color-success)}.standings-table .negative{color:var(--color-danger)}.standings-table tr.qualified{background:#ebf5fb}.standings-table tr.qualified-wildcard{background:#fef9e7}.wildcard-badge{color:var(--color-gold);white-space:nowrap;background:#d4ac0d26;border-radius:6px;margin-left:3px;padding:1px 4px;font-size:.55rem;font-weight:700}.standings-table tr.eliminated{opacity:.6}.round{margin-bottom:24px}.round-title{text-align:center;color:#1a5276;border-bottom:2px solid #d4ac0d;margin-bottom:14px;padding-bottom:8px;font-size:1.4rem}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px;display:grid}.match-card{text-align:left;width:100%;color:inherit;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;transition:all .3s;display:flex;position:relative;overflow:hidden}.match-card.played{border-color:var(--color-success);cursor:default;background:#eafaf1;animation:.6s ease-out match-result;overflow:visible}.match-card.played:before{content:"";background:conic-gradient(from var(--laser-angle,0deg), transparent 0%, #27ae60 10%, #2ecc71 20%, #82e0aa 30%, transparent 40%);-webkit-mask-composite:xor;z-index:0;pointer-events:none;border-radius:12px;padding:2px;animation:1.2s linear forwards laser-once;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.match-card.laser-active:before{animation:1s linear infinite laser-spin}@property --laser-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes laser-spin{to{--laser-angle:360deg}}@keyframes laser-once{0%{--laser-angle:0deg;opacity:1}85%{--laser-angle:306deg;opacity:1}to{--laser-angle:360deg;opacity:0}}.match-card.pending{opacity:.85;border-left:4px solid #bdc3c7}.match-card.played{border-left:4px solid #27ae60}[data-theme=dark] .match-card.pending{border-left-color:#555}.match-card.clickable:not(:disabled){cursor:pointer}.match-card.clickable.pending:hover{border-color:var(--color-primary);opacity:1;transform:translateY(-2px)scale(1.01);box-shadow:0 4px 16px #3498db4d}.match-card.clickable.pending:active{transform:scale(.98)}.result-icon{text-align:center;min-width:16px;font-size:.7rem;font-weight:700}.result-icon.win{color:var(--color-success)}.result-icon.lose{color:var(--color-danger)}.result-icon.draw{color:#95a5a6}.pk-badge{color:#fff;z-index:2;background:#e67e22;border-radius:4px;padding:1px 4px;font-size:.55rem;font-weight:700;position:absolute;top:-6px;right:-6px}.team-clickable{cursor:pointer;border-radius:4px;transition:background .15s}.team-clickable:hover{background:#3498db26;text-decoration:underline}[data-theme=dark] .team-clickable:hover{background:#3498db40}.final-circle.team-clickable:hover{text-decoration:none;transform:scale(1.05)}@keyframes match-result{0%{opacity:.5;background:#fffde7;transform:scale(.95);box-shadow:0 0 #f1c40fb3}30%{background:#fff9c4;transform:scale(1.03);box-shadow:0 0 20px 4px #f1c40f66}60%{background:#eafaf1;transform:scale(1);box-shadow:0 0 12px 2px #27ae604d}to{box-shadow:none;transform:scale(1)}}.team.winner{font-weight:700;animation:.8s ease-out winner-highlight}@keyframes winner-highlight{0%{color:inherit}30%{color:#f39c12;transform:scale(1.05)}to{color:inherit;transform:scale(1)}}.team{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.team .flag{flex-shrink:0;font-size:1.3rem}.team .name{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.team .score{color:#1a5276;text-align:center;flex-shrink:0;min-width:18px;font-size:1.1rem;font-weight:700}.team.winner .score{color:var(--color-success);animation:.5s ease-out .2s both score-pop}.team.loser{opacity:.5}.team.loser .score{color:var(--color-danger)}.team.draw .score{color:#f39c12}@keyframes score-pop{0%{transform:scale(1)}50%{color:#e67e22;transform:scale(1.4)}to{transform:scale(1)}}.goal-tick{animation:.35s cubic-bezier(.175,.885,.32,1.275) goal-tick;display:inline-block}@keyframes goal-tick{0%{opacity:0;transform:scale(.3)translateY(8px)}50%{opacity:1;color:var(--color-danger);transform:scale(1.5)}to{opacity:1;transform:scale(1)translateY(0)}}.rank-badge{color:#e67e22;white-space:nowrap;background:#e67e221a;border-radius:8px;flex-shrink:0;padding:1px 4px;font-size:.6rem;font-weight:700}.winrate-badge{color:#8e44ad;white-space:nowrap;background:#8e44ad1a;border-radius:10px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:600}.vs{color:#95a5a6;flex-shrink:0;padding:0 6px;font-size:.8rem;font-weight:600}.bracket-scroll{-webkit-overflow-scrolling:touch;margin-bottom:24px;padding:10px 0;overflow-x:auto}.bracket{align-items:stretch;width:fit-content;min-height:360px;margin:0 auto;display:flex}.bracket-half{display:flex}.bracket-left,.bracket-right{flex-direction:row}.b-round{flex-direction:column;min-width:146px;display:flex}.b-label{text-align:center;color:var(--color-gold);letter-spacing:1px;white-space:nowrap;padding:0 0 6px;font-size:.7rem;font-weight:700}.b-slots{flex-direction:column;flex:1;display:flex}.b-slot{flex:1;justify-content:center;align-items:center;padding:3px 8px;display:flex}.b-conn{flex-direction:column;width:28px;min-width:28px;padding-top:22px;display:flex}.b-conn-pair{flex-direction:column;flex:1;display:flex;position:relative}.b-conn-top,.b-conn-bot{flex:1;position:relative}.b-conn-left .b-conn-pair:before{content:"";background:#c5a028;width:2px;position:absolute;top:25%;bottom:25%;right:0}.b-conn-left .b-conn-pair:after{content:"";background:#c5a028;width:8px;height:2px;position:absolute;top:calc(50% - 1px);right:-8px}.b-conn-left .b-conn-top:after,.b-conn-left .b-conn-bot:after{content:"";background:#c5a028;height:2px;position:absolute;top:calc(50% - 1px);left:-8px;right:0}.b-conn-right .b-conn-pair:before{content:"";background:#c5a028;width:2px;position:absolute;top:25%;bottom:25%;left:0}.b-conn-right .b-conn-pair:after{content:"";background:#c5a028;width:8px;height:2px;position:absolute;top:calc(50% - 1px);left:-8px}.b-conn-right .b-conn-top:after,.b-conn-right .b-conn-bot:after{content:"";background:#c5a028;height:2px;position:absolute;top:calc(50% - 1px);left:0;right:-8px}.b-final-line{width:20px;min-width:20px;padding-top:22px;position:relative;overflow:visible}.b-final-line:after{content:"";background:#c5a028;height:2px;position:absolute;top:calc(50% + 11px);left:-8px;right:-8px}.bracket-center{flex-direction:column;justify-content:center;align-items:center;width:fit-content;padding:0;display:flex}.bracket-center .b-label{color:#e67e22;font-size:.8rem}.final-card{border:2px solid var(--color-gold);color:inherit;text-align:center;z-index:1;background:linear-gradient(135deg,#fef9e7,#fdebd0);border-radius:16px;align-items:center;gap:16px;padding:16px 20px;font-family:inherit;transition:all .2s;display:flex;position:relative}.final-card.final-played{border-color:var(--color-gold);background:linear-gradient(135deg,#eafaf1,#d5f5e3);animation:.6s ease-out match-result;overflow:visible}.final-card.final-played:before{content:"";background:conic-gradient(from var(--laser-angle,0deg), transparent 0%, #d4ac0d 10%, #f1c40f 20%, #f9e154 30%, transparent 40%);-webkit-mask-composite:xor;z-index:-1;pointer-events:none;border-radius:18px;padding:2px;animation:1.5s linear forwards laser-once-gold;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}@keyframes laser-once-gold{0%{--laser-angle:0deg;opacity:1}85%{--laser-angle:306deg;opacity:1}to{--laser-angle:360deg;opacity:0}}.final-card.final-pending{cursor:pointer;opacity:.85}.final-card.final-pending:hover:not(:disabled){opacity:1;transform:scale(1.02);box-shadow:0 4px 20px #d4ac0d66}.final-card.final-played{cursor:default}.final-team{flex-direction:column;align-items:center;gap:4px;min-width:70px;display:flex}.final-circle{border:3px solid var(--color-gold);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.final-flag{font-size:1.8rem;line-height:1}.final-name{color:#2c3e50;white-space:nowrap;font-size:.82rem;font-weight:600}.final-team.final-win .final-circle{border-color:var(--color-success);box-shadow:0 0 16px #27ae6080}.final-score{color:#1a5276;font-size:1.3rem;font-weight:800}.final-team.final-win .final-name{font-weight:700}.final-team.final-lose{opacity:.5}.final-team.final-lose .final-circle{border-color:var(--color-danger);box-shadow:0 0 10px #e74c3c4d}.final-team.final-lose .final-score{color:var(--color-danger)}.final-team.final-lose .final-name{-webkit-text-decoration:line-through #e74c3c80;text-decoration:line-through #e74c3c80}.final-rate{color:#8e44ad;font-size:.65rem;font-weight:600}.final-vs{color:var(--color-gold);letter-spacing:2px;flex-shrink:0;font-size:1rem;font-weight:800}.final-card.final-placeholder{background:#eef0f2;border-style:dashed;border-color:silver}.final-card.final-placeholder .final-circle,.final-card.final-placeholder .final-name,.final-card.final-placeholder .final-score,.final-card.final-placeholder .final-vs{opacity:.3}[data-theme=dark] .final-card{border-color:var(--color-gold);background:linear-gradient(135deg,#2c2a1a,#3d3520)}[data-theme=dark] .final-card.final-played{border-color:var(--color-gold);background:linear-gradient(135deg,#1a3a2a,#1d4030)}[data-theme=dark] .final-card.final-played:before{background:conic-gradient(from var(--laser-angle,0deg), transparent 0%, #d4ac0d 10%, #f1c40f 20%, #f9e154 30%, transparent 40%)}[data-theme=dark] .final-circle{border-color:var(--color-gold);background:#2c3e50}[data-theme=dark] .final-team.final-win .final-circle{border-color:#2ecc71}[data-theme=dark] .final-team.final-lose .final-circle{border-color:var(--color-danger);box-shadow:0 0 10px #e74c3c66}[data-theme=dark] .final-team.final-lose .final-score{color:var(--color-danger)}[data-theme=dark] .final-name{color:#ecf0f1}[data-theme=dark] .final-score{color:var(--color-primary)}[data-theme=dark] .final-rate{color:#c39bd3}[data-theme=dark] .final-card.final-placeholder{background:#1e2230;border-color:#3d4f63}.bm-card{width:130px;color:inherit;text-align:left;z-index:1;background:#fff;border:2px solid #dee2e6;border-radius:6px;padding:0;font-family:inherit;transition:all .2s;position:relative;overflow:hidden}.bm-card.bm-played{border-color:var(--color-success);animation:.6s ease-out match-result;overflow:visible}.bm-card.bm-played:before{content:"";background:conic-gradient(from var(--laser-angle,0deg), transparent 0%, #27ae60 10%, #2ecc71 20%, #82e0aa 30%, transparent 40%);-webkit-mask-composite:xor;z-index:-1;pointer-events:none;border-radius:8px;padding:2px;animation:1.2s linear forwards laser-once;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.bm-card.bm-pending{cursor:pointer;opacity:.8}.bm-card.bm-pending:hover:not(:disabled){border-color:var(--color-primary);opacity:1;transform:scale(1.02);box-shadow:0 2px 10px #3498db4d}.bm-card.bm-played:hover{background:#3498db14}.bm-card.bm-played{cursor:default}.bm-card.bm-placeholder{opacity:.35;border-style:dashed}.bm-team{align-items:center;gap:3px;padding:4px 6px;font-size:.72rem;display:flex}.bm-team+.bm-team{border-top:1px solid #e9ecef}.bm-win{background:#27ae6014;font-weight:700}.bm-flag{flex-shrink:0;font-size:.85rem}.bm-name{white-space:nowrap;text-overflow:ellipsis;color:#2c3e50;flex:1;overflow:hidden}.bm-score{text-align:center;color:#1a5276;min-width:14px;font-size:.82rem;font-weight:700}.bm-win .bm-score{color:var(--color-success)}.bm-lose{opacity:.5;background:#e74c3c0f}.bm-lose .bm-name{-webkit-text-decoration:line-through #e74c3c66;text-decoration:line-through #e74c3c66}.bm-lose .bm-score{color:var(--color-danger)}.bm-rate{color:#8e44ad;opacity:.7;flex-shrink:0;font-size:.55rem}.group-matches{flex-direction:column;gap:5px;margin-top:10px;display:flex}.group-matches .match-card{padding:7px 10px;font-size:.82rem}.group-matches .match-card .flag{font-size:1rem}.group-matches .match-card .name{font-size:.78rem}.group-matches .match-card .score{font-size:.95rem}.match-team-settings{vertical-align:middle;align-items:center;gap:3px;margin-left:4px;display:inline-flex}.match-formation{color:#2980b9;background:#eaf2f8;border-radius:3px;padding:1px 3px;font-size:.6rem;font-weight:600}.match-mod{font-size:.6rem}@media (width<=768px){.app{padding:12px 8px}.header{border-radius:12px;padding:14px 8px 10px}.title-badge{letter-spacing:4px;padding:2px 10px;font-size:.55rem}.title-author{letter-spacing:3px;font-size:.8rem}.title-main{font-size:1.6rem}.size-selector{flex-wrap:wrap;gap:6px}.btn-size{padding:6px 16px;font-size:.85rem}.btn{padding:10px 18px;font-size:.95rem}.btn-start{padding:12px 28px;font-size:1rem}.country-chip{gap:3px;padding:4px 8px;font-size:.75rem}.groups-grid{grid-template-columns:1fr}.group-card{padding:10px;overflow:hidden}.group-circle{max-width:260px}.circle-team{width:58px;height:58px;padding:4px}.circle-flag{font-size:1.2rem}.circle-name{max-width:48px;font-size:.5rem}.formation-select{max-width:58px;padding:0 1px;font-size:.5rem}.standings-table{-webkit-overflow-scrolling:touch;font-size:.7rem;display:block;overflow-x:auto}.standings-table thead,.standings-table tbody{width:100%;display:table}.standings-table th,.standings-table td{padding:3px 2px}.standings-table th{font-size:.65rem}.matches-grid{grid-template-columns:1fr}.match-card{min-width:0;padding:8px 10px}.team .flag{font-size:1.1rem}.team .name{font-size:.75rem}.team .score{font-size:.95rem}.winrate-badge{padding:1px 4px;font-size:.6rem}.vs{padding:0 4px;font-size:.7rem}.group-matches .match-card{padding:6px 8px}.group-matches .match-card .flag{font-size:.9rem}.group-matches .match-card .name{font-size:.7rem}.team .name .name-en{display:none}.round-title,.section-title{font-size:1.1rem}.champion{padding:20px 12px}.trophy{font-size:3rem}.champion-flag{font-size:2.2rem}.champion-name{font-size:1.3rem}.champion-stats{font-size:.8rem}.ring-1{width:140px;height:140px}.ring-2{width:220px;height:220px}.ring-3{width:300px;height:300px}.selector-header{flex-direction:column;align-items:flex-start;gap:8px}.selector-header h2{font-size:1rem}.controls{gap:8px}.top-panels{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100vw - 12px);top:6px;right:6px}.sound-toggle,.theme-toggle{width:28px;height:28px;font-size:.8rem}.ranking-toggle,.history-toggle{padding:3px 8px;font-size:.65rem}.ranking-body{width:min(260px,90vw);max-height:50vh;right:0}.history-body{width:min(320px,90vw);max-height:50vh;right:0}.mod-btn{width:28px;height:28px;font-size:.85rem}.check-cell input[type=checkbox]{width:20px;height:20px}.bm-card{width:110px}.b-round{min-width:126px}.bm-team{gap:2px;padding:3px 4px;font-size:.65rem}.bm-flag{font-size:.75rem}.bm-score{font-size:.72rem}.b-conn{width:20px;min-width:20px}.bracket-center{width:fit-content}.final-card{gap:10px;padding:12px 14px}.final-circle{width:44px;height:44px}.final-flag{font-size:1.4rem}.final-name{font-size:.7rem}.final-score{font-size:1.1rem}.final-vs{font-size:.8rem}.final-team{min-width:50px}}[data-theme=dark] .ranking-toggle{color:#5dade2;background:linear-gradient(135deg,#1a2a3c,#1e3a5c);border-color:#2471a3}[data-theme=dark] .ranking-body{background:#1a1a2e;border-color:#2471a3;box-shadow:0 8px 32px #0006}[data-theme=dark] .ranking-source{color:#7f8c8d}[data-theme=dark] .ranking-filters{border-bottom-color:#34495e}[data-theme=dark] .ranking-filter{color:#95a5a6;background:#2c3e50;border-color:#34495e}[data-theme=dark] .ranking-filter:hover{color:#5dade2;border-color:#5dade2}[data-theme=dark] .ranking-filter.active{color:#fff;background:#2471a3;border-color:#2471a3}[data-theme=dark] .ranking-item:hover{background:#3498db1a}[data-theme=dark] .ranking-name{color:#ecf0f1}[data-theme=dark] .ranking-conf{color:#95a5a6;background:#34495e}[data-theme=dark] .history-toggle{color:var(--color-gold);background:linear-gradient(135deg,#2c2a1a,#3d3520)}[data-theme=dark] .sound-toggle,[data-theme=dark] .theme-toggle{background:#2c3e50;border-color:#34495e}[data-theme=dark] .sound-toggle.off{border-color:#c0392b}[data-theme=dark] .history-body{background:#1a1a2e;border-color:#8b7420;box-shadow:0 8px 32px #0006}[data-theme=dark] .history-item{background:#2c3e50}[data-theme=dark] .history-item:first-child{background:linear-gradient(135deg,#2c2a1a,#3d3520);border-color:#8b7420}[data-theme=dark] .history-name{color:#ecf0f1}[data-theme=dark] .btn-size{color:#ecf0f1;background:#2c3e50;border-color:#34495e}[data-theme=dark] .btn-size.active{color:#fff;background:linear-gradient(135deg,#2980b9,#3498db);border-color:#2980b9}[data-theme=dark] .selector-header h2{color:#ecf0f1}[data-theme=dark] .country-chip{color:#ecf0f1;background:#2c3e50;border-color:#34495e}[data-theme=dark] .country-chip.selected{border-color:var(--color-primary);background:#1a2a3a}[data-theme=dark] .group-card{background:#2c3e50;border-color:#34495e}[data-theme=dark] .group-name,[data-theme=dark] .group-team-item{color:#ecf0f1}[data-theme=dark] .circle-team{color:#ecf0f1;background:#2c3e50e6;box-shadow:0 2px 8px #0003}[data-theme=dark] .circle-team:hover{box-shadow:0 4px 16px #3498db66}[data-theme=dark] .circle-team.swap-selected{background:#e74c3c40;box-shadow:0 0 16px #e74c3c80}[data-theme=dark] .circle-team.swap-target{background:#2ecc7126}[data-theme=dark] .group-circle:before{border-color:#d4ac0d26}[data-theme=dark] .mod-btn{color:#bdc3c7;background:#34495e;border-color:#4a6274}[data-theme=dark] .mod-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=dark] .formation-select{color:#ecf0f1;background:#34495e;border-color:#4a6274}[data-theme=dark] .formation-select:hover{border-color:var(--color-primary)}[data-theme=dark] .formation-badge,[data-theme=dark] .match-formation{color:#5dade2;background:#1a3a5c}[data-theme=dark] .standings-table th{color:#95a5a6;border-bottom-color:#34495e}[data-theme=dark] .standings-table .points{color:var(--color-primary)}[data-theme=dark] .standings-table .winrate{color:#c39bd3}[data-theme=dark] .standings-table tr.qualified{background:#1a2a3a}[data-theme=dark] .standings-table tr.qualified-wildcard{background:#2c2a1a}[data-theme=dark] .wildcard-badge{color:#f1c40f;background:#f1c40f33}[data-theme=dark] .standings-table .team-cell{color:#ecf0f1}[data-theme=dark] .match-card{background:#2c3e50;border-color:#34495e}[data-theme=dark] .match-card.played{border-color:var(--color-success);background:#1a3a2a}[data-theme=dark] .match-card.played:before{background:conic-gradient(from var(--laser-angle,0deg), transparent 0%, #27ae60 10%, #58d68d 20%, #abebc6 30%, transparent 40%)}[data-theme=dark] .match-card.clickable.pending:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #3498db66}[data-theme=dark] .match-card.played,[data-theme=dark] .bm-card.bm-played{animation-name:match-result-dark}[data-theme=dark] .bm-card.bm-played:before{background:conic-gradient(from var(--laser-angle,0deg), transparent 0%, #27ae60 10%, #58d68d 20%, #abebc6 30%, transparent 40%)}@keyframes match-result-dark{0%{opacity:.5;background:#3d3520;transform:scale(.95);box-shadow:0 0 #f1c40fb3}30%{background:#3d3520;transform:scale(1.03);box-shadow:0 0 20px 4px #f1c40f4d}60%{background:#1a3a2a;transform:scale(1);box-shadow:0 0 12px 2px #27ae604d}to{box-shadow:none;transform:scale(1)}}[data-theme=dark] .team .name{color:#ecf0f1}[data-theme=dark] .team .score{color:var(--color-primary)}[data-theme=dark] .team.winner .score{color:#2ecc71}[data-theme=dark] .team.loser .score{color:var(--color-danger)}[data-theme=dark] .team.draw .score{color:#f39c12}[data-theme=dark] .rank-badge{color:#f39c12;background:#f39c1226}[data-theme=dark] .winrate-badge{color:#c39bd3;background:#c39bd326}[data-theme=dark] .champion-rank{color:#f39c12}[data-theme=dark] .champion{border-color:var(--color-gold);background:linear-gradient(135deg,#2c2a1a,#3d3520,#2c2a1a,#3d3010,#2c2a1a) 0 0/300% 300%}[data-theme=dark] .champion-name{color:#ecf0f1}[data-theme=dark] .champion-stats{color:#bdc3c7}[data-theme=dark] .ring{border-color:#f1c40f26}[data-theme=dark] .falling-star{background:#f39c12;box-shadow:0 0 6px 2px #f39c1299}[data-theme=dark] .champion-label{text-shadow:0 0 20px #d4ac0d99}[data-theme=dark] .round-title,[data-theme=dark] .section-title{color:#ecf0f1}[data-theme=dark] .bm-card{background:#2c3e50;border-color:#3d4f63}[data-theme=dark] .bm-card.bm-played{border-color:var(--color-success);background:#1a3a2a}[data-theme=dark] .bm-card.bm-pending:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 2px 10px #3498db66}[data-theme=dark] .bm-card.bm-placeholder{background:#2a2e38;border-color:#3d4f63}[data-theme=dark] .bm-team+.bm-team{border-top-color:#3d4f63}[data-theme=dark] .bm-name{color:#ecf0f1}[data-theme=dark] .bm-score{color:var(--color-primary)}[data-theme=dark] .bm-win{background:#27ae6026}[data-theme=dark] .bm-win .bm-score{color:#2ecc71}[data-theme=dark] .bm-lose{background:#e74c3c1a}[data-theme=dark] .bm-lose .bm-score{color:var(--color-danger)}[data-theme=dark] .b-conn-left .b-conn-pair:before,[data-theme=dark] .b-conn-left .b-conn-pair:after,[data-theme=dark] .b-conn-left .b-conn-top:after,[data-theme=dark] .b-conn-left .b-conn-bot:after,[data-theme=dark] .b-conn-right .b-conn-pair:before,[data-theme=dark] .b-conn-right .b-conn-pair:after,[data-theme=dark] .b-conn-right .b-conn-top:after,[data-theme=dark] .b-conn-right .b-conn-bot:after,[data-theme=dark] .b-final-line:after{background:#8b7420}.squad-btn{cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;margin-top:4px;padding:2px 8px;font-size:.85rem;transition:all .15s}.squad-btn:hover{border-color:var(--color-primary);background:#3498db33}.squad-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out overlay-fade;display:flex;position:fixed;top:0;left:0}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.squad-modal{background:#1a1a2e;border:1px solid #444;border-radius:12px;flex-direction:column;width:95%;max-width:1000px;max-height:85vh;animation:.2s ease-out modal-enter;display:flex;box-shadow:0 8px 32px #00000080}[data-theme=light] .squad-modal{background:#fff;border-color:#ddd;box-shadow:0 8px 32px #00000026}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.squad-header{border-bottom:1px solid #333;align-items:center;gap:12px;padding:16px 20px;display:flex}[data-theme=light] .squad-header{border-bottom-color:#ddd}.squad-header h3{flex:1;margin:0;font-size:1.2rem}.squad-avg{color:#888;font-size:.85rem}.squad-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.4rem}.squad-close:hover{color:#fff;background:#ffffff1a}[data-theme=light] .squad-close:hover{color:#333;background:#0000000d}.squad-xi-info{color:#aaa;border-bottom:1px solid #333;align-items:center;gap:16px;padding:10px 20px;font-size:.85rem;display:flex}[data-theme=light] .squad-xi-info{color:#666;border-bottom-color:#eee}.xi-count{color:var(--color-primary);font-weight:600}.xi-avg{color:#aaa;font-weight:400}[data-theme=light] .xi-avg{color:#888}.squad-filters{border:none;border-bottom:1px solid #333;gap:6px;margin:0;padding:10px 20px;display:flex}[data-theme=light] .squad-filters{border-bottom-color:#eee}.squad-filter{cursor:pointer;color:#ddd;background:#ffffff0d;border:1px solid #555;border-radius:6px;padding:4px 14px;font-size:.8rem;transition:all .15s}.squad-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=light] .squad-filter{color:#555;background:#f5f5f5;border-color:#ddd}[data-theme=light] .squad-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.squad-table-wrap{flex:1;padding:0;overflow:auto}.squad-table{border-collapse:collapse;width:100%;font-size:.8rem}.squad-table thead{z-index:1;position:sticky;top:0}.squad-table th{color:#aaa;text-align:center;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#15152a;border-bottom:2px solid #333;padding:8px 6px;font-size:.72rem;font-weight:600}[data-theme=light] .squad-table th{color:#666;background:#f8f8f8;border-bottom-color:#ddd}.squad-table .th-check{width:36px}.squad-table .th-num{width:32px}.squad-table .th-name{text-align:left;min-width:110px}.squad-table .th-pos{width:48px}.squad-table .th-ovr{width:40px}.squad-table .th-stat{width:64px}.squad-table .th-height{width:40px}.squad-table .th-age{width:36px}.squad-table .th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.squad-table .th-sortable:hover{color:#4fc3f7}[data-theme=light] .squad-table .th-sortable:hover{color:#1976d2}.squad-row{cursor:pointer;border-bottom:1px solid #222;transition:background .1s}[data-theme=light] .squad-row{border-bottom-color:#f0f0f0}.squad-row:hover{background:#3498db14}.squad-row.selected-row{background:#3498db26}[data-theme=light] .squad-row.selected-row{background:#3498db1a}.squad-row td{text-align:center;vertical-align:middle;padding:7px 6px}.check-cell input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.num-cell{color:#888;font-weight:500}.name-cell{text-align:left;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:180px;font-weight:600;display:flex;overflow:hidden}.player-photo{object-fit:cover;cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:transform .15s}.player-photo:hover{transform:scale(1.3)}button.name-clickable{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}button.name-clickable:hover{color:var(--color-primary);text-decoration:underline}.photo-zoom-overlay{z-index:1100;cursor:pointer;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.photo-zoom-card{flex-direction:column;align-items:center;gap:12px;animation:.2s ease-out modal-enter;display:flex}.photo-zoom-card img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:200px;height:200px;box-shadow:0 4px 24px #00000080}.photo-zoom-name{color:#fff;text-shadow:0 1px 4px #00000080;font-size:1.1rem;font-weight:600}.name-local{font-size:.85rem;line-height:1.2;display:block}.name-latin{color:#888;font-size:.68rem;font-weight:400;line-height:1.2;display:block}[data-theme=light] .name-latin{color:#999}.name-generated{color:#e67e22;vertical-align:super;margin-left:3px;font-size:.7rem}.squad-legend{color:#888;padding:6px 20px;font-size:.75rem}[data-theme=light] .squad-legend{color:#999}.xi-legend{color:#888;margin-left:auto;font-size:.75rem}[data-theme=light] .xi-legend{color:#999}.pos-cell{border-radius:3px;padding:2px 6px;font-size:.72rem;font-weight:700}.pos-gk{color:#f39c12}.pos-def{color:var(--color-primary)}.pos-mid{color:#2ecc71}.pos-fwd{color:var(--color-danger)}.ovr-cell{font-size:.9rem;font-weight:700}.stat-cell{padding:4px;position:relative}.stat-bar-bg{background:#ffffff0f;border-radius:2px;height:3px;position:absolute;bottom:2px;left:2px;right:2px;overflow:hidden}[data-theme=light] .stat-bar-bg{background:#0000000f}.stat-bar-fill{border-radius:2px;height:100%;transition:width .3s}.stat-value{font-size:.78rem;font-weight:500}.height-cell,.age-cell{color:#999;font-size:.78rem}.squad-actions{border-top:1px solid #333;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}[data-theme=light] .squad-actions{border-top-color:#eee}.btn-auto{color:#fff;cursor:pointer;background:#2980b9;border:none;border-radius:6px;padding:8px 18px;font-size:.85rem}.btn-auto:hover{background:var(--color-primary)}.btn-squad-reset{color:#999;cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;padding:8px 18px;font-size:.85rem}.btn-squad-reset:hover{color:#ccc;background:#ffffff0d}[data-theme=light] .btn-squad-reset{color:#666;border-color:#ccc}[data-theme=light] .btn-squad-reset:hover{background:#f5f5f5}.btn-confirm{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:8px 24px;font-size:.85rem;font-weight:600}.btn-confirm:hover{background:#2ecc71}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #3498db}[data-theme=dark] button:focus-visible,[data-theme=dark] select:focus-visible,[data-theme=dark] input:focus-visible{outline-color:#4fc3f7}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1024px){.groups-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.title-main{font-size:2.2rem}.bracket,.top-panels{gap:4px}}@media (width<=768px){.squad-modal{border-radius:8px;width:98%;max-height:90vh}.squad-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.squad-table{min-width:700px}}.app-version{text-align:center;color:var(--color-gray);opacity:.6;padding:16px 0 8px;font-size:11px}