:root,[data-theme=dark]{--primary-color:#5dade2;--primary-hover:#3498db;--success-color:#2ecc71;--success-hover:#27ae60;--danger-color:#e74c3c;--danger-hover:#c0392b;--secondary-color:#7f8c8d;--secondary-hover:#6c7a7d;--bg-color:#1a1a2e;--card-bg:#16213e;--text-color:#eaeaea;--text-light:#a0a0a0;--border-color:#2d3a4f;--winner-color:#2ecc71;--match-bg:#1f2a44;--bracket-line:#4a5568;--shadow-color:rgba(0, 0, 0, 0.3);--modal-overlay:rgba(0, 0, 0, 0.8)}[data-theme=light]{--primary-color:#3498db;--primary-hover:#2980b9;--success-color:#27ae60;--success-hover:#219a52;--danger-color:#e74c3c;--danger-hover:#c0392b;--secondary-color:#95a5a6;--secondary-hover:#7f8c8d;--bg-color:#f5f6fa;--card-bg:#ffffff;--text-color:#2c3e50;--text-light:#7f8c8d;--border-color:#dcdde1;--winner-color:#27ae60;--match-bg:#ffffff;--bracket-line:#bdc3c7;--shadow-color:rgba(0, 0, 0, 0.1);--modal-overlay:rgba(0, 0, 0, 0.7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}.header-row{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}header h1{font-size:2.5rem;color:var(--text-color);margin-bottom:.5rem}.header-row .btn-back{position:absolute;left:0}.header-row .theme-toggle{position:absolute;right:0}.header-row h1{max-width:calc(100% - 6rem);word-wrap:break-word;overflow-wrap:break-word}.header-toolbar{display:flex;justify-content:flex-end;min-height:2rem;margin-top:.5rem}.header-toolbar:has(> .hidden:only-child){min-height:0;margin-top:0}.subtitle{color:var(--text-light);font-size:1.1rem}.theme-toggle{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s;flex-shrink:0}.theme-toggle:hover{transform:scale(1.1);background-color:var(--bg-color)}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:.2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-hover)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover)}.btn-danger{background-color:var(--danger-color);color:#fff;padding:.4rem .8rem;font-size:.85rem}.btn-danger:hover{background-color:var(--danger-hover)}.input-section{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 2px 10px var(--shadow-color);margin-bottom:2rem}.textarea-group{margin-bottom:1.5rem}.textarea-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.textarea-group textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:150px;transition:border-color .2s;background-color:var(--card-bg);color:var(--text-color)}.textarea-group textarea:focus{outline:0;border-color:var(--primary-color)}.textarea-group textarea::placeholder{color:var(--text-light)}.participant-count{display:block;margin-top:.5rem;color:var(--text-light);font-size:.9rem}.actions{display:flex;gap:1rem;justify-content:center}.hidden{display:none!important}.playin-section{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 2px 10px var(--shadow-color);margin-bottom:2rem;text-align:center}.playin-section h2{color:var(--text-color);margin-bottom:.5rem}.playin-info{color:var(--text-light);margin-bottom:1.5rem}.playin-match{display:inline-flex;flex-direction:column;gap:.5rem}.bracket-section{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 2px 10px var(--shadow-color);margin-bottom:2rem;overflow:auto;cursor:grab;user-select:none}.bracket-section.panning{cursor:grabbing}.bracket-section .participant{cursor:pointer;user-select:none}.btn-undo{padding:.5rem 1rem;font-size:.9rem}.btn-back{background-color:transparent;color:var(--text-color);border:none;padding:.5rem;font-size:1.25rem;line-height:1;min-width:auto;width:auto}.btn-back:hover{color:var(--primary-color)}.bracket-container{display:flex;justify-content:flex-start;align-items:stretch;gap:0;padding:1rem;min-width:fit-content}.round{display:flex;flex-direction:column;justify-content:flex-start;min-width:200px;margin-right:3rem}.round:last-child{margin-right:0}.match-pair{display:flex;flex-direction:column;justify-content:space-around;position:relative;margin-right:1.5rem;flex:1}.round[data-round="0"] .match-pair{min-height:7rem}.round[data-round="1"] .match-pair{min-height:14rem}.round[data-round="2"] .match-pair{min-height:28rem}.round[data-round="3"] .match-pair{min-height:56rem}.round-title{text-align:center;font-weight:600;color:var(--text-light);padding-bottom:.5rem;border-bottom:2px solid var(--border-color);position:absolute;top:0;left:0;right:0}.round{padding-top:2rem;position:relative}.match{background:var(--match-bg);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;z-index:1;position:relative;background:var(--card-bg)}.match-wrapper{display:flex;flex-direction:column;justify-content:center;position:relative;padding:.5rem 0;flex:1}.participant{padding:.75rem 1rem;cursor:pointer;transition:.2s;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant:last-child{border-bottom:none}.participant:hover:not(.disabled):not(.winner):not(.bye){background-color:var(--bg-color)}.participant.winner{background-color:var(--winner-color);color:#fff;font-weight:600}.participant.loser{opacity:.5;text-decoration:line-through}.participant.disabled{cursor:not-allowed;opacity:.7}.participant.bye{color:var(--text-light);font-style:italic;cursor:default}.participant.pending{color:var(--text-light)}.match.bye-match{background:var(--bg-color);border-style:dashed;opacity:.8}.participant.auto-advance{color:var(--success-color);font-weight:500;cursor:default;text-align:center;padding:.5rem 1rem}.participant .seed{font-size:.8rem;color:var(--text-light);min-width:1.5rem}.participant.winner .seed{color:rgba(255,255,255,.8)}.champion-section{text-align:center;padding:2rem}.champion-card{background:linear-gradient(135deg,#f6d365 0,#fda085 100%);padding:3rem;border-radius:16px;display:inline-block;box-shadow:0 10px 30px rgba(253,160,133,.4);animation:.5s ease-out champion-appear}@keyframes champion-appear{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.trophy{font-size:4rem;margin-bottom:1rem}.champion-card h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.champion-name{color:#fff;font-size:2rem;font-weight:700}@media (max-width:768px){body.bracket-active{overflow:hidden;position:fixed;width:100%;height:100%}.container{padding:1rem}header h1{font-size:1.5rem}.subtitle{font-size:.9rem;display:none}.input-section{padding:1rem}.textarea-group textarea{min-height:120px;font-size:.9rem}.actions{flex-direction:column}.actions .btn{width:100%;padding:.875rem 1rem}.bracket-section{position:relative;margin:-1rem;border-radius:0;height:calc(100vh - 6rem);max-height:calc(100vh - 6rem);padding:1rem 1rem 6rem;overflow:auto}body.bracket-active header{margin-bottom:.5rem}.header-row h1{max-width:calc(100% - 5rem);font-size:1.3rem}.header-toolbar{margin-top:.5rem;margin-bottom:1.5rem}.theme-toggle{width:1.75rem;height:1.75rem;font-size:.9rem}.btn-undo{padding:.3rem .6rem;font-size:.75rem}.bracket-container{padding:.5rem;gap:0}.round{min-width:140px;margin-right:2rem;padding-top:1.5rem}.round-title{font-size:.75rem;padding-bottom:.25rem}.round[data-round="0"] .match-pair{min-height:5.5rem}.round[data-round="1"] .match-pair{min-height:11rem}.round[data-round="2"] .match-pair{min-height:22rem}.round[data-round="3"] .match-pair{min-height:44rem}.match-pair{margin-right:1rem}.match-wrapper{padding:.25rem 0}.participant{padding:.5rem .75rem;font-size:.85rem}.participant.auto-advance{padding:.4rem .5rem;font-size:.8rem}.playin-section{padding:1.5rem 1rem}.playin-section h2{font-size:1.2rem}.playin-info{font-size:.9rem}.modal-content .champion-card{padding:2rem 1.5rem;margin:1rem;max-width:calc(100vw - 2rem)}.modal-content .trophy{font-size:3.5rem}.modal-content .champion-card h2{font-size:1.2rem;letter-spacing:2px}.modal-content .champion-name{font-size:1.5rem}.modal-close{top:-10px;right:-10px;width:35px;height:35px;font-size:1.2rem}}@media (max-width:380px){.round{min-width:120px;margin-right:1.5rem}.participant{padding:.4rem .5rem;font-size:.8rem}.bracket-header h2{font-size:1rem}}.bracket-section::-webkit-scrollbar,.participants-list::-webkit-scrollbar{height:8px;width:8px}.bracket-section::-webkit-scrollbar-track,.participants-list::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}.bracket-section::-webkit-scrollbar-thumb,.participants-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.bracket-section::-webkit-scrollbar-thumb:hover,.participants-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay:not(.hidden){opacity:1;visibility:visible}.modal-overlay.hidden{opacity:0;visibility:hidden}#confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1001}.modal-content{position:relative;z-index:1002;animation:.4s ease-out modal-appear}.modal-content.champion-modal{background:0 0}@keyframes modal-appear{from{transform:scale(.5) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-close{position:absolute;top:-15px;right:-15px;width:40px;height:40px;border-radius:50%;background:var(--card-bg);border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px var(--shadow-color);transition:transform .2s,background-color .2s;z-index:1003}.modal-close:hover{transform:scale(1.1);background-color:var(--danger-color);color:#fff}.modal-content .champion-card{background:linear-gradient(135deg,#f6d365 0,#fda085 100%);padding:3rem 4rem;border-radius:16px;text-align:center;box-shadow:0 20px 60px rgba(253,160,133,.5)}.modal-content .trophy{font-size:5rem;margin-bottom:1rem;animation:.6s ease-out trophy-bounce}@keyframes trophy-bounce{0%,100%,50%{transform:translateY(0)}30%{transform:translateY(-20px)}70%{transform:translateY(-10px)}}.modal-content .champion-card h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:3px}.modal-content .champion-name{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}