.sim-hero{padding:3rem 0 2rem;text-align:center}.sim-hero h1{font-size:2.5rem;margin-bottom:.5rem}.sim-hero-desc{color:var(--text-secondary);font-size:1rem;max-width:500px;margin:0 auto}.sim-tabs-wrap{margin-bottom:2.5rem}.sim-tabs{display:flex;align-items:center;gap:.5rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.tab-arrow{color:var(--text-muted);font-size:1.2rem;line-height:1}.sim-tab{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-secondary);font-family:var(--font-heading);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.25rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sim-tab:disabled{opacity:.4;cursor:not-allowed}.sim-tab:not(:disabled):hover{color:var(--text-primary)}.sim-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-num{width:22px;height:22px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.sim-tab.active .tab-num{background:var(--primary);color:#0b0f19}.sim-content{padding-bottom:4rem}.sim-step{display:none;animation:fadeInUp .3s ease}.sim-step.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:2rem}.step-badge{display:inline-block;background:#00df811a;border:1px solid rgba(0,223,129,.25);color:var(--primary);font-size:.65rem;font-weight:800;letter-spacing:.12em;padding:.2rem .75rem;border-radius:9999px;margin-bottom:.6rem}.step-title{font-size:1.5rem;font-weight:800;margin-bottom:.4rem}.step-desc{color:var(--text-secondary);font-size:.9rem;max-width:560px;margin:0 auto;line-height:1.5}.step-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border-color);flex-wrap:wrap}.step-info{font-size:.85rem;color:var(--text-secondary);font-weight:600}.btn-step{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.875rem}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.25rem;margin-bottom:1.5rem}.group-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.group-card.sorted{border-color:#00df8166;box-shadow:0 0 0 1px #00df811f}.group-card-header{background:#ffffff05;padding:.55rem .9rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.group-card-title{font-weight:800;font-size:.85rem;color:var(--text-primary)}.group-card-status{font-size:.7rem;color:var(--text-muted);font-weight:600}.group-card-status.done{color:var(--primary);display:flex;align-items:center;gap:.2rem}.group-card-list{padding:.4rem;display:flex;flex-direction:column;gap:.1rem}.sortable-team{display:flex;align-items:center;gap:.65rem;padding:.55rem .65rem;border-radius:6px;cursor:grab;border:1px solid transparent;transition:background .12s,border-color .12s;user-select:none}.sortable-team:hover{background:#ffffff0a;border-color:#ffffff14}.sortable-team.sortable-ghost{opacity:.35;background:#00df8114;border-color:#00df814d}.sortable-team.sortable-chosen{background:#ffffff0f;cursor:grabbing;border-color:#ffffff1f}.team-pos{width:18px;text-align:center;font-size:.7rem;font-weight:800;color:var(--text-muted);flex-shrink:0}.pos-1{color:gold}.pos-2{color:silver}.pos-3{color:#cd7f32}.team-flag-sm{width:28px;height:19px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.1);flex-shrink:0;display:block}.team-name-sm{flex:1;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-handle{color:var(--text-muted);flex-shrink:0;opacity:.5;font-size:.8rem;letter-spacing:-1px;line-height:1}.thirds-table-wrap{max-width:640px;margin:0 auto}.thirds-counter{text-align:center;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.thirds-badge{display:inline-block;background:#00df811f;border:1px solid rgba(0,223,129,.3);color:var(--primary);padding:.1rem .6rem;border-radius:9999px;font-weight:800;font-size:.8rem;transition:all .2s}.thirds-badge.full{background:var(--primary);color:#0b0f19;border-color:var(--primary)}.thirds-table{width:100%;border-collapse:collapse;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.thirds-table thead tr{border-bottom:1px solid var(--border-color);background:#ffffff05}.thirds-table th{padding:.6rem 1rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.th-hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:.7rem}.thirds-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s ease}.thirds-table tbody tr:last-child{border-bottom:none}.thirds-table tbody tr:hover:not(.selected){background:#ffffff0a}.thirds-table tbody tr.selected{background:var(--primary)}.thirds-table tbody tr.selected td{color:#0b0f19;font-weight:700}.thirds-table tbody tr.selected .third-group-label{color:#0009}.thirds-table tbody tr.disabled-row{opacity:.35;cursor:not-allowed;pointer-events:none}.thirds-table td{padding:.65rem 1rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle}.third-group-label{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase}.third-team-cell{display:flex;align-items:center;gap:.6rem}.third-flag{width:28px;height:19px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.thirds-table tbody tr.selected .third-flag{border-color:#0003}.bracket-scroll-wrap{overflow-x:auto;padding:.5rem 0 2rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.bracket-scroll-wrap::-webkit-scrollbar{height:6px}.bracket-scroll-wrap::-webkit-scrollbar-track{background:transparent}.bracket-scroll-wrap::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.bracket-main{display:flex;gap:0;min-width:1200px;align-items:stretch;padding:0 .5rem}.bk-col{display:flex;flex-direction:column;flex:1;min-width:130px;max-width:160px}.bk-col-header{text-align:center;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.4rem .25rem .75rem;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.5rem}.bk-col-header.final-col{color:var(--primary);font-size:.7rem;border-bottom-color:#00df8140}.bk-col-body{display:flex;flex-direction:column;justify-content:space-around;flex:1;gap:4px;position:relative}.bk-match{position:relative;margin:2px 3px;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111418;transition:border-color .2s ease}.bk-match:hover{border-color:#ffffff26}.bk-match-id{display:none}.bk-team{display:flex;align-items:center;gap:.35rem;padding:.3rem .45rem;cursor:pointer;transition:background .15s ease;border-radius:0;position:relative}.bk-team:first-of-type{border-bottom:1px solid rgba(255,255,255,.05)}.bk-team:hover:not(.tbd):not(.winner){background:#ffffff0f}.bk-team.winner{background:#00df8126}.bk-team.winner .bk-team-name{color:var(--primary);font-weight:700}.bk-team.loser{opacity:.35}.bk-team.tbd{cursor:default}.bk-flag{width:20px;height:13px;object-fit:cover;border-radius:2px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.bk-team-name{font-size:.72rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:90px}.bk-team.tbd .bk-team-name{color:var(--text-muted);font-style:italic;font-weight:400}.bk-connector{display:flex;flex-direction:column;justify-content:space-around;width:10px;flex-shrink:0;padding:3px 0}.bk-connector-line{border-right:2px solid #2a2e3a;border-top:2px solid #2a2e3a;border-bottom:2px solid #2a2e3a;flex:1;margin:3px 0;border-radius:0 4px 4px 0}.bk-connector.right-side .bk-connector-line{border-right:none;border-left:2px solid #2a2e3a;border-radius:4px 0 0 4px}.champion-display{margin:1.5rem auto 0;max-width:480px}.champion-inner{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#00df811f,#00df810a);border:1px solid rgba(0,223,129,.35);border-radius:var(--radius-md);padding:1rem 1.5rem;animation:fadeInUp .4s ease}.champion-label{font-weight:700;font-size:.95rem;color:var(--text-secondary)}.champion-flag{width:36px;height:24px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.champion-name{font-size:1.15rem;font-weight:800;color:var(--primary)}@media(max-width:768px){.sim-hero h1{font-size:2rem}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.sim-tab .tab-label{display:none}.step-footer{flex-wrap:wrap;justify-content:space-between}.step-footer .btn-step{flex:1 1 auto;justify-content:center;text-align:center}}@media(max-width:480px){.groups-grid{grid-template-columns:1fr}}@keyframes sortableGhostPulse{0%,to{opacity:.3}50%{opacity:.5}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--primary);color:#000;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;opacity:0;transition:all .3s ease;z-index:1000;pointer-events:none;box-shadow:0 10px 25px #00df814d}.toast.show{transform:translate(-50%) translateY(0);opacity:1}