/* V44 Draft board — lane-first 5v5 squares, visual champion chooser, no dropdown draft slots. */
.rl44-draft-panel{overflow:visible!important}.rl44-draft-stage{display:grid;gap:16px}.rl44-draft-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:16px 18px;border:1px solid rgba(133,163,181,.13);border-radius:16px;background:linear-gradient(145deg,#0a1218,#081016)}
.rl44-role-step h3{margin:4px 0 10px;font-size:17px}.rl44-role-buttons{display:flex;gap:7px;flex-wrap:wrap}.rl44-role-buttons button,.rl44-chooser-roles button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0b1319;color:#8d9b95;font-size:10px;font-weight:800}.rl44-role-buttons button:hover,.rl44-role-buttons button.on,.rl44-chooser-roles button:hover,.rl44-chooser-roles button.on{border-color:rgba(69,248,130,.36);background:rgba(69,248,130,.085);color:#d9ffe6}.rl44-role-buttons .rl-role-icon,.rl44-chooser-roles .rl-role-icon{width:18px;height:18px}.rl44-draft-actions{display:flex;align-items:center;gap:8px}.rl44-draft-actions .th-btn{min-height:46px;padding:0 19px}.rl44-clear{min-height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0a1117;color:#9ba8a2;font-size:10px;font-weight:800}.rl44-clear:hover{border-color:rgba(255,255,255,.2);color:#fff}
.rl44-match-board{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px;align-items:stretch}.rl44-team-panel{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,#0b141a,#081016)}.rl44-team-panel.ally{border-color:rgba(69,248,130,.16)}.rl44-team-panel.enemy{border-color:rgba(255,96,113,.13)}.rl44-team-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.rl44-team-head span,.rl44-team-head b,.rl44-team-head small{display:block}.rl44-team-head span{color:#f2f8f4;font:800 15px/1.2 Rajdhani,Poppins,sans-serif}.rl44-team-head b{margin-top:2px;color:#6f8178;font-size:9px}.rl44-team-head small{max-width:210px;text-align:right;color:#64737c;font-size:9px;line-height:1.4}.rl44-team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rl44-role-slot{min-width:0}.rl44-versus{display:grid;place-items:center}.rl44-versus span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(69,248,130,.24);border-radius:50%;background:#07110d;color:#45f882;font:900 11px Poppins,Arial,sans-serif;box-shadow:0 0 30px rgba(69,248,130,.07)}
.rl44-square-picker-host{min-width:0}.rl44-slot-trigger{position:relative;width:100%;aspect-ratio:.82/1;min-height:138px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:linear-gradient(155deg,#0d171e,#080f14);color:#fff;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rl44-slot-trigger:hover{transform:translateY(-2px);border-color:rgba(69,248,130,.28);box-shadow:0 12px 28px rgba(0,0,0,.2)}.rl44-role-slot.is-self .rl44-slot-trigger,.rl44-square-picker-host.is-self .rl44-slot-trigger{border-color:rgba(69,248,130,.55);box-shadow:inset 0 0 0 1px rgba(69,248,130,.08),0 13px 30px rgba(69,248,130,.07)}.rl44-slot-image{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%;border-radius:0!important}.rl44-slot-trigger:has(.rl44-slot-image):after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(180deg,transparent,rgba(3,8,12,.92) 76%)}.rl44-slot-overlay{position:absolute;z-index:2;left:9px;right:9px;bottom:9px}.rl44-slot-overlay small,.rl44-slot-overlay b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rl44-slot-overlay small{color:#92a39b;font-size:7.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.rl44-role-slot.is-self .rl44-slot-overlay small{color:#45f882}.rl44-slot-overlay b{margin-top:2px;color:#fff;font:800 11px/1.2 Rajdhani,Poppins,sans-serif}.rl44-slot-edit{position:absolute;z-index:3;right:7px;top:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(3,8,12,.72);color:#c6d1cb;font-size:9px}.rl44-slot-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:9px;text-align:center}.rl44-slot-empty>.rl-role-icon{width:27px;height:27px;opacity:.65}.rl44-slot-empty>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(69,248,130,.07);color:#45f882}.rl44-slot-empty small{color:#6f8078;font-size:7.5px;text-transform:uppercase;font-weight:800}.rl44-slot-empty b{color:#b4c0ba;font-size:9px}.rl44-role-slot.is-self .rl44-slot-empty b{color:#d9ffe7}.rl44-role-slot.is-self .rl44-slot-empty small{color:#45f882}
.rl44-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rl44-secondary-card{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#091118}.rl44-secondary-card.bans{border-color:rgba(255,190,24,.12)}.rl44-secondary-card>div:first-child strong,.rl44-secondary-card>div:first-child small{display:block}.rl44-secondary-card>div:first-child strong{margin:4px 0;color:#e7eeea;font-size:12px}.rl44-secondary-card>div:first-child small{color:#6e7c84;font-size:9px;line-height:1.45}.rl44-mini-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.rl44-square-picker-host.compact .rl44-slot-trigger{min-height:74px;aspect-ratio:1/1;border-radius:11px}.rl44-square-picker-host.compact .rl44-slot-empty{gap:3px}.rl44-square-picker-host.compact .rl44-slot-empty small{display:none}.rl44-square-picker-host.compact .rl44-slot-empty b{font-size:8px}.rl44-square-picker-host.compact .rl44-slot-empty>i{width:26px;height:26px}.rl44-square-picker-host.compact .rl44-slot-overlay{left:6px;right:6px;bottom:6px}.rl44-square-picker-host.compact .rl44-slot-overlay small{display:none}.rl44-square-picker-host.compact .rl44-slot-overlay b{font-size:8px}.rl44-square-picker-host.compact .rl44-slot-edit{width:20px;height:20px;right:4px;top:4px;font-size:7px}
html.rl44-picker-open,html.rl44-picker-open body{overflow:hidden}.rl44-chooser[hidden]{display:none!important}.rl44-chooser{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,5,8,.86);backdrop-filter:blur(8px)}.rl44-chooser-dialog{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(980px,96vw);height:min(760px,88vh);padding:18px;border:1px solid rgba(69,248,130,.2);border-radius:20px;background:linear-gradient(145deg,#0b141b,#070d12);box-shadow:0 40px 120px rgba(0,0,0,.65)}.rl44-chooser-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px}.rl44-chooser-head span,.rl44-chooser-head strong{display:block}.rl44-chooser-head span{color:#45f882;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.rl44-chooser-head strong{margin-top:2px;color:#fff;font:800 20px/1.1 Rajdhani,Poppins,sans-serif}.rl44-chooser-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0a1218;color:#fff}.rl44-chooser-search{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:10px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#060d12}.rl44-chooser-search i{color:#74847c}.rl44-chooser-search input{width:100%;height:46px;border:0!important;outline:0;background:transparent!important;color:#f0f5f2;font-size:12px}.rl44-chooser-roles{display:flex;gap:6px;overflow:auto;padding-bottom:10px;scrollbar-width:none}.rl44-chooser-roles::-webkit-scrollbar{display:none}.rl44-chooser-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-content:start;overflow:auto;padding:2px 2px 10px}.rl44-chooser-card{position:relative;display:block;min-width:0;padding:0 0 8px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#0a1116;color:#fff;text-align:left}.rl44-chooser-card:hover,.rl44-chooser-card.selected{border-color:rgba(69,248,130,.42);background:#0d1a14}.rl44-chooser-avatar{display:block;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover!important;object-position:center 20%;border-radius:0!important}.rl44-chooser-card>span{display:block;padding:7px 7px 0;min-width:0}.rl44-chooser-card b,.rl44-chooser-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rl44-chooser-card b{font-size:10px}.rl44-chooser-card small{margin-top:2px;color:#6f7d76;font-size:7px}.rl44-chooser-card em{position:absolute;right:6px;top:6px;padding:3px 5px;border-radius:7px;background:rgba(3,8,12,.78);color:#74ffa5;font-size:8px;font-style:normal;font-weight:900}.rl44-chooser-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.rl44-chooser-clear{min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#091016;color:#a2afa8;font-size:9px;font-weight:800}.rl44-chooser-count{color:#65736c;font-size:9px}.rl44-chooser-empty{grid-column:1/-1;padding:35px;text-align:center;color:#718078}
.rl44-draft-panel .rl-draft-read{margin-top:2px}.rl44-draft-panel .riftlab-results{grid-template-columns:repeat(3,minmax(0,1fr))}
html.nx-rtl .rl44-team-head small{text-align:left}html.nx-rtl .rl44-slot-trigger{text-align:right}html.nx-rtl .rl44-slot-edit{right:auto;left:7px}html.nx-rtl .rl44-chooser-card{text-align:right}html.nx-rtl .rl44-chooser-card em{right:auto;left:6px}
@media(max-width:1100px){.rl44-match-board{grid-template-columns:1fr}.rl44-versus{height:30px}.rl44-versus span{width:38px;height:38px}.rl44-secondary-grid{grid-template-columns:1fr}.rl44-chooser-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.rl44-draft-toolbar{display:grid;align-items:start}.rl44-draft-actions{width:100%}.rl44-draft-actions .th-btn{flex:1}.rl44-role-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.rl44-role-buttons button{justify-content:center;padding:0 7px}.rl44-team-panel{padding:13px}.rl44-team-head{display:block}.rl44-team-head small{max-width:none;margin-top:4px;text-align:left}.rl44-team-grid{display:grid;grid-auto-flow:column;grid-auto-columns:132px;grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:7px}.rl44-role-slot{scroll-snap-align:start}.rl44-slot-trigger{min-height:158px}.rl44-secondary-card{grid-template-columns:1fr}.rl44-mini-grid{grid-template-columns:repeat(5,78px);overflow-x:auto;padding-bottom:6px}.rl44-square-picker-host.compact .rl44-slot-trigger{min-height:78px}.rl44-chooser{padding:8px}.rl44-chooser-dialog{width:100%;height:92vh;border-radius:16px;padding:12px}.rl44-chooser-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.rl44-draft-panel .riftlab-results{grid-template-columns:1fr}}
@media(max-width:430px){.rl44-role-buttons{grid-template-columns:1fr 1fr}.rl44-role-buttons button:last-child{grid-column:1/-1}.rl44-draft-actions{display:grid;grid-template-columns:.8fr 1.2fr}.rl44-draft-actions>*{min-width:0}.rl44-team-grid{grid-auto-columns:124px}.rl44-chooser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rl44-chooser-card b{font-size:9px}.rl44-chooser-card small{font-size:6.5px}}