@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;background:linear-gradient(135deg,#e8f4fd 0%,#d4eaf7 30%,#e0f0fa 60%,#ecf5fb 100%);min-height:100vh;font-family:Inter,MiSans,HarmonyOS Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:24px}.header{background:linear-gradient(135deg,#fff 0%,#f0f7fd 50%,#e8f4fc 100%);border:1px solid #c8ddf0;border-radius:16px;margin-bottom:32px;padding:32px 24px;box-shadow:0 4px 24px #3b82f614,0 1px 4px #3b82f60f}.header h1{color:#1a365d;text-align:center;letter-spacing:-.02em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.instructions{text-align:center;color:#5a7a9a;margin-bottom:24px;font-size:.95rem;font-weight:500}.header-actions{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #c8ddf0;border-radius:14px;align-items:center;gap:14px;padding:20px 16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 12px #3b82f60a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f61f}.stat-icon{color:#3b8fd4;background:linear-gradient(135deg,#e8f4fd 0%,#d0e8f7 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.stat-info{flex-direction:column;flex:1;gap:4px;display:flex}.stat-title{color:#5a7a9a;font-size:.85rem;font-weight:500}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{color:#fff;background:linear-gradient(135deg,#4da3e8 0%,#3b8fd4 100%);box-shadow:0 2px 8px #3b82f633}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b8fd4 0%,#2e7cc4 100%);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.btn-secondary{color:#4a5568;background:#f0f4f8;border:1px solid #c8ddf0}.btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.btn-danger{color:#fff;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);box-shadow:0 2px 8px #ef444433}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-1px);box-shadow:0 4px 16px #ef44444d}.main-content{flex-direction:column;gap:30px;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px;display:flex}.section-header h2{color:#1a365d;font-size:1.5rem;font-weight:600}.section-actions{flex-wrap:wrap;gap:15px;display:flex}.search-container{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.search-input{color:#1a2332;background:#fff;border:1px solid #c8ddf0;border-radius:10px;width:300px;padding:10px 16px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#4da3e8;outline:none;box-shadow:0 0 0 3px #4da3e81f}.position-filters{display:none}.position-filters label{cursor:pointer;color:#5a7a9a;align-items:center;gap:5px;font-size:.85rem;transition:color .3s;display:flex}.position-filters label:hover{color:#3b8fd4}.position-filters input[type=checkbox]{accent-color:#3b8fd4}.teams-container{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.team-card{background:#fff;border:1px solid #d0e4f5;border-radius:14px;padding:20px;transition:box-shadow .2s;position:relative;box-shadow:0 2px 8px #3b82f60a}.team-card:hover{box-shadow:0 6px 20px #3b82f61a}.team-card.is-full{border-color:#fecaca}.team-card.drag-over{background:#f0f7fd;border-color:#4da3e8;box-shadow:0 0 0 3px #4da3e826}.team-card.drag-over-full{opacity:.7;background:#fff5f5;border-color:#f87171}.team-header{border-bottom:1px solid #e8f0f8;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.team-info{align-items:baseline;gap:8px;display:flex}.team-info .team-name{color:#1a365d;font-size:1.1rem;font-weight:700}.team-player-count{color:#94a3b8;font-size:.8rem}.team-score{color:#3b8fd4;font-size:.95rem;font-weight:700}.team-empty-hint{text-align:center;color:#94a3b8;border:2px dashed #d0e4f5;border-radius:10px;padding:20px 10px;font-size:.85rem}.team-full-indicator{color:#fff;text-align:center;background:#f87171;border-radius:8px;width:100%;padding:10px;font-size:.9rem;font-weight:700}.synergy-indicator{color:#fff;background:linear-gradient(135deg,#4da3e8 0%,#3b8fd4 100%);border-radius:12px;margin-left:10px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.team-actions{gap:10px;display:flex}.remove-team-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #d0e4f5;border-radius:6px;padding:5px 10px;font-size:.8rem;transition:all .2s}.remove-team-btn:hover{color:#ef4444;background:#fee2e2;border-color:#f87171}.team-players{min-height:60px;margin-bottom:4px}.team-footer{border-top:1px solid #e8f0f8;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;display:flex}.team-footer .btn-sm{border-radius:8px;padding:6px 14px;font-size:.8rem}.player-card{background:#fff;border:1px solid #d0e4f5;border-radius:12px;margin-bottom:12px;padding:16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 4px #3b82f60a}.player-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f61a}.player-card.assigned-player{opacity:.6;background:#f8fafc}.player-card.assigned-player:hover{opacity:.8}.player-actions{border-top:1px solid #e8f0f8;justify-content:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.player-action-btn{color:#3b8fd4;cursor:pointer;background:#f0f7fd;border:1px solid #d0e4f5;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:36px;height:34px;padding:0 10px;font-size:.8rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.player-action-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #3b82f626}.join-btn:hover{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-color:#0000}.edit-btn:hover{color:#fff;background:linear-gradient(135deg,#4da3e8 0%,#3b8fd4 100%);border-color:#0000}.copy-btn:hover{color:#fff;background:linear-gradient(135deg,#34d399 0%,#22c55e 100%);border-color:#0000}.delete-btn:hover{color:#fff;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);border-color:#0000}.player-card.simplified{cursor:default;background:#f8fafc;border:1px solid #e2ecf5;border-radius:10px;align-items:flex-start;margin-bottom:8px;padding:10px 12px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #3b82f608}.player-card.simplified:hover{background:#fff;border-color:#c8ddf0;transform:none;box-shadow:0 2px 8px #3b82f60f}.player-card.simplified .player-header{flex:1}.player-card.simplified .player-info{justify-content:space-between;margin-bottom:4px;display:flex}.player-card.simplified .player-basic-info{flex:1}.player-card.simplified .player-nickname{color:#1a365d;margin-bottom:2px;font-size:.95rem;font-weight:600}.player-card.simplified .player-game-id{color:#5a7a9a;margin-bottom:2px;font-size:.8rem}.player-card.simplified .player-group-nickname{color:#7a9ab8;font-size:.78rem}.player-card.simplified .player-score{border-radius:10px;align-self:flex-start;padding:2px 6px;font-size:.8rem;font-weight:600}.player-card.simplified .player-positions{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.player-card.simplified .position-tag{color:#3b8fd4;background:#e8f4fd;border:1px solid #c8ddf0;border-radius:5px;padding:1px 6px;font-size:.7rem}.player-card.simplified .player-stats{gap:10px;display:flex}.player-card.simplified .stat-item{align-items:center;gap:3px;display:flex}.player-card.simplified .stat-label{color:#94a3b8;font-size:.72rem}.player-card.simplified .stat-value{color:#1a365d;font-size:.72rem;font-weight:600}.simplified-player-actions{flex-direction:column;gap:4px;margin-left:8px;display:flex}.player-action-btn.small{justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:.75rem;display:flex}.player-action-btn.remove-btn{color:#f87171;background:#fef2f2;border:1px solid #fecaca}.player-action-btn.remove-btn:hover{color:#fff;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);border-color:#0000}.player-card.dragging{opacity:.5}.player-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.player-name{color:#1a365d;font-size:1.05rem;font-weight:700}.player-game-id{color:#5a7a9a;font-size:.85rem}.player-score{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.85rem;font-weight:700}.player-score.score-master{color:#be123c;background:#fce7f3}.player-score.score-diamond{color:#6d28d9;background:#ede9fe}.player-score.score-platinum{color:#1e5fa8;background:#e0f0fe}.player-score.score-gold{color:#15803d;background:#dcfce7}.player-score.score-silver{color:#64748b;background:#f1f5f9}.remove-player{color:#94a3b8;cursor:pointer;opacity:0;z-index:1;background:#f8fafc;border:1px solid #d0e4f5;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:6px;right:8px}.player-card:hover .remove-player{opacity:1}.remove-player:hover{color:#ef4444;background:#fee2e2;border-color:#f87171}.player-info{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:10px;font-size:.82rem;display:grid}.player-info-item{flex-direction:column;display:flex}.player-info-label{color:#94a3b8;margin-bottom:1px;font-size:.7rem}.player-info-value{color:#1a365d;font-weight:500}.player-stats{border-top:1px solid #e8f0f8;gap:15px;margin-top:8px;padding-top:8px;display:flex}.stat-item{flex-direction:column;display:flex}.stat-label{color:#94a3b8;font-size:.72rem}.stat-value{color:#1a365d;font-size:.9rem;font-weight:600}.player-detailed-stats{border-top:1px solid #e8f0f8;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:12px;padding-top:12px;display:flex}.stats-toggle-btn{color:#3b8fd4;cursor:pointer;background:#f0f7fd;border:1px solid #c8ddf0;border-radius:6px;width:100%;padding:6px 12px;font-size:.8rem;transition:all .2s}.stats-toggle-btn:hover:not(:disabled){background:#dce8f5;transform:translateY(-1px)}.stats-toggle-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;width:100%;margin-top:8px;padding:8px;font-size:.8rem}.debug-toggle{border-top:1px solid #e8f0f8;margin-top:15px;padding-top:10px}.debug-toggle-btn{color:#94a3b8;cursor:pointer;background:#f0f4f8;border:1px solid #d0e4f5;border-radius:4px;width:100%;padding:4px 8px;font-size:.75rem}.debug-toggle-btn:hover{background:#e2e8f0}.debug-info{margin-top:10px}.debug-info h4{color:#5a7a9a;margin:10px 0 5px;font-size:.8rem}.debug-info pre{color:#1a2332;white-space:pre-wrap;word-wrap:break-word;background:#f0f4f8;border-radius:6px;max-height:200px;padding:10px;font-size:.7rem;overflow-y:auto}.detailed-stats-content{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;display:flex}.detailed-stats-content .stat-section{width:100%;margin-bottom:15px}.detailed-stats-content h4{color:#1a365d;border-bottom:1px solid #e8f0f8;margin-bottom:8px;padding-bottom:4px;font-size:.9rem}.detailed-stats-content .stat-value{color:#3b8fd4;font-size:1.2rem}.heroes-list{flex-direction:column;gap:6px;display:flex}.hero-stat-item{background:#f0f7fd;border-radius:6px;justify-content:space-between;padding:4px 8px;font-size:.8rem;display:flex}.hero-name{color:#1a365d}.hero-stats{color:#3b8fd4;font-weight:500}.player-heroes-preview,.player-synergy-preview{border-top:1px solid #e8f0f8;margin-top:8px;padding-top:8px}.player-heroes-preview .info-label,.player-synergy-preview .info-label{color:#94a3b8;margin-bottom:4px;font-size:.72rem}.player-heroes-preview .info-content,.player-synergy-preview .info-content{flex-wrap:wrap;gap:4px;display:flex}.hero-tag.small{color:#3b8fd4;background:#f0f7fd;border:1px solid #c8ddf0;border-radius:4px;padding:2px 6px;font-size:.68rem}.hero-tag.small.more{color:#94a3b8;background:#e8f0f8}.score-value{font-weight:700}.score-high{color:#16a34a}.score-medium{color:#d97706}.score-low{color:#94a3b8}.position-tags{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.position-tag{color:#3b8fd4;background:#f0f7fd;border:1px solid #c8ddf0;border-radius:6px;padding:2px 8px;font-size:.7rem}.heroes-list{margin-top:5px}.hero-tag{color:#3b8fd4;background:#f0f7fd;border:1px solid #c8ddf0;border-radius:6px;margin-bottom:3px;margin-right:5px;padding:2px 8px;font-size:.7rem;display:inline-block}.synergy-players{border-top:1px solid #e8f0f8;margin-top:8px;padding-top:8px}.synergy-players-label{color:#5a7a9a;margin-bottom:3px;font-size:.75rem}.synergy-player-name{color:#3b8fd4;margin-right:8px;font-size:.8rem}.add-player-btn{color:#3b8fd4;cursor:pointer;background:#f8fafc;border:2px dashed #c8ddf0;border-radius:10px;width:100%;padding:10px;font-size:.9rem;transition:all .2s}.add-player-btn:hover{color:#2e7cc4;background:#f0f7fd;border-style:solid;border-color:#4da3e8}.players-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.player-section-divider{text-align:center;grid-column:1/-1;margin:8px 0 4px}.divider-text{color:#94a3b8;background:#e8f4fd;border-radius:20px;padding:4px 16px;font-size:.8rem;font-weight:500;display:inline-block}.modal{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal.active.show{justify-content:center;align-items:center;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{background:#fff;border:1px solid #c8ddf0;border-radius:16px;width:90%;max-width:1200px;max-height:80vh;margin:auto;padding:0;position:relative;overflow:hidden;box-shadow:0 16px 48px #3b82f61f,0 4px 16px #0000000f}.large-modal{max-width:800px}.modal-header{background:linear-gradient(135deg,#f8fafc 0%,#f0f7fd 100%);border-bottom:1px solid #e8f0f8;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.modal-header h3{color:#1a365d;font-size:1.3rem;font-weight:600}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.modal-close:hover{color:#1a2332;background:#e2e8f0}.modal-body{max-height:calc(80vh - 120px);padding:20px 25px;overflow-y:auto}.modal-search-input{color:#1a2332;background:#f8fafc;border:1px solid #c8ddf0;border-radius:10px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.modal-search-input:focus{border-color:#4da3e8;outline:none;box-shadow:0 0 0 3px #4da3e81f}.modal-players-list{max-height:400px;overflow-y:auto}.modal-player-item{cursor:pointer;outline-offset:-2px;background:#f8fafc;border:1px solid #d0e4f5;border-radius:12px;outline:2px solid #0000;margin-bottom:10px;padding:15px;transition:background .15s,border-color .15s,outline .15s}.modal-player-item:hover{background:#f0f7fd;border-color:#4da3e8}.modal-player-item.selected{background:linear-gradient(135deg,#e8f4fd 0%,#d0e8f7 100%);border-color:#3b8fd4;outline-color:#3b8fd4}.player-card.modal-view{background:#f8fafc;border:1px solid #d0e4f5;border-radius:10px;height:100%;padding:10px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 4px #3b82f60d}.player-card.modal-view:hover{background:#fff;border-color:#c8ddf0}.player-card.modal-view .player-header{flex:1}.player-card.modal-view .player-info{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.player-card.modal-view .player-basic-info{flex:1;min-width:0}.player-card.modal-view .player-nickname{color:#1a365d;margin-bottom:1px;font-size:.85rem;font-weight:600}.player-card.modal-view .player-game-id{color:#5a7a9a;margin-bottom:1px;font-size:.72rem}.player-card.modal-view .player-group-nickname{color:#7a9ab8;font-size:.68rem}.player-card.modal-view .player-score{border-radius:10px;flex-shrink:0;align-self:flex-start;padding:2px 6px;font-size:.8rem;font-weight:600}.player-card.modal-view .player-positions{flex-wrap:wrap;gap:3px;display:flex}.player-card.modal-view .position-tag{color:#3b8fd4;background:#e8f4fd;border:1px solid #c8ddf0;border-radius:4px;padding:1px 6px;font-size:.65rem}.modal-players-list{grid-template-columns:repeat(4,1fr);gap:10px;max-height:400px;margin-top:15px;padding:10px;display:grid;overflow-y:auto}@media (max-width:1200px){.teams-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:10px}.header h1{font-size:1.8rem}.teams-container,.players-container{grid-template-columns:1fr}.search-container{flex-direction:column;align-items:stretch}.search-input{width:100%}.header-actions{flex-direction:column;align-items:stretch}.section-header{flex-direction:column;align-items:stretch;gap:15px}}@media (min-width:1400px){.teams-container{grid-template-columns:repeat(4,1fr);gap:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#e8f4fd;border-radius:4px}::-webkit-scrollbar-thumb{background:#b8d4f0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94c0e0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.player-card,.team-card{animation:.3s fadeIn}.stat-value{animation:.6s ease-out countUp}.new-player-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1a365d;font-size:.9rem;font-weight:500}.form-group input{color:#1a2332;background:#f8fafc;border:1px solid #c8ddf0;border-radius:10px;padding:12px 15px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{background:#fff;border-color:#4da3e8;outline:none;box-shadow:0 0 0 3px #4da3e81f}.score-preview{color:#3b8fd4;margin-top:5px;font-size:.85rem;font-weight:700}.position-checkboxes{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.position-checkboxes label{cursor:pointer;color:#5a7a9a;align-items:center;gap:8px;transition:color .3s;display:flex}.position-checkboxes label:hover{color:#3b8fd4}.position-checkboxes input[type=checkbox]{accent-color:#3b8fd4}.heroes-selector,.synergy-selector{flex-direction:column;gap:10px;display:flex}.selected-heroes,.selected-synergy{background:#f8fafc;border:1px solid #c8ddf0;border-radius:10px;flex-wrap:wrap;gap:8px;min-height:40px;padding:10px;display:flex}.selected-hero-tag,.selected-synergy-tag{color:#3b8fd4;background:#f0f7fd;border:1px solid #c8ddf0;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.8rem;display:flex}.remove-tag{cursor:pointer;color:#94a3b8;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700;transition:all .2s}.remove-tag:hover{color:#ef4444;background:#fef2f2}.form-actions{border-top:1px solid #e8f0f8;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;display:flex}.heroes-list-container{max-height:400px;overflow-y:auto}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.hero-item{cursor:pointer;text-align:center;outline-offset:-2px;background:#f8fafc;border:1px solid #c8ddf0;border-radius:10px;outline:2px solid #0000;padding:10px;transition:background .15s,border-color .15s,outline .15s}.hero-item:hover{background:#f0f7fd;border-color:#4da3e8}.hero-item.selected{background:linear-gradient(135deg,#e8f4fd 0%,#d0e8f7 100%);border-color:#3b8fd4;outline-color:#3b8fd4}.hero-item.selected .hero-name{color:#1a365d}.hero-item.selected .hero-nickname{color:#3b8fd4}.hero-name{color:#1a365d;margin-bottom:3px;font-weight:700}.hero-nickname{color:#7a9ab8;font-size:.75rem}.modal-actions{border-top:1px solid #e8f0f8;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;display:flex}.synergy-player-item{display:none}@media (max-width:768px){.form-row{grid-template-columns:1fr}.position-checkboxes{grid-template-columns:repeat(2,1fr)}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.empty-state{text-align:center;color:#94a3b8;padding:40px;font-size:.9rem}.empty-state:before{content:"📋";opacity:.4;margin-bottom:10px;font-size:2rem;display:block}.message-board-toggle{color:#fff;cursor:pointer;z-index:999;background:linear-gradient(135deg,#4da3e8 0%,#3b8fd4 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:15px 20px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 16px #3b82f633}.message-board-toggle:hover{background:linear-gradient(135deg,#3b8fd4 0%,#2e7cc4 100%);transform:translateY(-3px);box-shadow:0 8px 24px #3b82f64d}.message-board-icon{font-size:20px}.message-board-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a4d;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;right:0}.message-board{background:#fff;border-left:1px solid #c8ddf0;flex-direction:column;width:100%;max-width:500px;height:100%;display:flex;box-shadow:-5px 0 25px #3b82f614}.message-board-header{background:linear-gradient(135deg,#f8fafc 0%,#f0f7fd 100%);border-bottom:1px solid #e8f0f8;justify-content:space-between;align-items:center;padding:20px;display:flex}.message-board-header h3{color:#1a365d;margin:0;font-size:1.25rem;font-weight:600}.close-message-board{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.close-message-board:hover{color:#1a2332;background:#e2e8f0}.message-board-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-list{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message-item{background:#f8fafc;border:1px solid #d0e4f5;border-radius:12px;padding:15px}.message-header{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.message-username{color:#3b8fd4;font-weight:600}.message-time{color:#94a3b8}.message-content{color:#2d3748;margin-bottom:10px;line-height:1.5}.message-actions{justify-content:flex-end;display:flex}.like-button{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:15px;align-items:center;gap:5px;padding:5px 10px;font-size:14px;transition:all .2s;display:flex}.like-button:hover{color:#ef4444;background:#f0f7fd}.message-form{background:#f8fafc;border-top:1px solid #e8f0f8;padding:20px}.message-form h4{color:#1a365d;margin-top:0;margin-bottom:15px;font-size:1.1rem;font-weight:600}.form-input,.form-textarea{color:#1a2332;background:#fff;border:1px solid #c8ddf0;border-radius:10px;width:100%;margin-bottom:15px;padding:12px 15px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-textarea:focus{border-color:#4da3e8;outline:none;box-shadow:0 0 0 3px #4da3e81f}.form-textarea{resize:vertical;min-height:80px}.no-messages{text-align:center;color:#94a3b8;padding:40px 20px;font-size:.9rem}.random-message-container{z-index:998;position:fixed;bottom:100px;right:30px}.random-message{background:#fff;border:1px solid #c8ddf0;border-radius:12px;align-items:flex-start;gap:10px;max-width:300px;padding:15px;display:flex;box-shadow:0 4px 16px #3b82f614}.random-message-content{flex:1}.random-message-header{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.random-message-username{color:#3b8fd4;font-weight:600}.random-message-time{color:#94a3b8}.random-message-text{color:#2d3748;font-size:14px;line-height:1.4}.close-random-message{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;transition:all .2s;display:flex}.close-random-message:hover{color:#1a2332;background:#e2e8f0}
.header{background:linear-gradient(135deg,#fff 0%,#f0f7fd 50%,#e8f4fc 100%);border:1px solid #c8ddf0;border-radius:16px;margin-bottom:32px;padding:32px 24px;box-shadow:0 4px 24px #3b82f614,0 1px 4px #3b82f60f}.header h1{color:#1a365d;text-align:center;letter-spacing:-.02em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.instructions{text-align:center;color:#5a7a9a;margin-bottom:24px;font-size:.95rem;font-weight:500}.header-actions{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #c8ddf0;border-radius:14px;align-items:center;gap:14px;padding:20px 16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 12px #3b82f60a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f61f}.stat-icon{color:#3b8fd4;background:linear-gradient(135deg,#e8f4fd 0%,#d0e8f7 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.stat-info{flex-direction:column;flex:1;gap:4px;display:flex}.stat-title{color:#5a7a9a;font-size:.85rem;font-weight:500}.stat-value{color:#1a365d;font-size:1.6rem;font-weight:700}.stat-value.score-master{color:#e11d48}.stat-value.score-diamond{color:#7c3aed}.stat-value.score-platinum{color:#3b8fd4}.stat-value.score-gold{color:#16a34a}.stat-value.score-silver{color:#94a3b8}.teams-container{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.players-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a4d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{text-align:center;background:#fff;border:1px solid #c8ddf0;border-radius:16px;flex-direction:column;align-items:center;padding:30px;display:flex;box-shadow:0 8px 32px #3b82f61f}.loading-spinner{border:4px solid #d0e4f5;border-top-color:#3b8fd4;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#1a365d;font-size:16px}.player-section-divider{grid-column:1/-1;align-items:center;margin:16px 0 8px;display:flex}.player-section-divider:after{content:"";background:linear-gradient(90deg,#0000,#b8d4f0,#0000);flex:1;height:1px}.divider-text{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;background:#e8f4fd;border-radius:20px;padding:4px 16px;font-size:.8rem;font-weight:500}.player-card.assigned-player{opacity:.55;background:#f8fafc}.player-card.assigned-player:hover{opacity:.8}.tournament-controls{align-items:center;gap:10px;margin-left:auto;display:flex}.tournament-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4da3e8 0%,#3b8fd4 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #3b82f633}.tournament-button:hover{background:linear-gradient(135deg,#3b8fd4 0%,#2e7cc4 100%);box-shadow:0 4px 16px #3b82f64d}.edit-results-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#34d399 0%,#22c55e 100%);border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s;box-shadow:0 2px 8px #22c55e33}.edit-results-button:hover{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 16px #22c55e4d}.search-container{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.search-input{color:#1a2332;background:#fff;border:1px solid #c8ddf0;border-radius:10px;width:300px;padding:10px 16px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#4da3e8;outline:none;box-shadow:0 0 0 3px #4da3e81f}.position-filters{flex-wrap:wrap;gap:12px;display:flex}.position-filters label{cursor:pointer;color:#5a7a9a;align-items:center;gap:4px;font-size:.85rem;transition:color .2s;display:flex}.position-filters label:hover{color:#3b8fd4}.position-filters input[type=checkbox]{accent-color:#3b8fd4}@media (max-width:1200px){.teams-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:10px}.header h1{font-size:1.8rem}.teams-container,.players-container{grid-template-columns:1fr}.search-container{flex-direction:column;align-items:stretch}.search-input{width:100%}.header-actions{flex-direction:column;align-items:stretch}.section-header{flex-direction:column;align-items:stretch;gap:15px}.stats-cards{grid-template-columns:repeat(2,1fr)}.tournament-controls{justify-content:center;margin-top:10px;margin-left:0}.section-actions{justify-content:center;margin-top:10px}.search-container{margin-top:10px}}@media (min-width:1400px){.teams-container{grid-template-columns:repeat(4,1fr);gap:12px}}