:root{--bg-top:#2c378a;--bg-mid:#1f2972;--bg-bottom:#182160;--bg:#1f2972;--surface:#182160;--surface-2:#1f2972;--border:#788adc38;--text:#eef1ff;--muted:#9ba6d6;--accent:#f5a623;--accent-2:#4ade80;--danger:#f87171;--blue:#7aa6ff;--radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:#1f2972;min-height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--blue)}.container{max-width:1100px;margin:0 auto;padding:0 16px 64px}header.app-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0e1116d9;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:12px 20px;display:flex}.brand{flex:none;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.brand-name{white-space:nowrap}nav.tabs{flex-wrap:wrap;flex:1;justify-content:space-evenly;align-items:center;gap:6px;display:flex}nav.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.92rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex}nav.tabs button:hover{color:var(--text);background:var(--surface-2)}nav.tabs button.active{background:var(--surface-2);color:var(--accent);border-color:var(--border)}.logout-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:6px;padding:7px 13px;font-size:.9rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.logout-btn:hover{color:var(--danger);border-color:var(--danger)}@media (width<=680px){.header-inner{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.brand{justify-content:center;font-size:1.05rem}nav.tabs{flex-wrap:nowrap;justify-content:space-between;gap:4px;width:100%}nav.tabs button{border-radius:8px;flex:1;justify-content:center;gap:4px;padding:8px 4px;font-size:.8rem}.logout-btn{align-self:center}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px;padding:20px}.card.bare{box-shadow:none;background:0 0;border-color:#0000;margin-top:28px;padding:0}.round-nav{justify-content:center;align-items:center;gap:14px;margin-top:22px;padding:0 60px;display:flex}.round-nav h2{text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.nav-arrow{border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,opacity .15s;display:inline-flex}.nav-arrow:hover:not(:disabled){border-color:var(--accent)}.nav-arrow:disabled{opacity:.3;cursor:default}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.rule-toggle{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s,opacity .15s;display:flex}.rule-toggle:hover{border-color:var(--accent)}.rule-toggle.on{border-color:var(--accent);background:linear-gradient(90deg, #f5a6231f, var(--surface))}.rule-toggle .rt-emoji{flex:none;font-size:1.6rem}.rule-toggle .rt-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rule-toggle .rt-text .muted{font-size:.78rem}.rule-toggle .rt-state{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);border-radius:999px;flex:none;padding:4px 8px;font-size:.72rem;font-weight:800}.rule-toggle.on .rt-state{background:var(--accent);border-color:var(--accent);color:#0c0f13}.rule-toggle.off .rt-state{color:var(--muted)}.card h2,.card h3{margin-top:0}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}button.btn{background:var(--accent);color:#1a1a1a;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:.9rem;font-weight:700;display:inline-flex}button.btn svg,nav.tabs button svg,.pill svg,.brand svg,h2 svg,h3 svg,h4 svg{flex-shrink:0}h2,h3,h4{align-items:center;gap:8px;display:flex}button.btn:hover{filter:brightness(1.08)}button.btn:disabled{opacity:.45;cursor:not-allowed}button.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.btn.green{background:var(--accent-2);color:#07140b}button.btn.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}button.btn.sm{padding:5px 10px;font-size:.8rem}input,select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:.9rem}input.score{text-align:center;width:48px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.stepper{align-items:center;gap:8px;display:inline-flex}.stp-btn{border:1px solid var(--border);background:var(--surface-2);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.stp-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stp-btn:active:not(:disabled){background:var(--accent);color:#0c0f13}.stp-btn:disabled{opacity:.35;cursor:default}.stp-val{text-align:center;min-width:34px;font-size:1.6rem;font-weight:900}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}td.num,th.num{text-align:center}tr.qualified td:first-child{border-left:3px solid var(--accent-2)}tr.wildcard td:first-child{border-left:3px solid var(--accent)}.pill{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.pill.event{color:var(--accent);background:#f5a62326;border-color:#0000}.pill.done{color:var(--accent-2);background:#3fb95026;border-color:#0000}.muted{color:var(--muted)}.error{border:1px solid var(--danger);color:#ffb4b0;background:#f851491f;border-radius:8px;margin-top:12px;padding:10px 14px}.event-banner{border-radius:var(--radius);background:linear-gradient(90deg,#f5a6232e,#f5a6230a);border:1px solid #f5a62366;align-items:center;gap:14px;margin-top:16px;padding:14px 18px;display:flex}.event-banner .emoji{font-size:2rem}.rule-banner{border:1px solid var(--border);background:radial-gradient(130% 160% at 0% 0%, #58a6ff1f, transparent 55%), radial-gradient(130% 160% at 100% 100%, #a371f71a, transparent 55%), var(--surface);border-radius:16px;align-items:center;gap:16px;margin-top:18px;padding:16px 20px;display:flex}.rb-emoji{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.9rem;display:inline-flex}.rb-body{min-width:0}.rb-tag{text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);margin-bottom:3px;font-size:.66rem;font-weight:800;display:block}.rb-title{font-size:1.25rem;font-weight:900;line-height:1.1;display:block}.rb-desc{margin-top:3px;font-size:.88rem}.champion-banner{border:1px solid var(--accent);background:linear-gradient(90deg, #f5a6232e, var(--surface));border-radius:16px;align-items:center;gap:16px;margin:18px 0;padding:18px 24px;display:flex}.champion-banner .emoji{font-size:2.6rem}.cb-tag{text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);font-size:.7rem;font-weight:800;display:block}.champion-banner strong{font-size:1.6rem;font-weight:900}.matches-card{flex-direction:column;gap:14px;display:flex}.fifa-match{background:#00000040;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:16px 20px;display:grid}.fm-side{flex-direction:column;gap:4px;min-width:0;display:flex}.fm-side.home{text-align:right;align-items:flex-end}.fm-side.away{text-align:left;align-items:flex-start}.fm-name{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:800;overflow:hidden}.fm-side.win .fm-name{color:var(--accent-2)}.fm-side.lose .fm-name{color:var(--muted)}.fm-dice{color:#d8d2c4;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:2px 8px;font-size:.85rem;font-weight:700}.fm-dice.win{color:#0a0a0a;background:#4ade80;border-color:#22c55e}.fm-dice.lose{color:#fff;background:#ef4444;border-color:#b91c1c}.fm-ally{letter-spacing:.02em;color:#c9c3b3;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:2px 9px;font-size:.78rem;font-weight:600;display:inline-flex;overflow:hidden}.fm-ally .fm-ally-link{opacity:.85;font-size:.95rem;line-height:1}.fm-ally .fm-ally-name{text-overflow:ellipsis;overflow:hidden}.fm-ally.alive{color:#0a0a0a;background:#4ade80;border:1px solid #22c55e}.fm-ally.broken{color:#fff;background:#ef4444d9;border:1px solid #b91c1c;text-decoration:line-through;text-decoration-thickness:1px}.fm-center{justify-content:center;align-items:center;min-width:130px;display:flex}.fm-score{align-items:center;gap:12px;display:flex}.fm-num{text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;min-width:48px;padding:6px 8px;font-size:1.9rem;font-weight:900;line-height:1}.fm-dash{color:var(--muted);font-size:1.2rem;font-weight:800}.fm-vs{letter-spacing:.5px;color:var(--accent);border:2px solid var(--accent);border-radius:10px;padding:5px 14px;font-weight:900}.fm-score-edit{align-items:center;gap:8px;display:flex}.fm-score-input{text-align:center;width:56px;padding:6px;font-size:1.3rem;font-weight:800}.lt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;display:flex}.lt-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.lt-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:.9rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.lt-toggle button.active{background:var(--accent);color:#0c0f13}.standings{flex-direction:column;gap:8px;margin-top:16px;display:flex}.st-head,.st-row{grid-template-columns:30px minmax(60px,1fr) repeat(7,30px) 50px;align-items:center;gap:6px;padding:12px 16px;display:grid}.st-head{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:2px 18px;font-size:.7rem;font-weight:700}.st-head>span,.st-row>span{text-align:center;font-weight:600}.st-row{background:var(--surface);border:1px solid var(--border);border-radius:12px}.st-row.inactive{opacity:.4}.st-rank{justify-self:start;font-weight:800}.st-row .st-rank{background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:inline-flex}.st-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left!important;font-weight:800!important}.st-name small{margin-left:8px;font-size:.75rem;font-weight:600}.st-pts{color:var(--accent);font-size:1.15rem;font-weight:900!important}.st-head .st-pts{letter-spacing:.5px;text-transform:uppercase;font-size:.7rem;font-weight:700!important}.st-row.qual .st-rank{background:var(--accent-2);color:#0c0f13}.st-row.wild .st-rank{background:var(--accent);color:#0c0f13}.group-tables{grid-template-columns:repeat(auto-fit,minmax(470px,1fr));gap:20px;margin-top:16px;display:grid}.gt-card h3{margin:0 0 10px}.gt-card .standings{margin-top:0}@media (width<=680px){.st-head,.st-row{grid-template-columns:24px minmax(0,1fr) repeat(7,21px) 36px;gap:3px;padding:10px 8px}.st-head>span,.st-row>span{font-size:.72rem}.st-row .st-rank{width:22px;height:22px;font-size:.7rem}.st-pts{font-size:.95rem!important}.st-head .st-pts,.bs-content.groups-view .st-row .st-pts{font-size:.72rem!important}.st-name{white-space:normal;font-size:.88rem;line-height:1.12}.st-name small{display:none}.group-tables{grid-template-columns:1fr}}.legend{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:24px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.legend .sw{border:2px solid;border-radius:5px;width:16px;height:16px}.legend .sw-green{border-color:var(--accent-2);background:#3fb95040}.legend .sw-orange{border-color:var(--accent);background:#f5a62340}.preview-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pv-row{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:30px 1fr auto 1fr 30px;align-items:center;gap:14px;padding:12px 16px;display:grid}.pv-seed{background:var(--bg);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:800;display:inline-flex}.pv-row .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.pv-row .nm.l{text-align:right}.pv-row .nm.r{text-align:left}.pv-vs{color:var(--accent);font-size:.85rem;font-weight:900}.bracket-fifa{justify-content:center;align-items:stretch;min-height:440px;margin-top:8px;padding:18px 4px;display:flex;overflow-x:auto}.bracket-rounds{display:none}.br-side{align-items:stretch;display:flex}.br-side.right,.br-side.right .box{transform:scaleX(-1)}.br-col{flex-direction:column;flex:1 1 0;justify-content:space-around;min-width:190px;display:flex}.br-cell{flex:1 1 0;align-items:center;padding:8px 22px 8px 0;display:flex;position:relative}.box{background:var(--surface);border:1px solid var(--border);z-index:1;border-radius:10px;width:100%;position:relative;overflow:hidden}.brteam{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;font-weight:700;display:grid}.brteam+.brteam{border-top:1px solid var(--border)}.brteam.win{background:#3fb95024}.brteam.win .brname{color:var(--accent-2)}.brteam.tbd .brname{color:var(--muted);font-weight:600}.brseed{background:var(--surface-2);width:20px;height:20px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:inline-flex}.brname{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brsc-v{text-align:center;min-width:18px;font-weight:900}.brsc{text-align:center;width:42px;padding:3px;font-weight:800}.br-ok{border:none;border-top:1px solid var(--border);background:var(--accent);color:#0c0f13;cursor:pointer;width:100%;padding:6px;font-weight:800;display:block}.br-cell:after{content:"";background:var(--border);width:22px;height:2px;position:absolute;top:50%;right:0}.br-col:not(:last-child) .br-cell:nth-child(odd):before{content:"";background:var(--border);width:2px;height:100%;position:absolute;top:50%;right:0}.br-col:not(:first-child) .box:before{content:"";background:var(--border);width:22px;height:2px;position:absolute;top:50%;left:-22px}.br-center{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:210px;padding:0 8px;display:flex}.br-trophy{font-size:2.6rem}.br-center .br-cell{flex:none;width:100%;padding:0}.br-center .br-cell:after{display:none}.br-center .box{border-color:var(--accent)}.br-final-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:.8rem;font-weight:800}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.bracket{gap:28px;padding-bottom:12px;display:flex;overflow-x:auto}.bracket-col{min-width:190px}.bracket-col h4{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;font-size:.78rem}.bm{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:.85rem}.bm .side{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.bm .side.win{color:var(--accent-2);font-weight:700}.bm .side.tbd{color:var(--muted);font-style:italic}.empty{text-align:center;color:var(--muted);padding:48px 0}@keyframes reveal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fifa-match.revealing{opacity:0;animation:.45s cubic-bezier(.2,.8,.2,1) forwards reveal-in}.roulette{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);height:92px;margin-top:16px;position:relative;overflow:hidden}.roulette .strip{flex-direction:column;transition:transform 2.8s cubic-bezier(.12,.7,.12,1);display:flex}.roulette .slot{justify-content:center;align-items:center;gap:12px;height:92px;padding:0 16px;font-size:1.25rem;font-weight:800;display:flex}.roulette .slot .slot-emoji{font-size:2.2rem}.roulette:before,.roulette:after{content:"";z-index:2;pointer-events:none;height:28px;position:absolute;left:0;right:0}.roulette:before{background:linear-gradient(var(--surface-2), transparent);top:0}.roulette:after{background:linear-gradient(transparent, var(--surface-2));bottom:0}.roulette .marker{border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);z-index:1;pointer-events:none;position:absolute;inset:32px 0}.fortune-wrap{width:320px;max-width:86vw;height:320px;margin:20px auto;position:relative}.fortune{border:6px solid var(--border);width:100%;height:100%;box-shadow:0 0 0 4px var(--surface-2), 0 8px 28px #00000073;border-radius:50%;transition:transform 3.8s cubic-bezier(.12,.72,.08,1);position:relative;overflow:hidden}.fortune .seg-label{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.fortune .seg-label span{transform-origin:0;white-space:nowrap;color:#0c0f13;text-shadow:0 1px #ffffff40;font-size:.74rem;font-weight:800;position:absolute;top:0;left:0}.fortune-pointer{border-left:13px solid #0000;border-right:13px solid #0000;border-top:22px solid var(--text);z-index:3;filter:drop-shadow(0 2px 2px #00000080);width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.fortune-hub{background:var(--surface);border:4px solid var(--text);z-index:2;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;position:absolute;top:50%;left:50%}.present-overlay{z-index:1000;background:radial-gradient(circle at 50% 28%,#16202b,#080b0f 72%);flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;height:100dvh;padding:44px 28px 20px;display:flex;position:fixed;inset:0;overflow:auto}.present-overlay .fortune-wrap{--label-r:clamp(46px, 11vh, 150px);flex:none;width:min(44vh,58vw);max-width:none;height:min(44vh,58vw);margin:0}.present-overlay .fortune .seg-label span{font-size:clamp(.8rem,1.8vh,1.5rem)}.present-overlay.rule .fortune-wrap{--label-r:clamp(28px, 6vh, 80px)}.present-title{letter-spacing:.5px;margin:0;font-size:clamp(1.4rem,4vh,2.6rem);font-weight:900}.present-status{text-align:center;max-width:90vw;color:var(--text);margin:0;font-size:clamp(.95rem,2.2vh,1.4rem);font-weight:700}.present-close{border-radius:var(--radius);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff14;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex;position:absolute;top:20px;right:24px}.present-close:hover{background:#ffffff29}.btn.lg{padding:14px 28px;font-size:1.25rem}.vs-list{grid-template-columns:repeat(auto-fit,minmax(min(460px,94vw),1fr));gap:18px;width:min(1240px,96vw);display:grid}.vs-card{border:1px solid var(--border);opacity:0;background:linear-gradient(90deg,#58a6ff24,#f8514924);border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:22px 30px;transition:opacity .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1);display:grid;transform:translateY(18px)scale(.96)}.vs-card.show{opacity:1;transform:none}.vs-card .vs-home,.vs-card .vs-away{font-size:clamp(1.4rem,3.4vh,2.4rem);font-weight:800}.vs-card .vs-home{text-align:right}.vs-card .vs-away{text-align:left}.vs-badge{color:var(--accent);border:2px solid var(--accent);white-space:nowrap;border-radius:10px;padding:6px 16px;font-size:clamp(1.1rem,2.4vh,1.7rem);font-weight:900}.vs-card.bye{background:var(--surface-2);grid-template-columns:1fr auto;justify-items:center}.vs-card.bye .vs-badge{color:var(--muted);border-color:var(--border)}.present-overlay.dice{justify-content:center}.die-stage{--die:clamp(110px, 20vh, 180px);width:var(--die);height:var(--die);perspective:1300px;margin:60px 0 68px}.die{width:var(--die);height:var(--die);transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.18,.7,.16,1);position:relative}.die-face{backface-visibility:hidden;background:linear-gradient(145deg,#fff,#d9dee6);border:2px solid #c2c8d2;border-radius:16%;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4%;padding:11%;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 14px #0000002e}.die-cell{justify-content:center;align-items:center;display:flex}.pip{background:radial-gradient(circle at 35% 30%,#4a4f57,#14171c);border-radius:50%;width:64%;height:64%;box-shadow:inset 0 1px 2px #fff6}.die-face.f1{transform:rotateY(0deg) translateZ(calc(var(--die) / 2))}.die-face.f6{transform:rotateY(180deg) translateZ(calc(var(--die) / 2))}.die-face.f3{transform:rotateY(90deg) translateZ(calc(var(--die) / 2))}.die-face.f4{transform:rotateY(-90deg) translateZ(calc(var(--die) / 2))}.die-face.f2{transform:rotateX(90deg) translateZ(calc(var(--die) / 2))}.die-face.f5{transform:rotateX(-90deg) translateZ(calc(var(--die) / 2))}.dice-result{letter-spacing:.5px;font-size:clamp(1.6rem,5vh,3rem);font-weight:900;animation:.4s cubic-bezier(.2,.8,.2,1) both reveal-in}.dice-result.good{color:var(--accent-2,#3fb950)}.dice-result.bad{color:var(--danger)}.dice-result.none{color:var(--muted);font-size:clamp(1.1rem,3vh,1.6rem)}.rule-landed{flex-direction:column;align-items:center;gap:4px;animation:.45s cubic-bezier(.2,.8,.2,1) both reveal-in;display:flex}.rule-landed .emoji{font-size:clamp(2.6rem,8vh,5rem);line-height:1}.rule-landed strong{font-size:clamp(1.4rem,4vh,2.6rem);font-weight:900}.bets-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;width:min(1000px,94vw);display:grid}.bet-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-weight:700;display:flex}.bet-player{flex-direction:column;gap:1px;min-width:0;display:flex}.bet-pts{color:var(--accent);font-size:.74rem;font-weight:800}.bet-row .stepper{gap:6px}.bet-row .stp-btn{width:32px;height:32px}.bet-row .stp-val{min-width:26px;font-size:1.2rem}.present-overlay .group-board{gap:12px;width:min(1100px,94vw);margin-top:0}.present-overlay .fifa-group-head{padding:6px 8px;font-size:clamp(.85rem,1.9vh,1.25rem)}.present-overlay .fifa-slots{gap:5px;padding:6px}.present-overlay .fifa-slot{min-height:14px;padding:5px 10px;font-size:clamp(.8rem,1.6vh,1.1rem)}.present-overlay .fifa-pos{width:clamp(20px,2.6vh,28px);height:clamp(20px,2.6vh,28px);font-size:clamp(.7rem,1.3vh,.85rem)}.group-board{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px;display:grid}.fifa-group{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 20px #00000059}.fifa-group-head{text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:#0c0f13;background:linear-gradient(135deg, var(--accent), #ffcf66);padding:10px 8px;font-weight:900}.fifa-slots{flex-direction:column;gap:7px;padding:8px;display:flex}.fifa-slot{background:var(--surface);border:1px solid var(--border);border-radius:9px;align-items:center;gap:10px;min-height:22px;padding:8px 10px;font-size:.92rem;font-weight:600;display:flex}.fifa-slot.empty{opacity:.45;border-style:dashed}.fifa-slot.filled{border-color:var(--accent);background:linear-gradient(90deg, #f5a62329, var(--surface));animation:.45s cubic-bezier(.2,.8,.2,1) both reveal-in}.fifa-pos{background:var(--bg);border:1px solid var(--border);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:inline-flex}.fifa-slot.filled .fifa-pos{background:var(--accent);border-color:var(--accent);color:#0c0f13}.fifa-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.player-inputs{flex-direction:column;gap:8px;display:flex}.player-input-row{align-items:center;gap:8px;display:flex}.player-input-row .num-badge{background:var(--surface-2);border:1px solid var(--border);min-width:26px;height:26px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.rule-pool{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px;display:grid}.rule-toggle{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;align-items:flex-start;gap:10px;padding:12px;transition:border-color .15s,opacity .15s;display:flex}.rule-toggle.off{opacity:.5}.rule-toggle.on{border-color:var(--accent)}.rule-toggle .r-emoji{font-size:1.6rem;line-height:1}.rule-toggle .r-label{font-weight:700}.rule-toggle .r-desc{color:var(--muted);margin-top:2px;font-size:.78rem}@media (width<=680px){.bracket-fifa{display:none}.bracket-rounds{flex-direction:column;gap:20px;margin-top:10px;display:flex}.brm-round{flex-direction:column;gap:10px;display:flex}.brm-round h4{text-align:center;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.82rem}.brm-round .box{width:100%}.brm-round .brteam{padding:10px 14px;font-size:.95rem}}.skel{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);border:1px solid var(--border);background-size:200% 100%;border-radius:10px;animation:1.4s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.skel-row{height:52px}.skel-box{border-radius:14px;height:120px}.rule-title{text-align:center;color:var(--accent);letter-spacing:.4px;margin:6px 0 18px;font-size:1.45rem;font-weight:900}@media (width<=680px){.rule-title{margin:4px 0 14px;font-size:1.2rem}}.bracket-single{display:none}@media (width<=680px){.bracket-fifa,.bracket-rounds{display:none}.bracket-single{align-items:stretch;gap:0;min-height:520px;margin-top:8px;padding:22px 4px 30px;display:flex;overflow:hidden}.bs-col{flex-direction:column;flex:1 1 0;min-width:108px;display:flex}.bs-label{text-align:center;color:var(--accent);text-transform:uppercase;letter-spacing:.7px;margin-bottom:16px;font-size:.7rem;font-weight:800}.bs-matches{flex-direction:column;flex:1;justify-content:space-around;display:flex}.bs-cell{flex:1 1 0;align-items:center;padding:10px 18px 10px 0;display:flex;position:relative}.bs-cell .box{width:100%}.bs-cell .brteam{gap:6px;padding:8px 10px;font-size:.82rem}.bs-cell .brseed{border-radius:6px;width:19px;height:19px;font-size:.62rem}.bs-cell .brname{font-size:.85rem}.bs-cell .brsc-v,.bs-cell .brsc{min-width:16px;font-size:.85rem}.bs-cell .br-ok{padding:5px;font-size:.78rem}.bs-col:not(:last-child) .bs-cell:after{content:"";background:var(--border);width:18px;height:2px;position:absolute;top:50%;right:0}.bs-col:not(:last-child) .bs-cell:nth-child(odd):before{content:"";background:var(--border);width:2px;height:100%;position:absolute;top:50%;right:0}.bs-col:not(:first-child) .bs-cell .box:before{content:"";background:var(--border);width:18px;height:2px;position:absolute;top:50%;left:-18px}.bs-trophy{justify-content:center;align-items:center;padding-left:6px;font-size:1.8rem;display:flex}}main.container.no-navbar{padding-bottom:32px}main.container.no-header{padding-top:16px}.floating-actions{top:calc(env(safe-area-inset-top,0px) + 14px);z-index:30;gap:8px;display:flex;position:fixed;right:14px}.floating-btn{color:#d8d2c4;cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(140%);background:#0a0e2a8c;border:1px solid #788adc47;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.floating-btn:hover{color:var(--accent);background:#141a46bf;border-color:#f5a62399;transform:translateY(-1px)}.floating-btn:active{transform:translateY(0)}.rules-list{flex-direction:column;gap:12px;margin-top:18px;display:flex}.rule-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.rule-card .rc-emoji{flex:none;font-size:2rem;line-height:1}.rule-card .rc-text{flex-direction:column;gap:4px;min-width:0;display:flex}.rule-card .rc-text strong{font-size:1.05rem}.rule-card .rc-text .muted{font-size:.88rem;line-height:1.35}.rules-section{margin-top:22px}.rules-section h3{color:var(--accent);margin:0 0 8px}.rules-section p{margin:0 0 8px;font-size:.95rem;line-height:1.45}.st-row.clickable{cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}.st-row.clickable:hover{border-color:var(--accent);transform:translateY(-1px)}.st-row.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ph-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#000000b8;justify-content:center;align-items:center;padding:16px;animation:.18s ph-fade;display:flex;position:fixed;inset:0}@keyframes ph-fade{0%{opacity:0}to{opacity:1}}.ph-modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(640px,100%);max-height:min(86vh,820px);padding:22px 22px 26px;animation:.22s ph-rise;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000008c}@keyframes ph-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ph-close{border:1px solid var(--border);color:#e9e2cf;cursor:pointer;background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:12px;right:12px}.ph-close:hover{color:#fff;background:#ffffff1f}.ph-loading{text-align:center;color:var(--muted);padding:30px 0}.ph-head{margin-bottom:14px;padding-right:36px}.ph-head h2{color:var(--accent);margin:0;font-size:1.45rem;font-weight:800}.ph-total{color:var(--muted);margin-top:4px;font-size:.9rem}.ph-total strong{color:#e9e2cf;font-size:1.05rem}.ph-rounds{flex-direction:column;gap:12px;display:flex}.ph-round{border:1px solid var(--border);background:#ffffff05;border-radius:14px;padding:14px 14px 12px}.ph-round-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ph-jnum{letter-spacing:.03em;text-transform:uppercase;color:#d8d2c4;font-size:.95rem;font-weight:800}.ph-total-pill{color:#d8d2c4;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:3px 11px;font-size:.85rem;font-weight:800}.ph-total-pill.pos{color:#0a0a0a;background:#4ade80;border-color:#22c55e}.ph-total-pill.neg{color:#fff;background:#ef4444;border-color:#b91c1c}.ph-match{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;font-size:.92rem;display:grid}.ph-match.bye{text-align:center;color:var(--muted);font-style:italic;display:block}.ph-match-vs{color:#d8d2c4;font-weight:600}.ph-match-score{color:#fff;background:#00000059;border-radius:8px;padding:3px 10px;font-size:1rem;font-weight:800}.ph-match-outcome{color:var(--muted);background:#ffffff0f;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.ph-match.win .ph-match-outcome{color:#0a0a0a;background:#4ade80}.ph-match.lose .ph-match-outcome{color:#fff;background:#ef4444}.ph-match.draw .ph-match-outcome{color:#0a0a0a;background:#f5b300d9}.ph-entries{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ph-entry{background:#ffffff05;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 10px;font-size:.88rem;display:grid}.ph-entry-src{text-transform:uppercase;letter-spacing:.04em;color:#c9c3b3;background:#ffffff0f;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:800}.ph-entry-desc{color:#c9c3b3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ph-entry-pts{font-variant-numeric:tabular-nums;font-weight:800}.ph-entry-pts.pos{color:#4ade80}.ph-entry-pts.neg{color:#f87171}@media (width<=520px){.ph-modal{padding:18px 14px 22px}.ph-match{grid-template-rows:auto auto;grid-template-columns:1fr auto}.ph-match-vs{grid-column:1/2}.ph-match-score{grid-area:1/2/3/3}.ph-match-outcome{grid-column:1/2;justify-self:start}}.bs-backdrop{z-index:70;background:0 0;animation:.2s bs-fade;position:fixed;inset:0}.bs-backdrop.closing{animation:.24s forwards bs-fade-out}@keyframes bs-fade{0%{opacity:0}to{opacity:1}}@keyframes bs-fade-out{0%{opacity:1}to{opacity:0}}.bs-sheet{background:var(--bg);will-change:transform;flex-direction:column;animation:.32s cubic-bezier(.2,.8,.25,1) bs-rise;display:flex;position:absolute;inset:0;overflow:hidden}.bs-sheet.closing{animation:.24s cubic-bezier(.4,0,.6,1) forwards bs-fall}@keyframes bs-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bs-fall{0%{transform:translateY(0)}to{transform:translateY(100%)}}.bs-grab-area{cursor:grab;touch-action:none;justify-content:center;align-items:center;padding:10px 0 6px;display:flex}.bs-grab{background:#ffffff38;border-radius:999px;width:42px;height:4px}.bs-head{padding:calc(env(safe-area-inset-top,0px) + 14px) 14px 4px;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.bs-title{letter-spacing:.6px;color:var(--accent);margin:0;font-size:1.15rem;font-weight:900}.bs-arrow{color:#d8d2c4;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.bs-arrow:hover:not(:disabled){color:var(--accent);background:#ffffff1f;border-color:#fff3}.bs-arrow:disabled{opacity:.35;cursor:default}.bs-arrow.placeholder{pointer-events:none;visibility:hidden}.bs-close{right:14px;top:calc(env(safe-area-inset-top,0px) + 10px);color:#d8d2c4;cursor:pointer;z-index:2;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute}.bs-close:hover{color:#fff;background:#ffffff1f}.bs-dots{justify-content:center;align-items:center;gap:6px;padding:8px 0 4px;display:flex}.bs-dot{background:#fff3;border-radius:50%;width:6px;height:6px;transition:background .2s,width .2s}.bs-dot.on{background:var(--accent);border-radius:999px;width:20px}.bs-viewport{touch-action:pan-y;flex:1;position:relative;overflow:hidden}.bs-viewport.single{overflow-y:auto}.bs-track{will-change:transform;width:100%;height:100%;display:flex}.bs-slide{flex:0 0 100%;width:100%;height:100%;padding:8px 16px 28px;overflow-y:auto}.bs-stack-viewport{flex:1;padding:0 16px;position:relative;overflow:hidden}.bs-stack{will-change:transform;align-items:stretch;gap:14px;width:100%;height:100%;padding:8px 0 28px;transition:transform .42s cubic-bezier(.2,.8,.25,1);display:flex}.bs-el{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex-shrink:0;height:100%;transition:flex-basis .42s cubic-bezier(.2,.8,.25,1),opacity .32s,margin .42s;display:flex;overflow:hidden auto}.bs-el::-webkit-scrollbar{display:none}.bs-el>.bs-pane-title{flex-shrink:0}.el-groups{flex:0 0 100%}.el-quarters,.el-semis,.el-final{opacity:0;pointer-events:none;flex:0 0 calc(50% - 7px)}.bs-stack[data-stage="0"],.bs-stack[data-stage="1"]{transform:translate(0)}.bs-stack[data-stage="1"] .el-groups{flex-basis:calc(50% - 7px)}.bs-stack[data-stage="1"] .el-quarters{opacity:1;pointer-events:auto}.bs-stack[data-stage="2"]{transform:translate(calc(-50% - 7px))}.bs-stack[data-stage="2"] .el-groups{flex-basis:calc(50% - 7px)}.bs-stack[data-stage="2"] .el-quarters,.bs-stack[data-stage="2"] .el-semis{opacity:1;pointer-events:auto}.bs-stack[data-stage="3"]{transform:translate(calc(-100% - 14px))}.bs-stack[data-stage="3"] .el-groups{flex-basis:calc(50% - 7px)}.bs-stack[data-stage="3"] .el-quarters,.bs-stack[data-stage="3"] .el-semis,.bs-stack[data-stage="3"] .el-final{opacity:1;pointer-events:auto}@media (width<=520px){.bs-stack{gap:10px;padding:8px 12px 28px}.el-quarters,.el-semis,.el-final,.bs-stack[data-stage="1"] .el-groups,.bs-stack[data-stage="2"] .el-groups,.bs-stack[data-stage="3"] .el-groups{flex-basis:calc(50% - 5px)}.bs-stack[data-stage="2"]{transform:translate(calc(-50% - 5px))}.bs-stack[data-stage="3"]{transform:translate(calc(-100% - 10px))}}.bs-slider-wrap{padding:50px 18px 14px}.stage-slider{-webkit-user-select:none;user-select:none;width:min(420px,92%);margin:0 auto}.ss-labels{height:20px;margin:0 0 8px;position:relative}.ss-label{color:var(--muted);letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 4px;font-size:.75rem;font-weight:800;transition:color .15s;position:absolute;top:0;transform:translate(-50%)}.ss-label.on{color:var(--text)}.ss-track{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);touch-action:none;background:#0a0e2a8c;border-radius:999px;height:38px;position:relative}.ss-rail{display:none}.ss-stop{color:#ffffff8c;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:color .15s;display:inline-flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.ss-stop.on{color:#fffffff2}.ss-thumb{-webkit-backdrop-filter:blur(18px)saturate(150%);cursor:grab;touch-action:none;background:#ffffff14;border:1px solid #ffffff59;border-radius:8px;width:56px;height:30px;position:absolute;top:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040}.ss-thumb:before,.ss-thumb:after{content:"";background:#fff;width:7px;position:absolute;top:0;bottom:0}.ss-thumb:before{left:0}.ss-thumb:after{right:0}.ss-thumb:active,.ss-thumb.dragging{cursor:grabbing}.bs-toggle{border:1px solid var(--border);background:#0a0e2a8c;border-radius:999px;gap:2px;margin:0 auto 8px;padding:2px;display:inline-flex}.bs-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:5px 14px;font-size:.72rem;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.bs-toggle button.on{background:var(--accent);color:#1a204a}.bs-content{flex-direction:column;align-items:center;display:flex}.bs-content.split{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.bs-pane{min-width:0}.bs-pane-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:center;justify-content:center;margin:4px 0 10px;font-size:.85rem;font-weight:800}.bs-content.groups-view{transition:padding .32s}.bs-content.groups-view .st-head,.bs-content.groups-view .st-row{transition:grid-template-columns .42s cubic-bezier(.2,.8,.25,1),gap .42s cubic-bezier(.2,.8,.25,1),padding .32s}.bs-content.groups-view.compact .st-head,.bs-content.groups-view.compact .st-row{grid-template-columns:24px minmax(0,1fr) repeat(7,0) 32px;gap:2px;padding-left:6px;padding-right:6px}.bs-content.groups-view.compact .st-head>span:nth-child(n+3):nth-child(-n+9),.bs-content.groups-view.compact .st-row>span:nth-child(n+3):nth-child(-n+9){opacity:0;white-space:nowrap;pointer-events:none;overflow:hidden}.bs-content.groups-view .st-head>span:nth-child(n+3):nth-child(-n+9),.bs-content.groups-view .st-row>span:nth-child(n+3):nth-child(-n+9){transition:opacity .32s;overflow:hidden}.bs-content.groups-view.compact .gt-card{padding:10px 14px;transition:padding .32s}.bs-content.groups-view .gt-card{background:#00000040;border:1px solid #ffffff0f;border-radius:14px;padding:0 14px;overflow:hidden}.bs-content.groups-view .gt-header{display:none}.bs-content.groups-view .standings{gap:0;margin-top:0}.bs-content.groups-view .st-head{border-bottom:1px solid #ffffff14;padding:14px 4px 12px}.bs-content.groups-view .st-head .st-group-name{text-align:left;color:var(--text);letter-spacing:.04em;grid-column:1/3;font-size:.78rem}.bs-content.groups-view .st-head .st-name{display:none}.bs-content.groups-view .st-row .st-pts{color:var(--accent);font-size:1rem!important;font-weight:700!important}.bs-content.groups-view .st-row{background:0 0;border:0;border-bottom:1px solid #ffffff0f;border-radius:0;padding:10px 4px}.bs-content.groups-view .st-row:last-child{border-bottom:0}.bs-content.groups-view .st-row .st-rank{width:18px;height:18px;color:var(--text);background:0 0;border-radius:5px;font-size:.78rem;font-weight:700}.bs-content.groups-view .st-row.qual .st-rank{background:var(--accent-2);color:#0c0f13}.bs-content.groups-view .st-row.wild .st-rank{background:var(--accent);color:#0c0f13}.gt-header{justify-content:center;align-items:baseline;gap:14px;margin-bottom:4px;display:flex}.gt-header h3{letter-spacing:.01em;color:var(--text);text-transform:none;margin:0;font-size:1.05rem;font-weight:800}.bs-content.groups-view.compact .gt-header{grid-template-columns:28px minmax(60px,1fr) repeat(7,0) 44px;align-items:baseline;gap:4px;margin-bottom:6px;padding:0 8px;display:grid}.bs-content.groups-view.compact .gt-header h3{grid-column:1/3}.bs-content.groups-view.compact .gt-pts-label{text-align:center;grid-column:-2/-1}.gt-pts-label{display:none}.bs-content.groups-view.compact .gt-pts-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:inline}.bs-content.groups-view.compact .gt-card .st-head{display:grid}.bs-content.groups-view.compact .gt-header{display:none}.bs-content.groups-view.compact .gt-card .standings,.bs-content.groups-view .group-tables{margin-top:0}.bs-content.groups-view .gt-card,.bs-content.groups-view .gt-card h3{transition:padding .32s,font-size .32s}.bs-bracket-labels{grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 10px;padding:0 8px;display:grid}.bs-bracket-labels span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.85rem;font-weight:800}.llaves{align-items:stretch;gap:14px;display:grid}.llaves[data-cols="1"]{grid-template-columns:1fr}.llaves[data-cols="2"]{grid-template-columns:1fr 1fr}.llaves-col{flex-direction:column;flex:1;justify-content:space-around;min-width:0;min-height:0;display:flex}.llaves-cell{flex-shrink:0;align-items:center;display:flex;position:relative}.llaves-cell>.mbox{flex:1}.el-quarters,.el-semis,.el-final{overflow:visible}.el-quarters .llaves-cell:after,.el-quarters .llaves-col:before,.el-quarters .llaves-col:after,.el-semis .llaves-cell:before,.el-semis .llaves-cell:after,.el-semis .llaves-col:after,.el-final .llaves-cell:before{background:#ffffff80}.el-quarters .llaves-cell:after{content:"";width:7px;height:1px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.el-quarters .llaves-col{position:relative}.el-quarters .llaves-col:before{content:"";width:1px;position:absolute;top:12.5%;bottom:62.5%;right:-7px}.el-quarters .llaves-col:after{content:"";width:1px;position:absolute;top:62.5%;bottom:12.5%;right:-7px}.el-semis .llaves-cell:before{content:"";width:7px;height:1px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.el-semis .llaves-cell:after{content:"";width:7px;height:1px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.el-semis .llaves-col{position:relative}.el-semis .llaves-col:after{content:"";width:1px;position:absolute;top:25%;bottom:25%;right:-7px}.el-final .llaves-cell:before{content:"";width:7px;height:1px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.bs-bracket-col{flex-direction:column;gap:12px;display:flex}.mbox{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.mbox-team{background:#0000002e;border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:.88rem;display:grid}.mbox-team.tbd .mbox-name{color:var(--muted);font-style:italic}.mbox-team.win{background:#4ade802e}.mbox-team.win .mbox-name{color:var(--accent-2);font-weight:800}.mbox-seed{color:var(--muted);font-size:.7rem;font-weight:800}.mbox-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mbox-sc-v{font-variant-numeric:tabular-nums;font-weight:800}.mbox-sc{border:1px solid var(--border);width:38px;color:var(--text);text-align:center;background:0 0;border-radius:6px;padding:2px 4px;font-size:.9rem;font-weight:800}.mbox-save{background:var(--accent);color:#1a204a;cursor:pointer;border:0;border-radius:8px;margin-top:4px;padding:6px 10px;font-size:.78rem;font-weight:800}.empty.small{padding:18px 0;font-size:.85rem}@media (width<=520px){.bs-content.split{grid-template-columns:1fr}}