html{background:#010a13}body{background:linear-gradient(#010a137a,#010a1330 38%,#010a1385),#010a13 url(/assets/digital-rift-bg-CxH6Og_4.jpg) 50%/auto 106% no-repeat;animation:28s ease-in-out infinite alternate riftPan}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 20%,#00c0ec21,#0000 29%),radial-gradient(circle at 80% 28%,#813fd224,#0000 31%);animation:12s ease-in-out infinite alternate ambientDrift;position:fixed;inset:-10%}body>header,body>main{z-index:1;position:relative}@keyframes riftPan{to{background-position:50%,54% 47%}}@keyframes ambientDrift{to{opacity:.62;transform:translate(-2%,2%)}}header,.team-party header{background:#010a13ed;border-bottom:1px solid #c8aa6e85;height:64px;padding:0 25px}.header-left{gap:17px}.hub-exit{color:#c8aa6e;background:0 0;border:0;border-right:1px solid #c8aa6e61;border-radius:0;justify-content:center;width:40px;height:40px;padding:0;font-size:36px;line-height:1}.hub-exit span{transform:translateY(-4px)}.hub-exit:hover{box-shadow:none;background:0 0;transform:none}.brand{letter-spacing:2.8px;gap:8px;font-size:17px}.brand-mark{object-fit:contain;width:34px;height:46px;display:block;transform:scale(1.16)}.brand-copy{white-space:nowrap}.header-status{border-radius:18px;font-size:10px}.header-summoner{letter-spacing:1.1px;font-size:11px}.team-party .screen{gap:0;inset:0}.team-party .role-select-screen .panel{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:stretch;gap:0;padding:25px 28px 0 34px;overflow:visible}.team-party .role-select-screen .panel:before,.team-party .role-select-screen .panel:after{display:none}.team-party .eyebrow{letter-spacing:3px;color:#50d5d9;font-size:11px}.team-party h1.title{letter-spacing:3px;text-align:left;margin-top:5px;font-size:clamp(27px,2.2vw,37px);line-height:1.16}.team-party .subtitle{text-align:left;color:#d6d2c8;max-width:800px;margin-top:5px;font-size:13px;line-height:1.45}.team-party .divider{display:none}.team-party .party-panel{isolation:isolate;flex:1;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) clamp(200px,17vw,250px);column-gap:23px;width:100%;min-height:0;margin-top:13px;display:grid;position:relative}.team-party .party-panel:before{content:"";z-index:-1;background:#010a13f0;border-left:1px solid #c8aa6e52;width:calc(clamp(200px,17vw,250px) + 28px);position:absolute;top:-13px;bottom:-72px;right:-28px}.team-party .party-members{grid-area:1/1/4;gap:clamp(8px,1vw,16px);min-height:0;margin:0;padding:4px 0 10px}.team-party .party-head{color:#e2c581;border-bottom:1px solid #c8aa6e59;grid-area:1/2;min-height:38px;padding:0 9px;font-size:12px}.team-party .party-actions{flex-direction:column;grid-area:3/2;align-self:start;align-items:stretch;gap:10px;padding:15px 9px;display:flex}.practice-details{color:#aab8be;letter-spacing:1.1px;grid-area:2/2;align-self:start;padding:15px 9px;font-size:10px;font-weight:700;display:none}.team-party[data-mode=solo_ai] .practice-details{flex-direction:column;gap:15px;display:flex}.practice-details-title{color:#d9c083;border-bottom:1px solid #c8aa6e47;padding-bottom:9px}.practice-details span:not(.practice-details-title){flex-direction:column;gap:4px;display:flex}.practice-details b{color:#f0e6d2;letter-spacing:.2px;text-transform:none;font-size:12px;font-weight:600}.team-party .party-actions button{letter-spacing:1px;min-height:42px;padding:8px 12px;font-size:11px}.team-party .party-actions #party-invite:not([hidden]){background:linear-gradient(110deg,#0a342d,#0c493e);border-color:#40ac7ecc}.team-party .party-actions #party-leave{background:#010a13bf;border-color:#c8aa6e66}.team-party .invite-link{grid-area:4/2;width:100%;margin:0 0 15px}.team-party .party-banner{min-height:0;box-shadow:none;background:url(/assets/party-banner-DiMEbffC.png) 50%/100% 100% no-repeat;border:0;border-radius:0;padding:42px 14px 35px}.team-party .party-banner[data-enter="1"]{animation:.55s cubic-bezier(.2,.8,.2,1) both bannerEnter;animation-delay:calc(var(--slot) * 65ms)}@keyframes bannerEnter{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.team-party .party-banner--self{filter:drop-shadow(0 0 12px #1fb3ce2e)}.team-party .party-banner--empty{background:url(/assets/party-banner-DiMEbffC.png) 50%/100% 100% no-repeat;border:0}.team-party .party-banner:after{display:none}.party-banner-number{font-size:10px}.team-party .party-banner-portrait{width:clamp(76px,7.5vw,118px);height:clamp(76px,7.5vw,118px);margin:0 0 13px}.team-party .party-banner-name{font-size:clamp(13px,1.15vw,17px)}.team-party .party-banner-status{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:3px 0 14px;font-size:10px;overflow:hidden}.team-party:not([data-mode=solo_ai]) .party-banner{justify-content:center}.team-party .party-banner-roles{margin-top:0}.team-party .party-banner--empty{text-align:center;justify-content:center;gap:15px}.team-party .party-empty-orb{color:#d7b878;flex:none;width:74px;height:74px;font-size:35px;box-shadow:0 0 0 4px #010a13cc,0 0 0 5px #c8aa6e3d}.team-party .party-empty-label{letter-spacing:1.7px;font-size:11px}.team-party .party-empty-hint{font-size:10px}.team-party .party-empty-action{gap:17px}.team-party[data-mode=solo_ai] .party-banner--self .party-banner-portrait{width:clamp(68px,6.5vw,96px);height:clamp(68px,6.5vw,96px);margin:4px 0 6px}.team-party[data-mode=solo_ai] .party-banner-number{display:none}.team-party[data-mode=solo_ai] .party-banner--self .party-banner-status{margin:2px 0 16px}.team-party[data-mode=solo_ai] .party-banner-roles{flex-direction:row;gap:17px;width:auto;margin:0}.team-party[data-mode=solo_ai] .party-role{place-items:center;width:46px;min-width:46px;height:46px;display:grid}.team-party[data-mode=solo_ai] button.party-role:focus-visible{outline:none}.team-party[data-mode=solo_ai] .party-role-icon{border-color:#c8aa6e75;flex:none;width:46px;height:46px}.team-party[data-mode=solo_ai] .party-role.unselected .party-role-icon:before{content:"+";color:#d9c083;font:400 25px Montserrat,sans-serif}.team-party[data-mode=solo_ai] .party-role-label{display:none}.team-party .role-picker{z-index:30;background:#020e1efa;width:min(740px,100vw - 36px);padding:22px 24px 25px;animation:.34s cubic-bezier(.18,.9,.22,1) both pickerReveal;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 90px #000000e6}@keyframes pickerReveal{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.role-picker-backdrop{z-index:29;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000611c2;position:fixed;inset:0}.role-picker-backdrop[hidden]{display:none}.team-party .role-picker:not([hidden]) .role-card{animation:.34s cubic-bezier(.2,.8,.2,1) both roleCardEnter}.team-party .role-picker:not([hidden]) .role-card:nth-child(2){animation-delay:45ms}.team-party .role-picker:not([hidden]) .role-card:nth-child(3){animation-delay:90ms}.team-party .role-picker:not([hidden]) .role-card:nth-child(4){animation-delay:.135s}.team-party .role-picker:not([hidden]) .role-card:nth-child(5){animation-delay:.18s}.team-party .role-picker:not([hidden]) .role-card:nth-child(6){animation-delay:.225s}@keyframes roleCardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.team-party .action-bar{background:linear-gradient(#0000,#010a13c7);min-height:72px;padding-right:calc(clamp(200px,17vw,250px) + 23px)}.team-party .find-match-btn{color:#f0e6d2;letter-spacing:4px;background:linear-gradient(145deg,#17677a,#064758 55%,#0b2637);border:2px solid #c9aa6d;border-radius:3px;min-width:330px;min-height:59px;padding:12px 34px;font-size:19px;box-shadow:0 0 0 3px #010a13d9,0 0 0 4px #c8aa6e94,inset 0 0 20px #39d9f438}.team-party .find-match-btn:disabled{opacity:.62;color:#d7d4c9}.team-party .queue-notice{max-width:28%;font-size:11px;bottom:12px;left:25px}@media (width<=1180px){.team-party .party-panel{grid-template-columns:minmax(0,1fr) 170px;column-gap:14px}.team-party .party-panel:before{width:198px}.team-party .action-bar{padding-right:184px}.team-party .party-head{letter-spacing:.5px;white-space:nowrap;font-size:10px}.team-party .party-members{scrollbar-width:none;scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:6px;display:flex;overflow-x:auto}.team-party .party-members::-webkit-scrollbar{display:none}.team-party .party-banner{scroll-snap-align:start;flex:0 0 190px;padding-inline:8px}.team-party .party-empty-orb{width:52px;height:52px}}@media (width<=760px),(height<=620px){body{width:100%}.team-party header{height:62px;padding:0 12px}.brand{letter-spacing:.7px;font-size:11px}.brand-mark{width:21px;height:28px}.team-party .screen{position:relative}.team-party .role-select-screen .panel{padding:20px 12px 0;overflow:visible}.team-party .party-panel{flex-direction:column;gap:12px;display:flex}.team-party .party-panel:before{display:none}.team-party .party-members{scrollbar-width:none;scroll-snap-type:x mandatory;flex-wrap:nowrap;width:100%;min-height:400px;padding-bottom:16px;display:flex;overflow-x:auto}.team-party .party-members::-webkit-scrollbar{display:none}.team-party[data-mode=solo_ai] .practice-details{display:none}.team-party .party-banner{scroll-snap-align:start;flex:0 0 210px;min-height:420px}.team-party .role-picker{width:min(94vw,520px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.team-party .role-picker .role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-party .role-picker .role-card{min-height:78px}.team-party .party-head{order:-1}.team-party .party-actions{flex-direction:row;padding:0}.team-party .action-bar{z-index:5;background:#010a13ed;min-height:100px;padding:18px 12px;position:sticky;bottom:0}.team-party .find-match-btn{min-width:min(100%,320px)}.team-party .queue-notice{max-width:none;position:static}}@media (width<=520px){.team-party .header-status{display:none}}@media (height<=620px){.team-party .role-select-screen .panel{padding-top:8px}.team-party .party-panel{margin-top:4px}.team-party .action-bar{min-height:80px;padding:8px 12px}}@media (prefers-reduced-motion:reduce){body,body:before,.team-party .party-banner,.team-party .role-picker,.team-party .role-picker:not([hidden]) .role-card{animation:none!important}}