.aram-arena{--ice:#8cdded;--gold:#edcf8a;--ink:#08131b;--line:#8cdded26;color:#eff7f8;font-family:Inter,system-ui,sans-serif;background:radial-gradient(ellipse at 13% 0,#164a5d44,transparent 45%),radial-gradient(ellipse at 95% 80%,#512f6644,transparent 50%),#08121b;border:1px solid var(--line);border-radius:24px;padding:32px;overflow:hidden}.aram-arena button{font:inherit;cursor:pointer;color:inherit;background:#122735;border:1px solid #63879555;border-radius:8px;padding:10px 14px;transition:background .2s,border-color .2s,transform .2s}.aram-arena button:hover{background:#1b3e4f;border-color:var(--ice)}.aram-arena button:focus-visible{outline:3px solid #8cdded;outline-offset:4px}.aram-arena button:disabled{opacity:.4;cursor:not-allowed}.aram-arena .aram-primary{color:#11212b;background:linear-gradient(115deg,#f2dba2,#c7a55c);border-color:#e2cb8e;font-weight:800}.aram-kicker{font-size:10px;letter-spacing:.16em;color:var(--ice);font-weight:800;display:block}.aram-hero{display:flex;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.aram-hero h1{font-size:clamp(28px,3vw,46px);font-weight:850;letter-spacing:-.045em;margin:14px 0 8px;line-height:1.1}.aram-hero p{font-size:13px;color:#94aebc;margin:0}.aram-hero__meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0;font-size:11px;letter-spacing:.06em}.aram-hero__meta b{color:var(--ice)}.aram-hero__meta span{color:#9aafbc}.aram-hero__meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#89e3be;margin-right:8px;box-shadow:0 0 12px #89e3be}.aram-hero__meta button{font-size:11px;padding:8px 12px}.aram-captains{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin:24px 0 0}.aram-captains button{position:relative;display:flex;gap:8px;align-items:center;text-align:left;padding:12px 8px;background:#0c1b25;min-width:0}.aram-captains img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;filter:saturate(.8)}.aram-captains b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.aram-captains small{display:block;font-size:8px;color:#7d9baa;margin-top:5px;letter-spacing:.04em}.aram-order{color:#537387;font-size:10px}.aram-captains .is-active{border-color:var(--gold);background:#2a2d24;box-shadow:0 0 30px #e9c7740c}.aram-captains i{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);font-size:8px;font-style:normal;background:var(--gold);color:#14232a;padding:2px 8px;white-space:nowrap;border-radius:3px}.aram-turn{text-align:center;position:relative;padding:29px 12px 25px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center,#97c0d00e,transparent 65%)}.aram-turn>span{display:block;letter-spacing:.18em;font-size:9px;color:#8ca6b8}.aram-turn h2{font-size:clamp(21px,2vw,32px);font-weight:750;margin:10px 0;letter-spacing:-.025em}.aram-turn>b{font-size:10px;color:var(--gold);letter-spacing:.1em}.aram-turn>small{display:block;margin-top:8px;color:#8ce2bd}.aram-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;margin-top:28px}.aram-layout .aram-pool{min-width:0}.aram-pool-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.aram-pool-header h2{font-size:17px;letter-spacing:-.02em;margin:7px 0 0}.aram-pool-header nav{display:flex;gap:4px}.aram-pool-header nav button{font-size:11px;padding:7px 10px;white-space:nowrap}.aram-pool-header nav button.is-active{color:var(--gold);border-color:var(--gold);background:#d5b46d15}.aram-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}.aram-arena .aram-card{--rarity:#91a8b7;position:relative;background:linear-gradient(150deg,#18303f,#0a1823 65%);border:1px solid color-mix(in srgb,var(--rarity) 60%,transparent);border-radius:12px;padding:9px;overflow:hidden;text-align:left;box-shadow:0 8px 20px #0004;isolation:isolate;transition:transform .2s,box-shadow .2s,filter .2s}.aram-card:before{content:'';position:absolute;inset:3px;border:1px solid #ffffff0b;border-radius:9px;pointer-events:none;z-index:3}.aram-arena .aram-card:hover{transform:translateY(-6px);background:#143244;box-shadow:0 14px 38px #0007,0 0 20px color-mix(in srgb,var(--rarity) 14%,transparent);border-color:var(--rarity)}.aram-arena .aram-card.is-focused{outline:2px solid var(--rarity);outline-offset:3px}.aram-card.aram-tier-5{--rarity:#edca7b}.aram-card.aram-tier-4{--rarity:#cfa5ee}.aram-card.aram-tier-3{--rarity:#7baedb}.aram-card.aram-tier-2{--rarity:#8abdb2}.aram-card__top{display:flex;align-items:center;justify-content:space-between;padding:6px 3px 10px;gap:4px}.aram-card__top span{font-size:7px;letter-spacing:.1em;color:#91afc1}.aram-card__top b{color:var(--rarity);font-size:11px;letter-spacing:1px}.aram-card__portrait{position:relative;aspect-ratio:1.3;overflow:hidden;border-radius:6px 6px 0 0;background:#173248}.aram-card__portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#0d1c29)}.aram-card__portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.025)}.aram-card__sigil{position:absolute;z-index:2;bottom:7px;right:9px;width:24px;height:24px;display:grid;place-items:center;background:#122532;color:var(--rarity);border:1px solid var(--rarity);border-radius:4px;font-size:12px;font-weight:900}.aram-card__body{padding:10px 4px 4px}.aram-card__body h3{margin:0;font-size:16px;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}.aram-card__body p{display:flex;gap:4px;margin:8px 0 14px}.aram-card__body p span{font-size:8px;background:#90bbc01a;border:1px solid #90bbc01a;color:#a2c2cd;padding:3px 6px;border-radius:3px;letter-spacing:.05em}.aram-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:10px 0;border-top:1px solid var(--line);gap:6px}.aram-card dt{font-size:8px;color:#789bab;text-transform:uppercase;letter-spacing:.07em}.aram-card dd{font-weight:850;font-size:18px;margin:4px 0 0;font-variant-numeric:tabular-nums}.aram-card__body>small{font-size:7px;letter-spacing:.07em;color:var(--rarity);display:block;border-top:1px solid var(--line);padding-top:9px;min-height:18px}.aram-card.is-taken{filter:saturate(.3);opacity:.52}.aram-data-note{font-size:10px;color:#66889c;line-height:1.7;margin-top:18px}.aram-side{display:flex;flex-direction:column;gap:15px;min-width:0}.aram-detail,.aram-my-team,.aram-rosters{border:1px solid var(--line);background:#10212c;border-radius:12px;padding:20px}.aram-detail h2,.aram-my-team h2{font-size:21px;margin:10px 0;overflow-wrap:anywhere}.aram-gold{color:var(--gold)}.aram-detail p,.aram-my-team p{font-size:11px;line-height:1.6;color:#92afbd}.aram-detail .aram-primary{width:100%;font-size:12px}.aram-my-team label{font-size:10px;display:block;margin:12px 0;color:#a2c0cd}.aram-my-team input{display:block;box-sizing:border-box;width:100%;min-width:0;background:#071720;border:1px solid #63879566;border-radius:6px;color:#f2f8fb;padding:9px;margin-top:7px;font-size:12px}.aram-my-team input[type=file]{font-size:10px}.aram-my-team small{font-size:9px;color:#86a0ad}.aram-my-team button{width:100%;font-size:11px;margin:7px 0}.aram-my-team code{font-size:9px;word-break:break-all;color:#b4cbda}.aram-rosters details{border-bottom:1px solid var(--line);padding:12px 0}.aram-rosters summary{cursor:pointer;display:flex;gap:8px;align-items:center;font-size:12px}.aram-rosters summary img{width:28px;height:28px;object-fit:contain}.aram-rosters summary>b{flex:1}.aram-rosters summary>span{color:var(--gold);font-size:22px}.aram-rosters summary small{color:#94b6c6}.aram-rosters ul{list-style:none;padding:8px 0 0;margin:0}.aram-rosters li{display:flex;gap:10px;font-size:10px;margin:9px 0}.aram-rosters li b{color:var(--gold);white-space:nowrap;min-width:22px}.aram-rosters li span{color:#a2bcc9}.aram-login{font-size:12px;color:var(--ice);border:1px solid var(--line);padding:15px;border-radius:8px}.aram-recent{border-top:1px solid var(--line);display:flex;gap:18px;overflow-x:auto;padding-top:18px;margin-top:28px;font-size:10px;align-items:center}.aram-recent>span{flex-shrink:0;color:#7897a9}.aram-recent b{display:block;color:#d6e8f2;margin-bottom:4px}.aram-recent i{font-style:normal;color:var(--gold)}.aram-registration{padding:50px 8%;text-align:center;max-width:850px;margin:auto}.aram-registration h2{font-size:clamp(26px,4vw,46px);line-height:1.2;letter-spacing:-.04em}.aram-registration p{line-height:1.8;color:#94aebc;font-size:14px}.aram-registration small{display:block;margin-top:18px;color:#7795a5;font-size:11px}.aram-admin{border:1px solid var(--line);border-radius:14px;padding:25px;margin-top:22px}.aram-admin h2{margin:10px 0;font-size:25px}.aram-admin p{color:#8dadbc;font-size:12px}.aram-quotas{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.aram-quotas>span{border:1px solid #8ce2bd44;color:#8ce2bd;border-radius:6px;padding:13px;text-align:center;font-size:12px}.aram-quotas b{display:block;color:var(--gold);letter-spacing:2px;margin-bottom:8px}.aram-quotas .is-incomplete{border-color:#e2be6b44;color:#e2be6b}.aram-rating-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.aram-rating-list label{display:flex;align-items:center;gap:9px;background:#12232d;border:1px solid var(--line);border-radius:6px;padding:9px;min-width:0}.aram-rating-list img{width:32px;height:32px;border-radius:50%;object-fit:cover}.aram-rating-list span{flex:1;font-size:12px;overflow-wrap:anywhere}.aram-rating-list select{background:#081923;color:var(--gold);font-size:12px;border:1px solid var(--line);padding:7px;border-radius:5px;max-width:120px}.aram-admin footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.aram-notice{border:1px solid #e9b17770;background:#66372922;padding:16px;color:#f7d6b0;border-radius:8px;font-size:13px}.aram-loading{text-align:center;padding:80px}.aram-cast>.app-shell>.hero,.aram-cast .page-tabs,.aram-cast .championship-catalog__back{display:none!important}.aram-cast .container{max-width:1900px;width:100%}.aram-cast .aram-arena{border-radius:0;min-height:100vh}.aram-cast .aram-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.aram-cast .aram-hero{padding-bottom:15px}.aram-cast .aram-captains{margin-top:18px}.aram-cast .aram-turn{padding:23px 10px}.aram-cast .aram-layout{margin-top:20px}.aram-cast .aram-hero__meta button{opacity:.35}.aram-cast .aram-hero__meta button:hover{opacity:1}@media(prefers-reduced-motion:reduce){.aram-arena *{transition:none!important;scroll-behavior:auto!important}}@media(min-width:1600px){.aram-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.aram-arena{padding:35px 45px}.aram-layout{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:1000px){.aram-layout{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.aram-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aram-arena{padding:20px}.aram-rating-list{grid-template-columns:repeat(2,1fr)}.aram-pool-header{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.aram-hero{flex-direction:column;gap:20px}.aram-hero__meta{align-items:flex-start}.aram-hero__meta span{font-size:10px}.aram-layout{grid-template-columns:1fr}.aram-arena{padding:16px;border-radius:14px}.aram-captains{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.aram-card-grid{gap:11px}.aram-card__body h3{font-size:14px}.aram-quotas{gap:4px}.aram-quotas>span{padding:8px 3px;font-size:10px}.aram-quotas b{font-size:9px;letter-spacing:0}.aram-admin{padding:15px}.aram-rating-list{grid-template-columns:1fr}.aram-admin footer{flex-direction:column}.aram-pool-header h2{font-size:15px}.aram-cast .aram-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.aram-cast .aram-arena{padding:24px 30px}.aram-cast .aram-hero h1{font-size:34px;margin:9px 0}.aram-cast .aram-hero p{font-size:12px}.aram-cast .aram-captains{margin-top:15px}.aram-cast .aram-captains button{padding:9px}.aram-cast .aram-captains b{font-size:12px}.aram-cast .aram-turn{padding:17px 8px}.aram-cast .aram-turn h2{font-size:26px;margin:8px 0}.aram-cast .aram-layout{gap:24px;margin-top:18px;grid-template-columns:minmax(0,1fr) 270px}.aram-cast .aram-pool-header{margin-bottom:14px}.aram-cast .aram-pool-header h2{font-size:15px}.aram-cast .aram-card-grid{gap:12px}.aram-cast .aram-card__portrait{height:140px;aspect-ratio:auto}.aram-cast .aram-card__portrait img{object-position:50% 38%}.aram-cast .aram-card__body{padding:8px 5px 3px}.aram-cast .aram-card__body h3{font-size:18px}.aram-cast .aram-card__body p{margin:6px 0 9px}.aram-cast .aram-card dl{padding:8px 0}.aram-cast .aram-card__body>small{font-size:8px;padding-top:7px}.aram-cast .aram-data-note{margin:10px 0;font-size:9px}.aram-cast .aram-recent{margin-top:16px;padding-top:12px}.aram-cast .aram-rosters{padding:16px}.aram-cast .aram-rosters details{padding:11px 0}}
@media(min-width:1100px){.aram-cast .aram-hero__meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.aram-cast .aram-hero__meta>b,.aram-cast .aram-hero__meta>span{grid-column:1/-1;justify-self:end}.aram-cast .aram-hero__meta button{font-size:9px;padding:7px 9px;line-height:1.2}.aram-cast .aram-turn{padding:11px 8px}.aram-cast .aram-turn h2{margin:6px 0}.aram-cast .aram-card__portrait{height:100px;background:radial-gradient(ellipse,#507a9833,transparent 80%)}.aram-cast .aram-card__portrait img{object-fit:contain;transform:none;object-position:center}.aram-cast .aram-card__portrait:after{background:linear-gradient(transparent 85%,#0d1c29)}.aram-cast .aram-card__sigil{right:12px;bottom:5px}}
.aram-pick-reveal{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;max-width:min(540px,90vw);padding:20px 26px;background:linear-gradient(120deg,#133443f5,#161c2bf5);border:1px solid #edcf8acc;border-radius:14px;box-shadow:0 15px 60px #000a,0 0 40px #edcf8a20;z-index:99999;pointer-events:none;animation:aram-reveal-in .35s ease-out}.aram-pick-reveal img{width:66px;height:66px;object-fit:cover;border-radius:9px;border:1px solid #edcf8a66}.aram-pick-reveal span{color:#edcf8a;font-size:9px;letter-spacing:.14em;font-weight:800}.aram-pick-reveal strong{display:block;font-size:24px;margin:5px 0;line-height:1.15;color:#eef5ff;overflow-wrap:anywhere}.aram-pick-reveal small{color:#8fb6c6;font-size:11px}.aram-pick-reveal>b{color:#edcf8a;font-size:35px}@keyframes aram-reveal-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.aram-pick-reveal{animation:none}}@media(min-width:1100px){.aram-cast .aram-side{max-height:calc(100vh - 350px);overflow:auto;scrollbar-width:thin}.aram-cast .aram-card__body h3,.aram-cast .aram-turn h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aram-cast .aram-notice{position:fixed;right:24px;top:20px;z-index:9999;max-width:500px;box-shadow:0 8px 35px #0008}}
.aram-cast .app-shell{padding:0;overflow:visible}.aram-cast .app-pages{width:100%;max-width:none;margin:0;padding:0;gap:0}.aram-cast #campeonato{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.aram-cast #championshipContent>:not([data-aram-host]){display:none}.aram-cast #championshipContent .aram-arena{border:0}
.aram-cast .app-shell{overflow:hidden}.aram-cast .app-shell:before,.aram-cast .app-shell:after{display:none}.aram-cast #championshipContent .aram-arena{box-sizing:border-box;padding-bottom:20px}
/* Trading cards: framed portraits occupy their own tall area, above all text. */
.aram-arena .aram-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:stretch}
.aram-arena .aram-card{display:flex;flex-direction:column;min-width:0;padding:10px;border-radius:14px}
.aram-card__top{flex:none;padding:5px 3px 11px;min-height:30px}
.aram-arena .aram-card__portrait{position:relative;flex:none;width:100%;height:auto;aspect-ratio:2/3;box-sizing:border-box;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity) 65%,#203442);border-radius:8px;background:linear-gradient(145deg,#304958,#101e2a);box-shadow:inset 0 0 0 4px #07151e,inset 0 0 0 5px #ffffff18}
.aram-arena .aram-card__portrait img{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);max-width:calc(100% - 10px);max-height:calc(100% - 10px);object-fit:cover;object-position:50% 35%;border-radius:4px;transform:none}
.aram-arena .aram-card__portrait:after{inset:5px;border-radius:4px;background:linear-gradient(transparent 82%,#07141b88);pointer-events:none}
.aram-card__sigil{bottom:12px;right:12px;z-index:3;box-shadow:0 2px 9px #0007}
.aram-arena .aram-card__body{position:relative;flex:1;padding:14px 4px 5px;min-width:0;background:transparent}
.aram-card__body h3{line-height:1.3;margin:0 0 9px}
.aram-card__body p{margin:0 0 13px}
@media(min-width:1700px){.aram-cast .aram-card-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.aram-cast .aram-card{padding:9px}.aram-cast .aram-card__portrait{aspect-ratio:2/3;height:auto}.aram-cast .aram-card__body{padding:12px 3px 4px}.aram-cast .aram-card__body h3{font-size:16px;line-height:1.3}.aram-cast .aram-card__body p span{font-size:8px;padding:3px 5px}.aram-cast .aram-card__body>small{font-size:7px;line-height:1.5;min-height:26px}.aram-cast .aram-card dl{gap:5px}.aram-cast .aram-card dd{font-size:20px}.aram-cast .aram-side{max-height:calc(100vh - 350px)}}
@media(min-width:1100px) and (max-width:1699px){.aram-cast .aram-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.aram-cast .aram-card__portrait{height:auto;aspect-ratio:2/3}}
@media(max-width:650px){.aram-arena .aram-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.aram-arena .aram-card{padding:8px}.aram-arena .aram-card__body{padding:12px 3px 3px}.aram-card__body h3{font-size:14px}}
.aram-card.aram-tier-5.is-taken{filter:none;opacity:1}
