@charset "UTF-8";:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#dce3e8;background:#101a27;font-synthesis:none;--gold:#d5b983;--blue:#8ad5e6;--red:#e7a28b}*{box-sizing:border-box}body{margin:0;overflow:hidden}body>canvas:first-child{position:fixed;inset:0;width:100%;height:100%}[hidden]{display:none!important}button,a,input{font:inherit}button{cursor:pointer;color:#d5dfe5;border:1px solid #70839266;border-radius:3px;padding:10px 14px;background:linear-gradient(#263743,#182630);transition:border-color .15s,background .15s}button:hover{border-color:#d9bd85;background:#374652}button:focus-visible,a:focus-visible{outline:2px solid #e6c483;outline-offset:3px}button:disabled{opacity:.4;cursor:default}a{color:#c8b48e;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-weight:300;letter-spacing:.16em;font-size:clamp(32px,4vw,58px);line-height:1.1;margin-bottom:14px}h2{font-weight:500;color:#eee6d5;font-size:25px}h3{font-size:16px}p{line-height:1.65;color:#aebdc9}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold)}.badge{display:inline-block;padding:6px 12px;border:1px solid #bc9e6044;font-size:10px;letter-spacing:.1em;color:var(--gold)}.primary{background:linear-gradient(#83653b,#524029);color:#fff0d4;border:1px solid #c6a263;padding:16px 23px;letter-spacing:.08em;font-weight:600}.primary:hover{background:linear-gradient(#9d7b48,#655033)}#draft{position:fixed;inset:0;overflow:auto;background:radial-gradient(at 10% 30%,#1e3a4fb0,#07111aee 80%);display:grid;place-items:center;padding:30px}.draft-shell{width:min(1140px,96vw)}.draft-shell>header{padding:10px 0 25px;border-bottom:1px solid #bba46a40}.draft-shell>header>p:not(.eyebrow){font-size:17px}.draft-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:40px;padding-top:30px}.section-title{font-size:12px;letter-spacing:.12em;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title button{padding:7px 10px;font-size:11px}.draft-layout aside{padding:28px;border:1px solid #83939f40;background:#0d1824b3}.draft-layout aside li{margin:12px 0;color:#bccad4;font-size:13px;line-height:1.7}.draft-layout aside ol{padding-left:18px}.rules{border-block:1px solid #84919f30;margin:20px 0;padding:18px 0}.rules b{font-size:12px;color:var(--gold)}.rules p{font-size:12px;margin:10px 0 0}.draft-layout aside .primary{width:100%;display:flex;justify-content:space-between}.draft-layout aside a{display:block;font-size:11px;margin-top:20px;text-align:center}.draft-shell footer{padding:20px 0;font-size:11px;color:#8294a3}#class-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.class-card{min-height:140px;background:linear-gradient(160deg,#293c4d,#101e2b);text-align:left;padding:18px 10px;border:1px solid #66788655}.class-card>span{font-size:36px;color:#93b6c6;display:block;margin-bottom:18px}.class-card b,.class-card small{display:block}.class-card b{font-size:13px}.class-card small{font-size:10px;margin-top:6px;color:#91a4b3}.class-card.selected{border-color:#d6b67b;box-shadow:inset 0 -3px #d6b67b;background:linear-gradient(160deg,#5a5140,#182631)}.class-card.selected>span{color:#e8c995}#class-detail{padding-top:23px}#class-detail h2{margin-bottom:5px}#class-detail>p{font-size:13px}.spell-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spell-preview article{padding:14px;border:1px solid #66788633;background:#0c1825a0}.spell-preview b{font-size:12px;color:#dac6a3}.spell-preview p{font-size:12px;margin:7px 0}.spell-preview small{font-size:10px;color:#829aaa}#game-ui{position:fixed;inset:0;pointer-events:none}#game-ui button,#game-ui canvas{pointer-events:auto}#topbar{position:absolute;top:0;left:0;right:0;height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(#07131bed,#102332ce);border-bottom:1px solid #a28b5544;font-size:11px}#topbar strong{font-size:22px;margin:0 25px;letter-spacing:.14em;font-variant-numeric:tabular-nums}.blue{color:var(--blue)}.red{color:var(--red)}#clock{font-variant-numeric:tabular-nums;font-size:16px;color:#e3d5b7}#topbar nav{display:flex;gap:6px}#topbar button{font-size:10px;padding:7px 10px}#objective{position:absolute;top:68px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.1em;color:#d7c4a0;text-shadow:0 1px 4px #000;white-space:nowrap}#feed{position:absolute;right:20px;top:90px;width:265px}#feed p{background:#08131bbb;border-left:2px solid #b9a175;padding:7px 10px;font-size:10px;margin:5px 0;color:#d0dae0}#bottom{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:15px 20px;background:linear-gradient(#172935f5,#07141dee);border:1px solid #a48b5f80;border-top:2px solid #ccb183;box-shadow:0 8px 40px #000b;border-radius:4px;max-width:96vw}#champion{display:flex;gap:12px;min-width:210px;align-items:center}#class-mark{font-size:40px;color:#d6bd8a;border:1px solid #877550;padding:8px}#champion>div{flex:1}#hero-name{font-size:14px}#level{display:block;color:#abbdc8;font-size:9px;margin:4px 0 8px}.meter{height:16px;position:relative;border:1px solid #071019;background:#040c14;margin:3px 0;overflow:hidden}.meter i{height:100%;display:block;transition:width .15s}.meter span{position:absolute;inset:0;font-size:10px;text-align:center;color:#fff;text-shadow:0 1px 3px #000}.hp i{background:linear-gradient(90deg,#3f695c,#8fbea0)}.mana i{background:linear-gradient(90deg,#234d79,#6bafca)}#abilities{display:flex;gap:8px;align-items:center}.ability-wrap{position:relative}.ability{position:relative;width:61px;height:64px;padding:6px;background:radial-gradient(ellipse at 50% 30%,#476374,#182b3b);border:1px solid #d0bb8c99}.ability b{font-size:29px;font-weight:400;color:#d8e7e6}.ability small{position:absolute;top:3px;left:5px;font-size:10px;color:#e2cd9d}.ability span{display:block;font-size:7px;line-height:1.2;color:#d6d8cc}.ability em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:20px;text-shadow:0 1px 5px #000}.ability.unavailable{filter:saturate(.3);background:#121d27}.ability.unavailable em:not(:empty){background:#08121ad9}.ranks{position:absolute;top:100%;width:100%;text-align:center;color:#d9c18f;font-size:7px;letter-spacing:3px;padding-top:2px}.upgrade{position:absolute;bottom:calc(100% + 5px);left:18px;padding:0;width:24px;height:21px;background:#8c7044;color:#fff5cc;z-index:1}#summoners{display:flex;gap:5px}#summoners button{position:relative;width:45px;height:49px;padding:4px;font-size:11px;border-color:#adb8a76b;background:#2f4653}#summoners span{display:block;font-size:7px;margin-top:6px}#summoners em{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-style:normal}#summoners em:not(:empty){background:#0b1927e0}#economy{text-align:center;min-width:100px}#gold{display:block;font-size:13px;color:#dec38a}#economy button{font-size:10px;padding:6px 12px;margin:6px 0}#kda{display:block;font-size:9px;color:#94aab8}#controls{position:absolute;bottom:7px;width:100%;text-align:center;font-size:10px;color:#a8b8c7;text-shadow:0 1px 3px #000}#minimap{position:absolute;bottom:28px;right:20px;width:128px;height:184px;border:1px solid #b3a17a80;background:#0d1722;box-shadow:0 3px 20px #0009;cursor:crosshair}#death{position:absolute;top:30%;left:50%;transform:translate(-50%);padding:18px 30px;background:#07111be8;border-block:1px solid #baa77e;font-size:17px;color:#ddc69c}#target-hud{position:absolute;top:95px;left:50%;transform:translate(-50%);padding:8px 20px;background:#111a22e0;border-bottom:2px solid #c19576;font-size:11px}#tooltip{position:absolute;bottom:148px;left:50%;transform:translate(-50%);background:#0c1824f5;border:1px solid #9e895e;padding:18px;max-width:330px;font-size:12px}#tooltip b{color:#e5cc99}#tooltip p{margin:8px 0 0}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#030b1388;backdrop-filter:blur(5px)}.window{width:min(960px,95vw);max-height:90vh;overflow:auto;background:linear-gradient(130deg,#1c2a38,#0c1723);border:1px solid #a28d60;border-top:2px solid #d2b57a;padding:28px;box-shadow:0 20px 90px #0009}.window>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8798a033;padding-bottom:16px;margin-bottom:20px}.window>header h2{margin-bottom:0}.window footer{font-size:11px;color:#92a5b4;border-top:1px solid #8f9aab33;margin-top:20px;padding-top:18px}.window.narrow{max-width:480px;text-align:center;padding:38px}.window.narrow>button{display:block;width:100%;margin-top:12px}.window details{font-size:12px;color:#9fb2c0;text-align:left;margin-top:25px}.window details p{font-size:12px}.window summary{cursor:pointer;color:#d0b88b}.window label{display:block;padding:10px 0}#items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-item{display:flex;gap:12px;padding:16px;border:1px solid #6b7d8c40;background:#0c192570;align-items:center}.shop-item h3{font-size:13px;color:#dfc793;margin-bottom:6px}.shop-item p{font-size:11px;margin-bottom:6px}.shop-item small{font-size:11px;color:#ddbe78}.shop-item button{font-size:11px;padding:8px}.shop-item.owned{border-color:#82997099;background:#72955412}.item-icon{font-size:30px;color:#abbdbd}.shop-item>div{flex:1}.score-head,.score-row{display:grid;grid-template-columns:1fr 70px 110px 65px;align-items:center;gap:15px}.score-head{font-size:9px;color:#92a7b8;padding:10px;border-bottom:1px solid #68778455}.score-row{padding:12px 10px;border-bottom:1px solid #68778422;font-size:12px}.score-row small{display:block;font-size:10px;color:#879daf;margin-top:4px}.score-row.dead{opacity:.55}#score-content{display:grid;grid-template-columns:1fr;gap:25px}#scoreboard{z-index:15}#result{z-index:12}@media (max-width:1150px){#minimap{width:90px;height:129px;bottom:155px;right:12px}#bottom{gap:10px;padding:13px}#champion{min-width:185px}#topbar nav button{padding:6px;font-size:9px}}@media (max-width:760px){#draft{padding:15px}.draft-layout{grid-template-columns:1fr;gap:18px}.draft-layout aside{padding:20px}.class-card{min-height:110px}.spell-preview{grid-template-columns:1fr 1fr}#bottom{gap:6px;bottom:22px;padding:8px}#champion{min-width:120px}#class-mark{display:none}#hero-name{font-size:11px}#abilities{gap:4px}.ability{width:44px;height:55px}.ability b{font-size:22px}.ability span{font-size:6px}#summoners button{width:32px;height:42px}#economy{min-width:65px}#gold{font-size:10px}#kda{font-size:7px}#topbar{padding:0 10px}#topbar strong{margin:0 10px}#topbar b{font-size:8px}#topbar nav #score-btn,#topbar nav #pause-btn{display:none}#objective{font-size:8px}#feed{width:185px;right:8px}#feed p,#controls{font-size:8px}#items{grid-template-columns:1fr}.window{padding:18px}.score-head,.score-row{grid-template-columns:1fr 40px 75px 40px;gap:6px}}