:root{--panel-size: calc(99vh - 40px) ;--color-red-bg: #d37979c2;--color-blue-bg: #7982d3c2}*{margin:0;padding:0;font-family:Inter,sans-serif;font-optical-sizing:auto}body{height:100vh;background-image:url(https://cmsassets.rgpub.io/sanity/images/dsfx7636/universe/f81004a39c5502d766169beb4a342c46b0030d36-1920x946.jpg);background-size:cover}@media screen and (max-width:900px){body{height:auto;background-position:-500px}}.teams-panel{display:flex;flex-direction:row}.teams-panel>section{width:100%;margin:10px;padding:10px 15px;height:var(--panel-size);border-radius:15px}.red-team{background-color:var(--color-red-bg)}.blue-team{background-color:var(--color-blue-bg)}.info{position:absolute;top:5px;left:calc(50% - 20px);aspect-ratio:1/1;width:40px;border-radius:50%;cursor:pointer;border:none;background:#ffffff6b;color:#000;font-size:22px;transition:background .25s ease,color .25s ease,transform .15s ease,box-shadow .25s ease}.info:hover{color:#575757;background:#fff;transform:scale(1.05);box-shadow:0 6px 16px #007bff59}.info:active{transform:scale(.95)}@media screen and (max-width:900px){.teams-panel{flex-direction:column}.teams-panel>section{box-sizing:border-box;width:97%;padding:10px 15px;min-height:var(--panel-size);height:auto;border-radius:15px}}.LolSearch{box-sizing:border-box;padding:4px;display:flex}.LolSearch>h2{margin-right:10px;font-size:15px;font-style:italic}.LolSearch-input{position:relative}.LolSearch-input>input{font-size:13px;padding:2px 5px;border:none;outline:none}.LolSearch-input>input:focus{border-bottom-color:#000}.LolSearch-input>input::placeholder{color:#999}.LolSearch-results{z-index:5;box-sizing:border-box;position:absolute;list-style:none;padding:5px;width:100%;color:#cacaca;background-color:#00000062;border-radius:0 0 5px 5px}.LolSearch-results button{margin:1px;width:100%;font-size:14px;border-radius:5px}.LolChampList{display:flex;margin-top:5px;height:calc(var(--panel-size) - 40px);flex-direction:column;gap:10px}.LolChampItem{position:relative;display:grid;box-sizing:border-box;padding:5px;height:calc((var(--panel-size) - 80px)/5);grid-template-rows:1fr 2fr;grid-template-columns:1fr 4fr;background-color:#00000052;border-radius:15px}.LolChampItem>h3{grid-column:1 / 2;grid-row:1 / 2;display:inline-block;margin:auto 0;text-align:center;font-size:15px;color:#fff;text-shadow:2px 2px 2px #00000052}.LolChampItem>figure{grid-column:1 / 2;grid-row:2 / 3;aspect-ratio:1/1;height:70px;margin:0 auto;overflow:hidden;border:solid 3px black;border-radius:50%;background-color:#000}.LolChampItem img{aspect-ratio:1/1;width:100%;height:100%;object-fit:contain;transform:scale(1.1)}.LolChampItem>ol{list-style:none;box-sizing:border-box;margin:5px 0;grid-column:2 / 3;grid-row:1 / 3;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-auto-flow:column;gap:8px}.LolChampItem li{display:flex;box-sizing:border-box;width:100%;height:100%;padding:0 5px;align-items:center;justify-content:start;background-color:#ffffff65;border-radius:5px}.LolChampItem p{font-size:14px}.LolChampItem span{display:inline-block;content:attr(data-key);padding:2px 3px;margin-right:10px;font-size:12px;font-weight:700;font-style:italic;border:outset 5px;border-radius:2px;background-color:#fff;box-shadow:3px 3px 3px #00000036}.LolChampItem-btn{cursor:pointer;position:absolute;top:-10px;left:-10px;aspect-ratio:1/1;width:30px;border-radius:50%;border:none;background:#0000000d;transition:background .25s ease,transform .15s ease}.LolChampItem-btn:before,.LolChampItem-btn:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background-color:#333;border-radius:1px;transition:background-color .25s ease}.LolChampItem-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.LolChampItem-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.LolChampItem-btn:hover{background:#0000001f;transform:scale(1.05)}.LolChampItem-btn:hover:before,.LolChampItem-btn:hover:after{background-color:#000}.LolChampItem-btn:active{transform:scale(.95)}.LolChampItemLoad{display:grid;grid-template-columns:1fr 4fr;box-sizing:border-box;padding:5px;height:calc((var(--panel-size) - 80px)/5);background-color:#ffffff50;border-radius:15px}.LolChampItemLoad-img{display:block;box-sizing:border-box;margin:auto;aspect-ratio:1/1;height:80%;background-color:#fff;border-radius:50%}.LolChampItemLoad-spells{display:grid;box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;height:100%;padding:10px}.LolChampItemLoad-spells>div{width:100%;height:100%;border-radius:5px;background-color:#fff}.animar{animation-name:load-item;animation-timing-function:linear;animation-duration:1s;animation-direction:alternate;animation-iteration-count:infinite}@keyframes load-item{0%{opacity:20%}to{opacity:60%}}.Modal{z-index:10;position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#00000098;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;min-width:300px;min-height:200px;border-radius:10px;background-color:#fff}.Modal-btn{appearance:none;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;cursor:pointer;background:linear-gradient(135deg,var(--color-red-bg),var(--color-blue-bg));color:#fff;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.Modal-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f159}.Modal-btn:active{transform:translateY(0);box-shadow:0 4px 10px #6366f140}.Modal-btn:focus-visible{outline:2px solid #c7d2fe;outline-offset:2px}.Modal-btn:disabled{opacity:.5;cursor:not-allowed}