@charset "UTF-8";
:root{color-scheme:dark;--ink:#080f18;--panel:#0d1825;--line:#35414d;--gold:#d6b77b;--goldlight:#f2dca4;--muted:#98a8b9;--white:#e9edf0;--cyan:#6cdbe9;--red:#f66c91;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white)}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #95e3f0;outline-offset:4px}a{color:inherit;text-decoration:none}button{transition:background .18s,border-color .18s,transform .18s,filter .18s}button:hover:not(:disabled){filter:brightness(1.13)}h1,h2,h3,p{margin:0}button,kbd{user-select:none}kbd{font-family:inherit;font-size:12px;font-weight:600}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#arena{position:fixed;inset:0;width:100%;height:100dvh;touch-action:none}#lobby{position:relative;z-index:1;min-height:100dvh;background:linear-gradient(90deg,#080f18f5 0%,#080f1899 27%,#080f1855 58%,#080f18cf 100%),linear-gradient(0deg,#080f18 0%,transparent 35%)}.topbar{height:96px;border-bottom:1px solid #8794a32a;display:flex;align-items:center;gap:64px;padding:0 4%;background:#080f18a8}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:19px;line-height:1.04;letter-spacing:2px;font-weight:700}.brand em{font-size:11px;font-weight:400;letter-spacing:0}.brand-mark,.loading-mark{display:inline-block;position:relative;font-family:Georgia,serif;color:var(--gold);font-size:43px;font-weight:400;width:48px;line-height:1}.brand-mark span,.loading-mark span{display:inline-block;transform:scaleX(-1);position:absolute;left:15px;top:0;color:#d6b77b99}.topbar nav{display:flex;align-self:stretch;gap:40px}.nav{font-size:13px;font-weight:700;letter-spacing:1.5px;position:relative;padding:0 5px;color:#b3bdc8}.nav.active{color:var(--goldlight)}.nav.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);box-shadow:0 -2px 15px #dfba7155}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.build-label{font-size:11px;letter-spacing:1.6px;color:var(--muted);margin-right:8px}.build-label b{border:1px solid #b3956744;padding:4px;color:var(--gold);margin-left:5px;font-size:10px}.icon-button{width:34px;height:34px;border:1px solid #9babb533;border-radius:50%;color:#c0ccd5;font-size:18px;display:grid;place-items:center;line-height:1}.icon-button:hover{border-color:var(--gold);color:var(--gold)}.lobby-main{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;max-width:1540px;margin:auto;padding:35px 4% 18px;min-height:520px;gap:16px}.mode-panel{align-self:center;padding:8px 0 28px;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:1.9px;color:var(--gold);font-weight:700;display:block}.mode-panel .eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1.7px}.tiny-diamond{display:inline-block;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.1vw,67px);font-weight:400;line-height:1.04;letter-spacing:-1.7px;margin:25px 0 20px;color:#f2f0e9}h1 span{color:var(--goldlight)}.intro{font-size:14px;line-height:1.8;color:#aebaca}.mode-spec{display:flex;align-items:center;gap:18px;margin:28px 0 16px;padding:18px 0;border-top:1px solid #8794a337;border-bottom:1px solid #8794a337;max-width:310px}.mode-spec>span{font-family:Georgia,serif;font-size:28px;color:var(--goldlight);white-space:nowrap}.mode-spec i{font-family:Inter,Arial,sans-serif;font-size:11px;font-style:normal;margin:0 4px;color:var(--muted)}.mode-spec strong{display:block;letter-spacing:1.7px;font-size:11px;color:#d6dce3;margin-bottom:7px}.mode-spec small{color:var(--muted);font-size:11px;white-space:nowrap}.rules-mini{display:flex;flex-direction:column;gap:9px;color:#a8b7c6;font-size:12px}.rules-mini span{letter-spacing:.2px}.outline-button{border:1px solid #ad946059;color:#e7d0a0;font-size:12px;font-weight:700;letter-spacing:1.2px;padding:14px 20px;background:#0a131c66}.outline-button:hover{background:#b2904e1a;border-color:var(--gold)}.howto{margin-top:24px}.howto span{border:1px solid #dac49577;padding:0 4px;margin-right:6px;font-size:11px}.match-note{font-size:11px;line-height:1.6;color:#8293a5;margin-top:19px;display:none}.champion-stage{position:relative;min-width:0;height:530px;display:flex;align-items:center;justify-content:center;align-self:end;isolation:isolate}.hero-splash{height:94%;max-width:120%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 8px 14px #020911cc);transform:translateY(-18px);animation:hero-float 5s ease-in-out infinite}.stage-halo{position:absolute;width:95%;height:75%;background:radial-gradient(ellipse,var(--champ) 0%,transparent 65%);opacity:.13;filter:blur(15px);top:15%;left:0}.stage-ring{width:90%;height:80px;border:1px solid #7abfc553;border-radius:50%;position:absolute;bottom:50px;transform:rotate(-5deg);box-shadow:inset 0 0 40px #70c5d81a,0 0 35px #62c8e419}.stage-caption{position:absolute;z-index:3;bottom:5px;left:-5%;width:110%;text-align:center;background:linear-gradient(0deg,#09121b 45%,transparent);padding-top:60px;padding-bottom:15px;pointer-events:none}.stage-caption span{color:var(--gold);font-size:10px;letter-spacing:3px;display:block;margin-bottom:9px}.stage-caption strong{font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:2px;display:block}.stage-caption small{display:block;color:var(--muted);margin-top:6px;font-size:12px}.loadout-panel{position:relative;z-index:3;border:1px solid #b7a4794a;background:linear-gradient(135deg,#172331e8,#0a131ef0);padding:25px;max-width:370px;justify-self:end;width:100%;box-shadow:0 15px 50px #020a1155}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #8696a62a;font-size:11px;letter-spacing:1.5px;color:#cad3dd}.small-badge{font-size:9px;letter-spacing:.6px;border:1px solid #799cb140;padding:5px 7px;color:#93adbf;background:#203c451e}.loadout-name{padding:21px 0 17px}.role-pill{display:inline-block;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--champ);border:1px solid color-mix(in srgb,var(--champ) 25%,transparent);background:color-mix(in srgb,var(--champ) 6%,transparent);padding:5px 8px}.loadout-name h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin-top:12px}.loadout-name p{font-size:12px;color:#98aaba;line-height:1.65;margin-top:9px;min-height:40px}.champion-ratings{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #8696a62a;padding:0 0 20px}.champion-ratings>div{display:flex;justify-content:space-between;align-items:center}.champion-ratings span{font-size:10px;color:#9aabba;letter-spacing:1.5px}.champion-ratings b{display:flex;gap:5px}.champion-ratings i{display:block;width:20px;height:4px;background:#314151}.champion-ratings i.filled{background:#cbb582}.kit-label{font-size:10px;color:#9aabba;letter-spacing:1.5px;margin-top:19px}.lobby-skills{display:flex;gap:12px;margin-top:12px}.lobby-skills button{height:54px;width:54px;padding:0;border:1px solid #b2966055;position:relative}.item-icon{display:inline-block;aspect-ratio:1;background-image:url('/game/assets/items.webp');background-size:800% 600%;background-repeat:no-repeat;width:48px;flex-shrink:0;vertical-align:middle}.lobby-skills .item-icon{width:100%;height:100%;opacity:.85}.lobby-skills kbd{position:absolute;bottom:-1px;left:-1px;font-size:11px;border:1px solid #b2966077;background:#09131f;width:19px;padding:2px;color:#e2c791}.reroll-row{display:flex;justify-content:space-between;align-items:center;margin:23px 0 18px}.text-button{font-size:11px;letter-spacing:1px;color:#c8b78f;padding:0}.text-button:hover{color:var(--goldlight)}.reroll-row .text-button{font-size:10px;letter-spacing:1px}.reroll-row span{font-size:16px;margin-right:4px}.reroll-row small{font-size:10px;color:#8194a7}.play-button{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;padding:19px 14px;background:linear-gradient(120deg,#ebcf91,#c19c60);color:#181b1b;font-size:12px;letter-spacing:1.8px;font-weight:800;border:1px solid #f5d89a;box-shadow:0 4px 28px #ccae6717;min-height:52px}.play-button:hover{box-shadow:0 0 22px #ccae6733;background:linear-gradient(120deg,#f4dfad,#d1b174)}.play-button b{font-size:20px;line-height:1}.under-play{font-size:10px;color:#788b9e;text-align:center;margin-top:12px}.bench{display:flex;gap:7px;align-items:center;margin:-4px 0 14px}.bench>span{font-size:9px;color:var(--muted);letter-spacing:1px;margin-right:5px}.bench button{padding:0}.bench .portrait{width:30px;height:30px}.portrait{display:inline-block;position:relative;overflow:hidden;width:50px;height:50px;border:1px solid #8eaecc35;background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--champ) 20%,transparent),#0e1b2a 75%);vertical-align:middle;flex-shrink:0}.portrait img{position:absolute;width:150%;max-width:none;height:auto;left:-25%;top:0;pointer-events:none}.roster-strip{position:relative;z-index:4;border-top:1px solid #8b9eaf2e;max-width:1540px;padding:21px 4% 24px;margin:auto;background:linear-gradient(180deg,#101b2766,transparent)}.roster-heading{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.roster-heading>span{font-size:10px;letter-spacing:2px;color:#d5c398}.roster-heading small{font-size:9px;letter-spacing:1px;color:#6f859b}.roster-list{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px}.roster-tile{padding:0;position:relative;text-align:left;min-width:0}.roster-tile .portrait{width:100%;height:87px;border:1px solid #7a8eaa44;filter:saturate(.7);transition:.2s}.roster-tile .portrait img{width:117%;left:-8%;top:-1px}.roster-tile:hover .portrait,.roster-tile.selected .portrait{filter:saturate(1);border-color:#d2b477}.roster-tile.selected .portrait{box-shadow:0 0 0 1px #ddbf8633,0 0 20px #d5b47b11}.roster-tile>span:not(.portrait){display:block;font-size:11px;font-weight:600;color:#d1d9e2;margin-top:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roster-tile>small{display:block;font-size:9px;color:#7f94a9;margin-top:4px}.your-pick{position:absolute;top:0;left:0;right:0;font-size:8px;letter-spacing:1px;background:#d3b985;color:#192029;text-align:center;padding:4px}.lobby-footer{display:flex;justify-content:space-between;gap:20px;padding:16px 4%;border-top:1px solid #7d91a51a;color:#647b92;font-size:8px;letter-spacing:1.2px}.lobby-footer i{margin:0 8px;font-style:normal}#loading{position:fixed;inset:0;z-index:100;background:#09131e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.loading-mark{font-size:85px;width:85px}.loading-mark span{left:26px}#loading p{color:#b7c6d5;font-size:14px;letter-spacing:.4px}.load-line{height:2px;width:160px;background:linear-gradient(90deg,transparent,#e7c78c,transparent);animation:pulse 1.3s infinite}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:100;pointer-events:none;max-width:90vw;padding:13px 20px;border:1px solid #bba36f80;background:#111e2bf5;box-shadow:0 4px 25px #0006;color:#e9dfc7;font-size:13px;opacity:0;transition:.2s;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}#tooltip{position:fixed;z-index:90;width:300px;padding:19px;background:#0b1624f9;border:1px solid #ae946480;box-shadow:0 6px 30px #0008;pointer-events:none}#tooltip strong{display:block;font-family:Georgia,serif;font-size:21px;margin:9px 0;color:#f0d6a0}#tooltip p{font-size:13px;line-height:1.6;color:#c2cfdb}#tooltip small{display:block;font-size:11px;color:#809bb4;margin-top:12px}
dialog{padding:25px 30px;margin:auto;border:1px solid #9e895b77;background:linear-gradient(135deg,#172432,#0b1521 70%);color:var(--white);width:min(1050px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 24px 100px #000b}dialog::backdrop{background:#020710b8;backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:23px;border-bottom:1px solid #718ba333;margin-bottom:23px}.modal-heading h2{font-family:Georgia,serif;font-size:32px;font-weight:400;margin-top:9px;color:#efe6d1}.modal-heading p{font-size:13px;color:#92a7bc;line-height:1.6;margin-top:7px}.close-button{border-radius:0;width:30px;height:30px;font-size:23px;flex-shrink:0}.help-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.help-layout h3{font-size:16px;color:#d5c39c;margin-bottom:20px}.control-row{display:flex;align-items:flex-start;gap:18px;margin-bottom:16px}.control-row kbd{font-size:10px;white-space:nowrap;border:1px solid #849bae55;background:#09131f;padding:5px 8px;min-width:82px;text-align:center;color:#d8dfe5}.control-row span{font-size:13px;line-height:1.6;color:#aebed0}.briefing p{font-size:14px;line-height:1.65;color:#abbcd0;margin-bottom:17px}.touch-note{background:#7295b411;border-left:2px solid #7896ac;padding:14px}.touch-note strong{font-size:13px;color:#d9e6ef}.touch-note p{font-size:12px;margin:6px 0 0}.modal-primary{max-width:290px;margin:20px 0 0 auto}.roster-modal{width:min(1140px,calc(100vw - 48px))}.roster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.roster-grid button{padding:0 0 12px;text-align:left;border:1px solid #74899f33;background:#08121b55;overflow:hidden}.roster-art{height:180px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--champ) 17%,transparent),transparent);display:flex;justify-content:center;overflow:hidden;padding:10px 0 0}.roster-art img{height:220px;width:auto}.roster-grid h3{font-size:15px;margin:14px 12px 4px}.roster-grid p{font-size:10px;color:var(--muted);margin:0 12px 10px}.roster-grid .role-pill{margin-left:12px;font-size:9px}.champ-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.detail-art{position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--champ) 13%,transparent),transparent 65%)}.detail-art img{max-width:95%;height:440px;object-fit:contain}.detail-art .role-pill{position:absolute;bottom:0}.passive{border-left:2px solid var(--gold);padding:2px 0 2px 15px;margin-bottom:20px}.passive h3{font-size:16px;color:#e6ce98;margin:7px 0}.passive p{font-size:13px;color:#adc0d2;line-height:1.5}.skill-detail{display:flex;gap:17px;padding:13px 0;border-top:1px solid #718ba324}.skill-detail>.item-icon{width:44px;border:1px solid #aa925b66}.skill-detail h3{font-size:14px;color:#e6ddcb;font-weight:600}.skill-detail kbd{color:var(--gold);margin-right:4px}.skill-detail p{font-size:12px;line-height:1.65;margin-top:6px;color:#acbecf}.skill-detail small{font-size:10px;color:#748da7;display:block;margin-top:5px}.champ-detail-footer{border-top:1px solid #718ba333;padding-top:20px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#91a7bd}.shop-modal{width:min(1160px,calc(100vw - 40px));padding:24px 26px}.shop-modal .modal-heading{margin-bottom:12px;padding-bottom:17px}.shop-meta{display:flex;justify-content:space-between;align-items:center;padding:0 0 15px;font-size:10px;color:#92a5b8;letter-spacing:.5px}.shop-meta .gold{font-size:20px}.shop-open{font-size:10px;color:#96dca7}.shop-locked{font-size:10px;color:#eab681}.gold{color:#e7c480!important;white-space:nowrap}.shop-layout{display:grid;grid-template-columns:140px 1fr 280px;gap:20px;height:min(49vh,440px);min-height:300px}.shop-categories{display:flex;flex-direction:column;gap:3px;padding-right:15px;border-right:1px solid #8295a12b}.shop-categories button{text-align:left;font-size:12px;padding:12px 9px;color:#aabbd0;border-left:2px solid transparent}.shop-categories button.selected{color:#e6cd96;background:#d0b07313;border-left-color:#e0c48b}.shop-catalog{display:flex;flex-direction:column;min-width:0}.search-box{display:flex;align-items:center;gap:9px;background:#07111c88;border:1px solid #7390aa3f;padding:10px 13px}.search-box>span{font-size:20px;line-height:1;color:#90a4b7}.search-box input{width:100%;outline:none;border:0;background:transparent;color:#d2dce7;font-size:12px}.search-box input::placeholder{color:#6d8299}#item-grid{overflow-y:auto;display:grid;grid-template-columns:1fr;align-content:start;gap:7px;margin-top:13px;padding-right:6px}.shop-item{display:flex;align-items:center;gap:12px;text-align:left;padding:9px;border:1px solid #647e961d;background:#819db606;min-width:0}.shop-item.selected{background:#d5b5750e;border-color:#c0a5757a}.shop-item .item-icon{width:45px;border:1px solid #7890a433}.shop-item>span:not(.item-icon){min-width:0;flex:1}.shop-item strong{font-size:12px;display:block;font-weight:600}.shop-item small{font-size:8px;letter-spacing:.8px;display:block;color:#7e97b0;margin-top:6px}.shop-item small.legendary{color:#a99ad1}.shop-item b{font-size:12px;font-weight:500}.shop-item.unaffordable{opacity:.67}.item-detail{background:#070f1980;border:1px solid #7d8c9f2b;padding:18px;overflow-y:auto;display:flex;flex-direction:column}.detail-item-hero{text-align:center}.detail-item-hero .item-icon{width:64px;border:1px solid #c3a56e;box-shadow:0 3px 20px #0005}.detail-item-hero>span:not(.item-icon){display:block;font-size:8px;letter-spacing:1px;color:#ac9bc9;margin:11px 0 7px}.detail-item-hero h3{font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.2;margin-bottom:9px}.detail-item-hero .gold{font-size:14px}.detail-item-hero small{display:block;font-size:9px;color:#829bb1;margin-top:7px}.item-stats{padding:16px 0 12px;display:flex;flex-direction:column;gap:7px}.item-stats>div{display:flex;justify-content:space-between;font-size:11px;gap:10px}.item-stats span{color:#99aec2}.item-stats strong{color:#d7e6ed;font-weight:500}.item-description{font-size:12px;line-height:1.55;color:#b8c6d5}.recipe{margin:16px 0}.recipe .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.recipe>div{display:flex;gap:10px}.recipe button{padding:0}.recipe .item-icon{width:35px;border:1px solid #6a829641}.recipe small{display:block;font-size:9px;color:#c5ad7c;margin-top:4px}.purchase{margin-top:18px;padding:13px 10px;min-height:42px;font-size:10px;justify-content:space-between;letter-spacing:1px}.buy-note{font-size:10px;line-height:1.5;color:#8aa1b8;margin-top:10px;text-align:center}.shop-inventory{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #738ba32e;padding-top:18px;margin-top:20px}.shop-inventory .eyebrow{font-size:9px}.shop-inventory small{display:block;font-size:10px;color:#7c95ad;margin-top:7px}.inventory-slots{display:flex;gap:8px}.inventory-slots>button,.inventory-slots>.empty-slot{position:relative;border:1px solid #8f9fb23d;width:48px;height:48px;display:grid;place-items:center;background:#080f1955;padding:0;color:#40546a;font-size:11px}.inventory-slots .item-icon{width:100%}.inventory-slots kbd{position:absolute;bottom:0;right:0;color:#d4c7ab;background:#080f19;padding:1px 4px;font-size:9px}.empty-results{padding:35px 10px;text-align:center;color:#91a4b6;font-size:13px}.pause-modal{width:min(440px,calc(100vw - 40px))}.pause-menu{display:flex;flex-direction:column;gap:14px;padding-top:4px}.pause-menu>.text-button{padding:16px}.score-team{margin-top:19px}.score-heading{display:flex;align-items:center;justify-content:space-between;background:#47bbd112;border-bottom:1px solid #55c5db44;padding:12px;color:#75ddec}.score-heading.red{background:#ea547712;border-color:#e4558744;color:#f086a4}.score-heading h3{font-family:Georgia,serif;font-size:20px;font-weight:400}.score-heading strong{font-size:10px;letter-spacing:1px}.score-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;font-weight:500;color:#7a93ab;letter-spacing:.7px;padding:9px}td{border-top:1px solid #6c829623;padding:8px;font-size:12px;white-space:nowrap}td:first-child{display:flex;align-items:center;gap:10px;font-size:12px}td:first-child small{display:block;font-size:9px;color:#7e9ab0;margin-top:5px}td .portrait{width:36px;height:36px}.is-player{background:#c8b36c0b}.score-build{display:flex;gap:4px;min-width:180px}.score-build .item-icon{width:27px;border:1px solid #8998ad33}.augment-modal{width:min(980px,calc(100vw - 40px));padding:40px}.augment-heading{text-align:center;margin-bottom:30px}.augment-heading h2{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:16px 0;color:#e9d3a5}.augment-heading p{font-size:13px;color:#a1b3c7}.augment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.augment-grid button{padding:28px 20px;border:1px solid #b19b6266;background:linear-gradient(150deg,#b0944f16,#0a131e);display:flex;align-items:center;flex-direction:column}.augment-grid .item-icon{width:85px;border:1px solid #c3a875}.augment-grid h3{font-family:Georgia,serif;font-weight:400;font-size:22px;color:#e4cc99;margin:21px 0 15px;min-height:50px}.augment-grid p{font-size:13px;color:#9fb3c6;line-height:1.7;flex:1}.augment-grid button>span:last-child{font-size:9px;letter-spacing:1.4px;color:#cdb783;margin-top:28px;border-top:1px solid #b19b6244;padding-top:20px;width:100%}.finish-modal{width:min(640px,calc(100vw - 40px));padding:36px}.finish-top{text-align:center}.finish-top h2{font-family:Georgia,serif;font-weight:400;font-size:60px;letter-spacing:8px;margin:18px 0;color:#b6eef0;text-shadow:0 0 30px #67c9e655}.finish-top.loss h2{color:#e494a7;text-shadow:0 0 30px #e6689855}.finish-top p{font-size:13px;color:#a0b4c7}.finish-champ{display:flex;justify-content:center;align-items:center;gap:15px;margin:28px 0}.finish-champ h3{font-size:17px;font-weight:500}.finish-champ span{font-size:12px;color:#9baec3}.match-results{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;border-top:1px solid #8196ad33;border-bottom:1px solid #8196ad33;padding:23px 0;text-align:center}.match-results strong{display:block;font-size:22px;font-weight:400;color:#e2cea3}.match-results span{display:block;font-size:8px;letter-spacing:1px;color:#8ca6bd;margin-top:9px}.finish-build{display:flex;justify-content:center;gap:8px;margin:24px 0}.finish-build .item-icon{width:44px;border:1px solid #b19b6266}.finish-modal>.text-button{width:100%;padding:20px 0 0}
#game-ui{position:fixed;inset:0;z-index:2;pointer-events:none}.match-top{display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(180deg,#07101de8,transparent);height:95px;padding:14px 23px;gap:20px}.match-brand{display:flex;align-items:center;gap:10px;pointer-events:auto;padding:0}.match-brand>.brand-mark{font-size:31px;width:35px}.match-brand .brand-mark span{left:11px}.match-brand>span:last-child{text-align:left;font-size:11px;letter-spacing:1.7px;color:#d1bf96;line-height:1.7}.match-brand small{font-size:7px;letter-spacing:1.5px;color:#8fabc1}.match-score{display:flex;align-items:center;gap:17px;position:relative;background:linear-gradient(180deg,#071321ef,#0d1721bd);border:1px solid #8297a62f;padding:8px 18px}.match-score>strong{font-size:24px;font-weight:500}.blue{color:var(--cyan)}.red{color:var(--red)}.score-divider{font-size:10px;color:#7690a6}.team-mini{display:flex;gap:4px}.team-mini>span{position:relative}.team-mini .portrait{width:26px;height:30px}.team-mini .dead .portrait{filter:grayscale(1);opacity:.35}.team-mini b{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#f3b3b7;text-shadow:0 1px 3px #000}.match-buttons{display:flex;gap:9px;pointer-events:auto}.match-buttons .icon-button{border-radius:2px;width:30px;height:30px;background:#0a162366;font-size:15px}#match-time{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);background:#08121dd9;border:1px solid #8297a62f;border-top:0;padding:5px 22px;font-size:11px;color:#b5c1ce;font-variant-numeric:tabular-nums}.match-objective{position:absolute;left:24px;top:100px;display:flex;flex-direction:column;gap:8px;max-width:245px;text-shadow:0 1px 3px #000}.match-objective .eyebrow{font-size:9px}.match-objective strong{font-size:12px;line-height:1.5;font-weight:600}.match-objective small{font-size:10px;color:#a1b6c8}#announcer{position:absolute;top:140px;left:50%;transform:translateX(-50%);min-width:420px;text-align:center;background:linear-gradient(90deg,transparent,#091826cf 30%,#091826cf 70%,transparent);padding:20px 40px;opacity:0;transition:opacity .2s}#announcer.visible{opacity:1}#announcer strong{font-family:Georgia,serif;font-size:23px;letter-spacing:1px;display:block;color:#f0ddb4;text-shadow:0 1px 12px #000}#announcer span{display:block;font-size:12px;color:#b4c6d5;margin-top:8px}#kill-feed{position:absolute;right:24px;top:100px;display:flex;flex-direction:column;gap:7px}#kill-feed>div{display:flex;align-items:center;gap:7px;padding:5px 7px;background:#240e1bc7;border-left:2px solid #f16c95}#kill-feed>div.friendly{background:#0c2632c7;border-color:#66d0e6}#kill-feed .portrait{width:24px;height:24px}#kill-feed span:not(.portrait){font-size:9px}#kill-feed b{font-size:14px;color:#cfb791}.tower-kill{width:24px;text-align:center}#respawn-banner{position:absolute;top:38%;left:50%;transform:translateX(-50%);text-align:center;width:390px;max-width:90vw;padding:28px;background:linear-gradient(135deg,#0c1729eb,#240f1dea);border:1px solid #ad56674d;pointer-events:auto}#respawn-banner>span{font-size:10px;letter-spacing:2px;color:#cf8d9c;display:block}#respawn-banner>strong{display:block;font-family:Georgia,serif;font-size:70px;line-height:1.3;color:#efd4d8}#respawn-banner small{display:block;font-size:12px;color:#9aafc5;margin-bottom:25px}#respawn-banner .outline-button{font-size:11px}.control-hint{position:absolute;bottom:174px;left:23px;font-size:9px;letter-spacing:1px;color:#bccbd8;text-shadow:0 1px 5px #000}.control-hint span{font-size:9px;letter-spacing:0;color:#8fa4b9;margin-left:5px}.control-hint i{font-style:normal;margin:0 13px;color:#70859a}.bottom-hud{position:absolute;bottom:20px;left:23px;right:289px;display:flex;align-items:center;gap:20px;padding:16px 20px;border:1px solid #af9a624a;background:linear-gradient(0deg,#091420f5,#0c1925f0);box-shadow:0 7px 25px #0007;pointer-events:auto;min-height:139px}.champ-hud{display:flex;align-items:center;gap:12px;flex:1;min-width:150px}.champ-hud>.portrait{width:56px;height:65px;border-color:#ad956577}.champ-hud>div{min-width:0}.champ-hud strong{display:block;font-family:Georgia,serif;font-size:17px;font-weight:400;white-space:nowrap;color:#e9d6ae}.champ-hud div>span{display:block;font-size:9px;letter-spacing:1.7px;color:#a99062;margin:8px 0}.champ-hud small{display:block;font-size:10px;color:#93a8bc;white-space:nowrap}.champ-hud>.text-button{display:none}.ability-hud{flex:1.3;min-width:292px;max-width:390px}.resources{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.resource{height:14px;position:relative;background:#070d17;border:1px solid #738ca52a;overflow:hidden}.resource>span{height:100%;display:block;transition:width .12s}.resource>strong{position:absolute;inset:0;font-size:8px;display:grid;place-items:center;font-weight:500;text-shadow:0 1px 3px #000;color:#f3f6ec}.resource.health>span{background:linear-gradient(90deg,#4a8852,#91bb78)}.resource.mana{height:9px}.resource.mana>span{background:linear-gradient(90deg,#326b9e,#5ca5d6)}.resource.mana>strong{font-size:7px}.xp-track{height:2px;background:#394455}.xp-track span{display:block;height:100%;background:#d5b576}.ability-buttons{display:flex;gap:8px;justify-content:center}.ability{position:relative;width:51px;height:51px;padding:0;border:1px solid #c2a66877;background:#08121e}.ability .item-icon{width:100%;height:100%}.ability>kbd{position:absolute;bottom:-1px;left:-1px;background:#08121e;border:1px solid #b49b6877;font-size:10px;width:18px;height:18px;display:grid;place-items:center;color:#e6ce9a}.ability>small{position:absolute;bottom:0;right:3px;font-size:8px;color:#afc9ea;text-shadow:0 1px 2px #000}.ability.armed{border-color:#f9e7b6;box-shadow:0 0 15px #e2c98988}.ability .cooldown{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;text-shadow:0 2px 4px #000;color:white}.ability.on-cooldown .item-icon{filter:brightness(.3) saturate(.5)}.ability.no-mana .item-icon{filter:brightness(.4) sepia(1) hue-rotate(160deg)}.summoner-spells{display:flex;align-items:flex-end;gap:5px;margin-left:7px}.summoner-spells>button{position:relative;width:34px;height:35px;padding:0;border:1px solid #b8996380}.summoner-spells .item-icon{width:100%}.summoner-spells kbd{position:absolute;bottom:-1px;left:-1px;background:#091422;font-size:8px;padding:1px 3px;border:1px solid #b49b6877}.summoner-spells>button>span:last-child:not(.item-icon){position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:600;text-shadow:0 0 5px #000,0 0 6px #000}.build-hud{flex:1;min-width:174px;max-width:265px}.build-hud-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.build-hud-top .text-button{font-size:9px;letter-spacing:1px;color:#b0c2d2}.build-hud-top kbd{font-size:9px;border:1px solid #889fb444;padding:1px 3px;color:#d7c490;margin-left:3px}.build-hud-top .gold{font-size:12px;font-weight:500}.hud-items{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.hud-items button{aspect-ratio:1;width:100%;padding:0;border:1px solid #8797a742;background:#08111a;display:grid;place-items:center}.hud-items .item-icon{width:100%}.hud-items button>span:not(.item-icon){font-size:8px;color:#435a71}.build-hud>small{display:block;font-size:8px;line-height:1.5;color:#7d98b0;margin-top:13px}.minimap-wrap{position:absolute;bottom:20px;right:23px;width:242px;border:1px solid #af9a626a;background:#0a1421;pointer-events:auto;box-shadow:0 8px 25px #0007}.minimap-wrap>div{display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.minimap-wrap>div>span{font-size:8px;letter-spacing:1.7px;color:#a99a7f}.minimap-wrap>div>button{color:#a7c2d5;padding:0;line-height:1}.minimap-wrap canvas{width:100%;display:block;cursor:crosshair}.minimap-wrap>small{display:block;font-size:7px;letter-spacing:1px;color:#6e899f;padding:6px 10px}.minimap-wrap>small>span{float:right;color:#a6b9c8}.mobile-shop{display:none}
@keyframes hero-float{0%,100%{transform:translateY(-18px)}50%{transform:translateY(-24px)}}@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}@media(min-width:1600px){.lobby-main{padding-top:65px;padding-bottom:30px}.champion-stage{height:620px}.roster-tile .portrait{height:104px}.loadout-panel{padding:30px}.intro{font-size:16px}.match-note{display:block}.roster-tile>span:not(.portrait){font-size:13px}}
@media(max-width:1180px){.topbar{gap:35px;padding:0 3%;height:84px}.topbar nav{gap:25px}.build-label{display:none}.lobby-main{grid-template-columns:.85fr 1fr 1.1fr;padding:26px 3% 16px;gap:7px}.champion-stage{height:490px}.mode-panel .eyebrow{font-size:9px;letter-spacing:.9px}h1{font-size:48px}.mode-spec{gap:10px}.mode-spec small{font-size:9px}.loadout-panel{padding:21px}.hero-splash{max-width:135%;height:88%}.stage-caption strong{font-size:23px}.roster-strip{padding:20px 3%}.roster-list{gap:8px}.roster-tile .portrait{height:75px}.roster-tile>span:not(.portrait){font-size:10px}.bottom-hud{gap:14px;padding:15px;right:231px;left:16px;bottom:16px}.minimap-wrap{right:16px;bottom:16px;width:199px}.champ-hud{min-width:52px;flex:0}.champ-hud>div{display:none}.champ-hud>.portrait{width:51px;height:66px}.ability-hud{min-width:287px}.build-hud{min-width:160px}.control-hint{bottom:174px;left:18px}.match-brand>span:last-child{display:none}.match-score{gap:13px}.team-mini .portrait{width:23px;height:28px}}
@media(max-width:950px){.lobby-main{grid-template-columns:.9fr 1.1fr;padding-top:25px;max-width:760px}.mode-panel{grid-column:1/-1;display:flex;gap:20px;align-items:center;padding:0 0 0 8px;justify-content:space-between}.mode-panel .eyebrow{display:none}.mode-panel h1{font-size:33px;margin:0;line-height:1.07;letter-spacing:-.6px}.mode-panel h1 br{display:none}.mode-panel .intro{display:none}.mode-spec{margin:0;padding:0;border:0}.mode-spec>span{font-size:25px}.mode-spec small{font-size:10px}.rules-mini,.mode-panel .howto,.match-note{display:none}.champion-stage{height:460px;align-self:center}.hero-splash{max-width:110%;height:94%}.loadout-panel{margin:18px 0;max-width:355px}.stage-caption strong{font-size:27px}.roster-strip{max-width:760px}.roster-list{grid-template-columns:repeat(5,1fr);gap:16px 12px}.roster-tile .portrait{height:94px}.roster-tile>span:not(.portrait){font-size:12px}.roster-tile small{font-size:10px}.lobby-footer{font-size:7px}.roster-grid{grid-template-columns:repeat(3,1fr)}.shop-layout{grid-template-columns:102px 1fr 235px;gap:13px}.shop-categories{padding-right:6px}.shop-categories button{font-size:11px;padding:11px 5px}.shop-item{gap:8px}.shop-item strong{font-size:11px}.shop-item .item-icon{width:34px}.item-detail{padding:14px}.shop-modal{padding:22px}.help-layout{gap:25px}.help-layout .control-row{gap:10px}.bottom-hud{right:201px;gap:10px;padding:13px}.minimap-wrap{width:172px}.build-hud{display:none}.ability-hud{max-width:none}.champ-hud{min-width:51px}.control-hint{font-size:8px;bottom:167px}.team-mini .portrait{width:21px;height:25px}.match-top{padding:12px 16px;gap:12px}.match-score{padding:7px 12px;gap:10px}.match-buttons{gap:5px}.match-objective{left:16px;font-size:10px}.match-objective strong{font-size:11px}.mobile-shop{display:flex;align-items:center;gap:10px;position:absolute;right:16px;bottom:167px;pointer-events:auto;background:#0a1625e8;border:1px solid #b09c6566;padding:10px 14px;font-size:9px;letter-spacing:1px;color:#c4b081}.mobile-shop>span{color:#e6c487;font-size:11px}.match-objective{max-width:190px}#kill-feed{right:15px}#kill-feed span:not(.portrait){font-size:8px}#announcer{top:185px;min-width:350px}#announcer strong{font-size:20px}}
@media(max-width:680px){.topbar{height:74px;gap:18px;padding:0 18px}.brand{font-size:13px;letter-spacing:1px;gap:7px}.brand-mark{font-size:33px;width:35px}.brand-mark span{left:11px}.brand em{font-size:8px}.topbar nav{gap:14px;margin-left:auto}.nav{font-size:9px;padding:0;letter-spacing:.8px}.top-actions{margin-left:0;gap:5px}.top-actions>.icon-button:first-of-type{display:none}.icon-button{width:27px;height:27px;font-size:15px}.lobby-main{padding:23px 18px 0;gap:0;grid-template-columns:.9fr 1.1fr}.mode-panel{padding:0;gap:15px;align-items:center}.mode-panel h1{font-size:26px;line-height:1.2}.mode-panel h1 br{display:block}.mode-spec{gap:0;text-align:right}.mode-spec>span{display:none}.mode-spec strong{font-size:9px;letter-spacing:1px}.mode-spec small{font-size:8px;white-space:normal;line-height:1.5}.champion-stage{height:375px;width:110%;margin-left:-9%}.hero-splash{height:78%;max-width:116%;transform:translateY(-10px)}.stage-caption{bottom:18px;padding-top:40px}.stage-caption span{font-size:7px;letter-spacing:1.6px}.stage-caption strong{font-size:21px;letter-spacing:0}.stage-caption small{font-size:9px}.stage-ring{bottom:60px;width:90%;height:60px}.loadout-panel{padding:15px 12px;margin:22px 0}.panel-heading{font-size:8px;letter-spacing:1px;padding-bottom:12px}.small-badge{font-size:7px;letter-spacing:0;padding:4px}.loadout-name{padding:14px 0 12px}.role-pill{font-size:8px;padding:4px 6px;letter-spacing:1px}.loadout-name h2{font-size:23px;margin-top:9px}.loadout-name p{font-size:10px;line-height:1.6;margin-top:8px;min-height:46px}.champion-ratings{gap:8px;padding-bottom:12px}.champion-ratings span{font-size:7px;letter-spacing:.7px}.champion-ratings b{gap:3px}.champion-ratings i{width:13px;height:3px}.kit-label{font-size:8px;margin-top:12px}.lobby-skills{gap:7px;margin-top:9px}.lobby-skills button{width:35px;height:35px}.lobby-skills kbd{font-size:8px;width:13px;padding:1px}.reroll-row{margin:16px 0 13px;gap:8px}.reroll-row .text-button{font-size:7px;letter-spacing:.4px}.reroll-row small{font-size:8px;white-space:nowrap}.reroll-row span{font-size:12px;margin-right:2px}.play-button{font-size:9px;padding:13px 10px;min-height:44px;letter-spacing:1px;gap:8px}.play-button b{font-size:16px}.under-play{font-size:7px;line-height:1.5;margin-top:8px}.roster-strip{padding:15px 18px 20px}.roster-heading>span{font-size:8px;letter-spacing:1px}.roster-heading small{font-size:7px;letter-spacing:.3px}.roster-list{gap:13px 7px}.roster-tile .portrait{height:68px}.roster-tile>span:not(.portrait){font-size:9px;margin-top:6px}.roster-tile>small{font-size:7px;margin-top:3px}.your-pick{font-size:6px;padding:3px;letter-spacing:.6px}.lobby-footer{padding:13px 18px;font-size:6px;letter-spacing:.5px;line-height:1.6}.lobby-footer>span:last-child{display:none}.bench .portrait{width:22px;height:22px}.bench>span{font-size:7px}.modal-heading{padding-bottom:16px;margin-bottom:17px}.modal-heading h2{font-size:27px}.modal-heading p{font-size:12px}.modal-heading .eyebrow{font-size:8px}.close-button{width:28px;height:28px}.help-layout{grid-template-columns:1fr;gap:20px}.help-layout .control-row span{font-size:12px}.help-layout h3{font-size:15px;margin-bottom:16px}.briefing p{font-size:13px}.control-row{margin-bottom:13px}.modal-primary{max-width:none}dialog{width:calc(100vw - 24px);padding:22px;max-height:calc(100dvh - 24px)}.roster-modal{width:calc(100vw - 24px);padding:19px}.roster-grid{grid-template-columns:repeat(2,1fr);gap:12px}.roster-art{height:160px}.roster-art img{height:200px}.roster-grid h3{font-size:14px;margin:12px 10px 4px}.roster-grid p{font-size:9px;margin:0 10px 8px}.roster-grid .role-pill{margin-left:10px}.champ-detail{grid-template-columns:1fr;gap:12px}.detail-art{height:210px}.detail-art img{height:220px}.detail-art .role-pill{right:5px;bottom:10px}.champ-detail-footer{font-size:11px;flex-direction:column;text-align:center}.skill-detail p{font-size:12px}.shop-modal{width:calc(100vw - 16px);padding:17px;max-height:calc(100dvh - 16px)}.shop-meta{font-size:8px;gap:12px;align-items:flex-start}.shop-open,.shop-locked{font-size:8px}.shop-meta .gold{font-size:16px}.shop-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;height:54vh;min-height:360px;gap:12px}.shop-categories{grid-column:1/-1;flex-direction:row;overflow:auto;padding:0 0 6px;border-right:0;gap:2px}.shop-categories button{white-space:nowrap;padding:7px;font-size:10px;border-left:0;border-bottom:2px solid transparent}.shop-categories button.selected{border-bottom-color:#e0c48b}.search-box{padding:7px 8px;gap:5px}.search-box input{font-size:10px}.shop-catalog{min-height:0}.shop-item{padding:7px;gap:7px;flex-wrap:wrap}.shop-item .item-icon{width:34px}.shop-item>span:not(.item-icon){flex-basis:60%;flex-grow:1}.shop-item strong{font-size:10px}.shop-item small{font-size:7px}.shop-item b{font-size:10px;margin-left:41px;margin-top:-6px}.item-detail{padding:10px}.detail-item-hero .item-icon{width:53px}.detail-item-hero h3{font-size:18px}.detail-item-hero>span:not(.item-icon){font-size:6px}.detail-item-hero .gold{font-size:12px}.item-stats>div{font-size:9px}.item-description{font-size:10px}.recipe .item-icon{width:27px}.recipe>div{gap:7px}.recipe .eyebrow{font-size:7px}.recipe small{font-size:8px}.purchase{font-size:8px;min-height:36px;letter-spacing:.5px;gap:3px}.shop-inventory{gap:10px;flex-direction:column;align-items:flex-start;padding-top:13px;margin-top:14px}.shop-inventory>div:first-child{display:flex;align-items:center;gap:12px}.shop-inventory .eyebrow{font-size:8px}.shop-inventory small{font-size:8px;margin:0}.inventory-slots{width:100%;gap:7px}.inventory-slots>button,.inventory-slots>.empty-slot{width:calc((100% - 35px)/6);height:auto;aspect-ratio:1;max-width:46px}.augment-modal{padding:25px 20px}.augment-heading h2{font-size:30px}.augment-heading .eyebrow{font-size:8px}.augment-grid{grid-template-columns:1fr;gap:12px}.augment-grid button{padding:17px;display:grid;grid-template-columns:60px 1fr;gap:4px 15px;text-align:left}.augment-grid .item-icon{width:60px;grid-row:1/3}.augment-grid h3{font-size:20px;margin:0;min-height:0}.augment-grid p{font-size:11px;line-height:1.5}.augment-grid button>span:last-child{grid-column:1/-1;font-size:8px;margin-top:8px;padding-top:10px;text-align:center}.scoreboard-modal{padding:18px}.score-heading h3{font-size:18px}.score-heading strong{font-size:8px}td{padding:7px;font-size:11px}td:first-child{min-width:175px}.match-results strong{font-size:18px}.match-results span{font-size:6px}.finish-top h2{font-size:45px;letter-spacing:5px}.match-top{height:75px;padding:10px;gap:7px;align-items:flex-start}.match-brand{width:27px}.match-brand>.brand-mark{font-size:26px;width:27px}.team-mini{display:none}.match-score{gap:14px;margin-left:auto;margin-right:auto;padding:5px 17px}.match-score>strong{font-size:23px}.match-buttons .icon-button{width:25px;height:26px;font-size:12px}.match-buttons .icon-button:first-child{display:none}#match-time{font-size:10px;bottom:-23px;padding:5px 16px}.match-objective{left:12px;top:86px;max-width:200px;gap:5px}.match-objective .eyebrow{font-size:8px}.match-objective strong{font-size:10px}.match-objective small{font-size:8px}.bottom-hud{left:10px;right:10px;bottom:10px;padding:10px 13px;min-height:0;max-width:520px;margin:auto;gap:0}.champ-hud{display:none}.ability-hud{min-width:0;max-width:360px;margin:auto;width:100%}.ability-buttons{gap:11px}.ability{height:45px;width:45px}.resources{gap:3px;margin-bottom:9px}.resource{height:14px}.resource>strong{font-size:8px}.resource.mana{height:9px}.resource.mana>strong{font-size:7px}.summoner-spells{gap:7px}.summoner-spells>button{width:31px;height:33px}.summoner-spells>button>span:last-child:not(.item-icon){font-size:11px}.minimap-wrap{top:84px;right:10px;bottom:auto;width:121px}.minimap-wrap>div{padding:5px 6px}.minimap-wrap>div>span{font-size:6px;letter-spacing:1px}.minimap-wrap>small{display:none}.minimap-wrap>div>button{font-size:12px}.control-hint{display:none}.mobile-shop{right:10px;bottom:128px;min-width:110px;justify-content:space-between;font-size:8px;padding:9px 12px}.mobile-shop>span{font-size:10px}#announcer{top:190px;min-width:0;width:100%;padding:17px 10px}#announcer strong{font-size:18px}#announcer span{font-size:10px}#kill-feed{top:190px;right:10px;max-width:220px}#kill-feed>div{padding:3px 5px;gap:4px}#kill-feed span:not(.portrait){font-size:7px}#kill-feed .portrait{width:18px;height:20px}#respawn-banner{top:29%;padding:20px;width:300px}#respawn-banner>span{font-size:8px}#respawn-banner>strong{font-size:58px}#respawn-banner small{font-size:11px}#toast{bottom:145px;padding:11px 15px;font-size:11px;width:max-content;max-width:85vw}.score-build{min-width:180px}#tooltip{width:260px}.build-hud-top{font-size:10px}}
@media(max-height:620px) and (min-width:681px){.topbar{height:65px}.lobby-main{min-height:0;padding-top:14px}.champion-stage{height:440px}.mode-panel h1{font-size:42px}.loadout-panel{padding:18px}.loadout-name{padding:13px 0}.loadout-name h2{font-size:25px}.champion-ratings{padding-bottom:13px;gap:7px}.kit-label{margin-top:12px}.lobby-skills{margin-top:8px}.reroll-row{margin:16px 0 13px}.roster-tile .portrait{height:67px}.roster-strip{padding-top:16px}.bottom-hud{bottom:10px;min-height:0;padding:10px 13px}.minimap-wrap{bottom:10px;width:180px}.bottom-hud{right:210px}.control-hint{display:none}#announcer{top:105px}.match-objective{top:81px}#kill-feed{top:81px}.mobile-shop{bottom:148px}.shop-layout{height:42vh;min-height:230px}.shop-modal .modal-heading p{display:none}.shop-modal .modal-heading{margin-bottom:10px;padding-bottom:10px}.shop-modal{padding:18px}.shop-inventory{margin-top:13px;padding-top:12px}.shop-inventory .inventory-slots>button,.shop-inventory .empty-slot{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:951px){.roster-list{grid-template-rows:repeat(2,auto)}.roster-tile .portrait{height:82px}}

/* Responsive controls keep their hit areas and focus stable during live updates. */
button{touch-action:manipulation;transition:background .12s,border-color .12s,filter .12s}
button img,button .portrait,button .item-icon{pointer-events:none}
.champion-stage,.hero-splash,.stage-caption,.stage-ring,.stage-halo{pointer-events:none}
.kit-label{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kit-label>.text-button{font-size:8px;letter-spacing:.7px;padding:8px}
.roster-tile{position:relative;isolation:isolate;min-width:0}
.roster-tile.selected{outline:1px solid #e7c991;outline-offset:4px}
.roster-tile:active{transform:none}
.roster-tile>span:not(.portrait){overflow-wrap:anywhere}
.loadout-name h2{font-size:clamp(23px,2.4vw,34px)}
.stage-caption strong{font-size:clamp(22px,2.6vw,39px)}
.champ-detail-footer{gap:12px;flex-wrap:wrap}
.champ-detail-footer>.play-button{flex:1;min-width:180px}
.champ-detail-footer>.outline-button{padding:12px 17px;min-width:44px}
.audio-settings{display:flex;flex-direction:column;gap:22px;padding:5px 0 14px;text-align:left}
.audio-settings label{display:block;width:100%}
.audio-settings label>span{display:flex;justify-content:space-between;color:#d1dae3;font-size:13px;margin-bottom:12px}
.audio-settings output{font-variant-numeric:tabular-nums;color:#dbc28c}
.audio-settings input[type=range]{width:100%;height:22px;accent-color:#d7b775;cursor:pointer}
.audio-settings p{font-size:12px;line-height:1.7;color:#a7b8c7}
.audio-settings h3{font-family:Georgia,serif;font-size:21px;font-weight:400;color:#e6d0a5}
.audio-settings a{color:#92d8e4;text-decoration:underline;text-underline-offset:4px}
.audio-settings .text-button{padding:10px 0;text-align:left;line-height:1.6}
.search-box:focus-within{border-color:#95d7e2}
.shop-categories button,.roster-tile{scroll-margin:16px}
.shopkeeper-banner{display:flex;gap:12px;align-items:center;padding:8px 15px;margin:-8px 0 13px;background:#d6b77b08;border-bottom:1px solid #ad946027}
.shopkeeper-banner img{height:64px;width:50px;object-fit:contain;object-position:top}
.shopkeeper-banner strong{font-family:Georgia,serif;display:block;font-size:20px;color:#e6d0a5;margin-top:5px}
.shopkeeper-banner small{font-size:7px;letter-spacing:1.4px;color:#a69980}
.shopkeeper-banner>span{margin-left:auto;font-size:11px;color:#95a8b8}
.shopkeeper-detail{display:flex;align-items:center;flex-direction:column;gap:22px;text-align:center}
.shopkeeper-detail>img{height:245px;width:100%;object-fit:contain}
.shopkeeper-detail>p{font-size:13px;line-height:1.7;color:#abbccb}
.shopkeeper-detail>.play-button{width:100%}
@media(max-width:680px),(max-height:720px){.shopkeeper-banner{padding:3px 8px;gap:8px;margin-bottom:9px}.shopkeeper-banner img{height:36px;width:30px}.shopkeeper-banner strong{font-size:15px;margin-top:3px}.shopkeeper-banner>span{display:none}.shopkeeper-banner small{font-size:6px}}
@media(max-width:680px){.champ-detail-footer{display:grid;grid-template-columns:44px 1fr 44px}.champ-detail-footer>.play-button{min-width:0;line-height:1.5}.champ-detail-footer>.text-button{grid-column:1/-1}.loadout-name h2{font-size:22px}.stage-caption strong{font-size:21px}.kit-label>.text-button{font-size:7px;padding:6px 0}}

/* Champion select: persistent roster controls, readable roles, and a focused loadout. */
#lobby{background:linear-gradient(110deg,#050c16f5,#081624e8 60%,#06101af5)}
.draft-topbar{height:76px;padding:0 3%;gap:48px;background:#060e18dc}
.draft-topbar .brand{font-size:15px}.draft-topbar .brand-mark{font-size:36px;width:41px}.draft-topbar .nav{font-size:11px}
.draft-title{max-width:1600px;margin:auto;padding:24px 3% 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.draft-title .eyebrow{font-size:9px;letter-spacing:2.4px}.draft-title h1{font-size:28px;letter-spacing:2.5px;margin:7px 0 0;line-height:1.15}
.draft-status{font-size:10px;letter-spacing:1.5px;color:#d7c695;text-align:right}.draft-status>i{display:inline-block;background:#8ee8d3;width:6px;height:6px;transform:rotate(45deg);margin-right:8px;box-shadow:0 0 9px #8ee8d355}.draft-status small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#859bad;margin-top:7px}
.draft-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 330px;gap:22px;max-width:1600px;margin:auto;padding:0 3%;height:calc(100dvh - 216px);min-height:585px;max-height:940px}
.draft-team{border-top:1px solid #7594ab36;padding-top:15px;display:flex;flex-direction:column;min-width:0}
.draft-section-label{font-size:9px;letter-spacing:1.7px;color:#d9c896;display:flex;justify-content:space-between;gap:8px;margin-bottom:20px}.draft-section-label>span{color:#7195af;font-size:8px;letter-spacing:.6px}
.team-picked{display:flex;align-items:center;gap:11px;border-left:2px solid #a6e8ed;background:linear-gradient(90deg,#55b9d618,transparent);padding:9px 7px;margin-bottom:7px}
.team-picked>.portrait{width:45px;height:62px;flex-shrink:0}.team-picked>div{min-width:0}.team-picked strong{display:block;font-family:Georgia,serif;font-size:16px;font-weight:400;color:#e9e4d3;margin:6px 0}.team-picked small{font-size:7px;letter-spacing:.7px;color:#91d7e0}.team-picked div>span{font-size:10px;color:#95aabc}
.team-placeholder{display:flex;align-items:center;gap:12px;padding:14px 7px;border-bottom:1px solid #7292aa14}.empty-portrait{display:grid;place-items:center;width:40px;height:44px;border:1px solid #4f708536;color:#557084;font-family:Georgia,serif;background:#16253622}.team-placeholder strong{display:block;font-size:11px;font-weight:400;color:#9dabb7}.team-placeholder small{display:block;font-size:8px;color:#627b90;margin-top:5px}
.team-mode{padding:25px 6px;color:#698b9e}.team-mode strong{font-size:9px;letter-spacing:1.4px;color:#a6b4bd;margin-left:8px}.team-mode p{font-size:11px;line-height:1.8;margin-top:11px}.team-mode .tiny-diamond{background:#6f92a2}
.draft-shopkeeper{margin-top:auto;border-top:1px solid #8d794335;display:flex;align-items:center;gap:9px;text-align:left;padding:14px 0}.draft-shopkeeper>.portrait{width:39px;height:52px;flex-shrink:0}.draft-shopkeeper small{display:block;font-size:7px;letter-spacing:1.5px;color:#887e61}.draft-shopkeeper strong{display:block;font-size:13px;font-weight:400;color:#c9b88b;margin-top:5px}.draft-shopkeeper em{font-size:9px;font-style:normal;color:#7691a3;margin-top:5px;display:block}
.draft-roster{display:flex;flex-direction:column;min-width:0;background:#07121bbf;border-top:1px solid #a994624f;border-bottom:1px solid #7292aa26;padding:18px 16px 12px}
.draft-roster-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.draft-roster-head>strong{font-size:10px;letter-spacing:1.2px;font-weight:500;color:#d2d9dc}.draft-search{display:flex;gap:8px;align-items:center;border:1px solid #536e834d;background:#05101a;padding:7px 10px;width:190px;min-width:120px}.draft-search>span{font-size:19px;color:#7d9aad;line-height:1}.draft-search input{font-size:11px;border:0;outline:0;background:none;color:#dce9ed;width:100%;min-width:0}.draft-search:focus-within{border-color:#90d1dd}.draft-search input::placeholder{color:#70899b}
.role-filters{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #6a89982b;padding:18px 0 13px}.role-filters button{font-size:10px;letter-spacing:.5px;color:#91a7b7;border:1px solid transparent;padding:8px 11px;min-height:34px}.role-filters button:hover{background:#153043;color:#d7eaf0}.role-filters button.active{color:#e7c991;border-color:#b699585f;background:linear-gradient(#b69b4415,#b69b4409)}
.draft-grid-meta{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#587587;padding:13px 1px}.draft-grid-meta>span:first-child{color:#89a4b4}
.draft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 12px;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#365161 transparent;padding:3px 6px 15px 3px;flex:1;min-height:0}
.champion-choice{padding:0;position:relative;min-width:0;text-align:left;scroll-margin:10px;touch-action:manipulation}.champion-choice:active{transform:none}.choice-art{height:117px;display:block;position:relative;border:1px solid #45607555;background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--champ) 8%,transparent),transparent 70%),linear-gradient(140deg,#142637,#081321);overflow:hidden;transition:border-color .15s,background .15s}.choice-art>img{width:100%;height:121%;object-fit:contain;object-position:50% 0;pointer-events:none;padding:8px 0 0;filter:drop-shadow(0 3px 4px #0009);transition:transform .18s;transform:scale(.97)}.choice-art:after{content:'';position:absolute;inset:auto 0 0;height:23px;background:linear-gradient(transparent,#07101cb3);pointer-events:none}.champion-choice strong{display:block;color:#b9c7d2;font-size:11px;line-height:1.4;font-weight:500;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-choice small{display:block;font-size:8px;color:#6d8b9f;margin-top:2px;line-height:1.4}.champion-choice:hover .choice-art{border-color:#789fbc}.champion-choice:hover .choice-art>img{transform:scale(1.02)}.champion-choice.selected .choice-art{border-color:#e0bf75;box-shadow:0 0 0 1px #d1ad5355,inset 0 0 20px #e0bf7510}.champion-choice.selected strong{color:#efd79e}.champion-choice.selected small{color:#c0ae86}.choice-check{display:none;position:absolute;right:0;top:0;z-index:1;padding:4px 6px;color:#111b22;background:#d6b77b;font-size:11px}.champion-choice.selected .choice-check{display:block}.empty-roster{grid-column:1/-1;padding:45px 10px;text-align:center;font-size:13px;color:#9db3c4}.empty-roster button{margin-top:20px;font-size:10px}
.draft-roster-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:11px;border-top:1px solid #7292aa20;font-size:8px;color:#69899d}.draft-roster-foot .text-button{font-size:8px}
.draft-preview{border:1px solid #b9a16956;background:linear-gradient(145deg,#12202ddd,#07111cf5);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365161 transparent;min-width:0;display:flex;flex-direction:column}
.preview-art{height:168px;min-height:145px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--champ) 13%,transparent),transparent 70%);pointer-events:none}.preview-art>img{height:185px;object-fit:contain;margin-top:20px;filter:drop-shadow(0 3px 12px #000b);position:relative;z-index:1}.preview-art>span{position:absolute;top:14px;left:16px;font-size:7px;letter-spacing:2px;color:#b8a275;z-index:2}.preview-orbit{position:absolute;width:160px;height:160px;border:1px solid #b7a36324;border-radius:50%;top:25px}.preview-orbit:after{content:'';position:absolute;inset:10px;border:1px solid #b7a36315;border-radius:50%}
.preview-body{padding:10px 21px 19px;flex:1}.preview-body h2{font-family:Georgia,serif;font-weight:400;font-size:29px;color:#eee4ce;letter-spacing:.2px}.preview-title{font-size:11px;color:#8199ab;margin-top:6px}.preview-roles{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:13px 0 11px}.preview-roles .role-pill{font-size:8px;padding:5px 7px;letter-spacing:1px}.preview-roles .text-button{margin-left:auto;font-size:7px;padding:8px 0;letter-spacing:.7px}.role-description{font-size:11px;color:#9db0bd;line-height:1.65;min-height:37px}.preview-cadence{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px;border-top:1px solid #71869b21;border-bottom:1px solid #71869b21;padding:11px 0;margin-top:12px}.preview-cadence>span{font-size:7px;letter-spacing:1px;color:#899caa}.preview-cadence strong{font-family:Georgia,serif;font-size:18px;font-weight:400;color:#d2e6e9;font-variant-numeric:tabular-nums}.preview-cadence strong small{font-family:Inter,Arial,sans-serif;font-size:9px;color:#77939e}.preview-cadence p{width:100%;font-size:9px;color:#667f92;margin-top:2px}.preview-body .kit-label{font-size:8px;margin-top:13px}.preview-body .kit-label>.text-button{font-size:8px;padding:4px}.preview-body .lobby-skills{gap:10px;margin-top:8px}.preview-body .lobby-skills button{width:43px;height:43px}
.draft-reroll{display:flex;align-items:center;gap:11px;margin:17px 0 14px;min-height:34px}.draft-reroll>.outline-button{font-size:8px;padding:9px 10px;letter-spacing:.7px;white-space:nowrap}.draft-reroll>.outline-button small{color:#99a9b8;margin-left:6px;font-size:8px}.draft-bench{display:flex;align-items:center;gap:7px}.draft-bench>small{font-size:9px;color:#617f91;line-height:1.5}.draft-bench>button{padding:0;border:1px solid #65798d55;width:33px;height:35px}.draft-bench .portrait{width:100%;height:100%}.draft-lock{font-size:11px;letter-spacing:1.5px;min-height:47px;padding:14px 10px;justify-content:space-between}.draft-lock b{font-size:17px;font-weight:400}.draft-lock-note{display:block;text-align:center;font-size:8px;color:#8295a1;margin-top:10px}.draft-footer{max-width:1600px;margin:auto;padding:16px 3%;font-size:7px;letter-spacing:1px;border:0;background:none}
#hud-cadence{color:#a1d3d6;font-variant-numeric:tabular-nums;margin-top:4px;font-size:9px}.summoner-spells{gap:5px}.summoner-spells>button.on-cooldown .item-icon{filter:grayscale(.6);opacity:.4}.summoner-spells>button{flex-shrink:0}
@media(min-width:1450px){.draft-shell{grid-template-columns:205px minmax(0,1fr) 350px;gap:26px}.draft-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.choice-art{height:130px}.preview-art{height:205px;min-height:180px}.preview-art>img{height:215px}.preview-body{padding:13px 23px 21px}}
@media(max-width:1150px){.draft-shell{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.draft-team{display:none}.draft-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px 9px}.choice-art{height:108px}.champion-choice strong{font-size:10px}.draft-roster-head>strong{font-size:9px}.draft-search{width:170px}.role-filters{gap:2px}.role-filters button{padding:8px 9px}.draft-topbar{gap:32px}.draft-topbar nav{gap:26px}}
@media(max-width:950px){.draft-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.draft-shell{grid-template-columns:minmax(0,1fr) 285px;gap:15px}.draft-roster{padding:14px 11px 10px}.draft-roster-head{align-items:flex-start;flex-direction:column;gap:12px}.draft-search{width:100%}.role-filters{padding-top:12px}.role-filters button{font-size:9px;padding:6px 8px}.preview-body{padding:10px 17px 17px}.preview-body h2{font-size:25px}.preview-roles .text-button{font-size:7px}.draft-roster-foot{font-size:7px}.draft-grid-meta{letter-spacing:.5px}}
@media(max-width:680px){.draft-topbar{height:62px;padding:0 16px;gap:20px}.draft-topbar .brand{font-size:11px;gap:6px}.draft-topbar .brand-mark{font-size:27px;width:32px}.draft-topbar .brand-mark span{left:10px}.draft-topbar nav{display:flex;gap:12px}.draft-topbar .nav{font-size:8px;letter-spacing:.6px}.draft-topbar .nav[data-action=roster]{display:none}.draft-topbar .build-label{display:none}.draft-topbar .top-actions{gap:7px}.draft-topbar .icon-button{width:27px;height:27px;font-size:14px}.draft-title{padding:21px 16px 17px}.draft-title h1{font-size:21px;letter-spacing:1.4px}.draft-title .eyebrow{font-size:8px}.draft-status{display:none}.draft-shell{display:flex;flex-direction:column;gap:17px;height:auto;max-height:none;min-height:0;padding:0 16px}.draft-roster{height:460px;padding:15px 12px 11px;order:1}.draft-roster-head{flex-direction:row;align-items:center}.draft-roster-head>strong{font-size:8px;letter-spacing:.5px}.draft-search{width:145px}.draft-search input{font-size:10px}.draft-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;min-height:180px}.choice-art{height:104px}.champion-choice strong{font-size:10px}.champion-choice small{font-size:8px}.role-filters{gap:3px;padding:12px 0 10px}.role-filters button{font-size:9px;padding:7px 8px}.draft-preview{order:2;overflow:visible;display:grid;grid-template-columns:110px minmax(0,1fr)}.preview-art{height:230px;min-height:0;position:sticky;top:16px;overflow:hidden}.preview-art>img{height:190px;max-width:135px}.preview-art>span{font-size:6px;letter-spacing:1px;left:12px}.preview-orbit{width:105px;height:105px;top:65px}.preview-body{padding:19px 14px 17px 4px}.preview-body h2{font-size:25px}.preview-roles{margin:12px 0}.preview-title{font-size:10px}.preview-roles .text-button{padding:6px 0;font-size:7px}.role-description{font-size:10px;min-height:0}.preview-body .lobby-skills button{width:39px;height:39px}.preview-body .lobby-skills{gap:9px}.draft-lock{font-size:10px;letter-spacing:1px}.draft-lock-note{font-size:7px;line-height:1.6}.draft-footer{padding:20px 16px;display:block;line-height:1.8;text-align:center}.draft-footer>span{display:block;font-size:6px}.draft-roster-foot .text-button{font-size:7px}.ability-buttons{gap:7px}.summoner-spells{gap:4px}.summoner-spells>button{width:29px;height:33px}}
@media(max-width:390px){.draft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-topbar nav{gap:5px}.draft-shell{padding:0 10px}.draft-title{padding-left:11px}.draft-preview{grid-template-columns:92px minmax(0,1fr)}.preview-art>img{max-width:112px}.draft-roster-head{gap:8px}.draft-roster-head>strong{font-size:7px}.ability-buttons{gap:5px}.ability{width:40px;height:42px}.summoner-spells>button{width:27px}}
@media(max-height:750px) and (min-width:681px){.draft-title{padding-top:17px;padding-bottom:13px}.draft-title h1{font-size:24px}.draft-shell{min-height:555px;height:calc(100dvh - 194px)}.preview-art{height:140px;min-height:140px}.preview-art>img{height:155px}.preview-body h2{font-size:26px}.preview-body{padding-top:5px}.preview-cadence{margin-top:9px;padding:8px 0}.draft-reroll{margin:12px 0}.choice-art{height:106px}}

#arena.camera-grabbing{cursor:grabbing}
#item-grid .build-guide{grid-column:1/-1;border-left:2px solid var(--champ);padding:15px 17px;background:linear-gradient(100deg,color-mix(in srgb,var(--champ) 7%,#07121a),#0a1723);margin-bottom:2px}
.build-guide>small{font-size:11px;letter-spacing:1px;color:#92b6c4}.build-guide h3{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:7px 0 8px;color:#e1d6b9}.build-guide p{font-size:14px;line-height:1.65;color:#a2b7c5}
.build-group-heading{grid-column:1/-1;padding:15px 2px 7px;display:flex;flex-direction:column;gap:5px}.build-group-heading strong{font-size:14px;color:#d8c18d;letter-spacing:.4px}.build-group-heading span{font-size:12px;line-height:1.5;color:#7995a7}
#item-grid .shop-item{min-height:76px;align-items:center}#item-grid .shop-item>span{min-width:0}#item-grid .shop-item strong{font-size:13px;line-height:1.35;white-space:normal}#item-grid .shop-item em{font-style:normal;display:block;font-size:11px;line-height:1.5;color:#7f9bad;margin-top:5px}#item-grid .shop-item small{font-size:10px;letter-spacing:.6px}#item-grid .shop-item .gold{font-size:13px}.shop-item.owned-item{border-color:#67908377;background:#396c5717}.shop-item.owned-item .gold{color:#9adaac}.shop-item.owned-item small{color:#86b49f}
.item-fit{padding:13px 0;border-top:1px solid #7891a52b;margin-top:15px}.item-fit>strong{font-size:11px;color:#d2bd8b;letter-spacing:.5px}.item-fit p{font-size:13px;line-height:1.7;color:#92aebd;margin-top:8px}
@media(max-width:680px){.build-guide p{font-size:13px}.build-guide h3{font-size:21px}#item-grid .shop-item strong{font-size:12px}#item-grid .shop-item{min-height:78px}#item-grid .shop-item em{font-size:10px}.build-group-heading span{font-size:12px}}

.preview-audio{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 13px}.preview-audio .text-button{font-size:9px;letter-spacing:.3px;padding:8px 9px;border:1px solid #71869b35;background:#0b192566}.preview-audio .text-button:hover{border-color:#c3aa71;color:#eed7a4}

#respawn-banner{top:104px;width:320px;padding:13px 15px;display:grid;grid-template-columns:52px 1fr;column-gap:12px;row-gap:7px;align-items:center;text-align:left;background:linear-gradient(135deg,#0c1729e8,#240f1de0)}#respawn-banner>span{grid-column:2;font-size:8px;letter-spacing:1px}#respawn-banner>strong{grid-column:1;grid-row:1/4;font-size:44px;line-height:1;text-align:center}#respawn-banner small{grid-column:2;margin:0;font-size:10px}#respawn-banner .outline-button{grid-column:2;font-size:9px;padding:8px}

/* Dedicated generated icon regions preserve the same identity across every view. */
.item-icon{background-color:#071321;background-repeat:no-repeat}.skill-icon{border-color:#aa976a66}.lobby-skills .item-icon,.ability .item-icon{width:100%;height:100%;aspect-ratio:1}.skill-detail .skill-icon{flex-shrink:0}

/* v13: the game-mode link shares the navigation button alignment. */
.draft-topbar a.nav{display:inline-flex;align-items:center;white-space:nowrap}
@media(max-width:680px){.draft-topbar .nav[data-action=play]{display:none}}

.mode-nav{color:var(--goldlight);white-space:nowrap}.match-modes{border:1px solid #d6b77b80;padding:8px 11px;background:#101d2df0;color:#f2dca4;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:auto}.aram-mode-choices{display:grid;gap:12px}.aram-mode-choices a{display:grid;gap:8px;padding:20px;background:#142336;border:1px solid #746645}.aram-mode-choices a:hover{border-color:#f2dca4;background:#1c3045}.aram-mode-choices strong{font:700 18px Georgia,serif;color:#f2dca4}.aram-mode-choices span,.mode-leave-note{font-size:12px;color:#bac8d7}.mode-leave-note{margin-top:20px}@media(max-width:680px){.match-modes{font-size:8px;padding:7px;max-width:90px}.draft-topbar{gap:12px}.draft-topbar nav{gap:9px}}
/* ---- v18: enemy bot difficulty in champion select ---- */
.draft-difficulty{margin:14px 0 10px}
.difficulty-picker{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.difficulty-pill{background:#151c28;color:#c9d3e2;border:1px solid #2b3648;border-radius:999px;padding:6px 12px;font:700 12px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
.difficulty-pill:hover{border-color:#5b6b85;color:#fff}
.difficulty-pill.selected{background:#ffd166;color:#111927;border-color:#ffd166}
.difficulty-blurb{display:block;color:#8b98ad;font-size:12px;margin:0 0 4px;min-height:1.2em}