:root{--gold:#c8aa6e;--gold-deep:#785a28;--gold-bright:#f0e6d2;--hex-cyan:#0ac8b9;--ink:#010a13;--panel:#05101ceb;--line:#c8aa6e85;--blue:#3ea6ff;--red:#ff5447;--hp:#35d468;--mana:#348dff;--flow:#e2eef8;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--gold-bright);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#05080c;margin:0;overflow:hidden}#scene{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{z-index:10;pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.btn{pointer-events:auto;border:1px solid var(--gold);color:var(--gold-bright);letter-spacing:1.5px;white-space:nowrap;background:linear-gradient(#1d2d3e 0%,#0d1824 100%);border-radius:4px;padding:9px 24px;font-weight:600;transition:filter .14s,transform .1s,border-color .14s,box-shadow .14s;box-shadow:inset 0 1px #ffffff1f,0 3px 10px #00000073}.btn:hover{filter:brightness(1.22);border-color:#f3dc9b}.btn:active{transform:translateY(1px)}.btn.primary{color:#ebfcff;background:linear-gradient(#176c86 0%,#09394b 100%);border:1.5px solid #63e2f5;padding:12px 46px;font-size:18px;font-weight:700;box-shadow:0 0 18px #2dc8e659,inset 0 1px #ffffff47}.btn.small{letter-spacing:1px;padding:5px 14px;font-size:12.5px}.btn.on{color:#fff8e2;background:linear-gradient(#8b6924 0%,#44310d 100%);border-color:#f6dc92;box-shadow:0 0 12px #f0ca6659}.overlay{z-index:20;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(#030c169e,#01070eeb);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card{background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 40px #000000ad}.hextech-modal{background:linear-gradient(#09182af5 0%,#040d18fa 100%);border:1.5px solid #ceae6cad;border-radius:8px;box-shadow:0 20px 56px #000000c7,inset 0 0 0 1px #ffecbe14,inset 0 1px #ffeec047}h1,h2,h3{color:var(--gold);margin:0;font-weight:700}.avatar{border:2px solid var(--gold);background:#091728;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.avatar-img img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.12)}.tile{color:#fff;background:#091420;border:1.5px solid #b89655;border-radius:5px;place-items:center;font-size:22px;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.icon-tile img,.item-ico img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.08)}.icon-tile:after,.item-ico:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff52,inset 0 -4px 8px #0000006b}.ult-tile{box-shadow:0 0 12px #ffce4e6b,0 2px 8px #0000008c;border-color:#ffdf7c!important}.slot-tag{z-index:2;color:#ffe8a3;letter-spacing:0;background:#050e1ce0;border-top:1px solid #dcb6608c;border-left:1px solid #dcb6608c;border-top-left-radius:4px;padding:0 4.5px;font-size:10px;font-weight:800;line-height:14px;position:absolute;bottom:0;right:0}.coin-ico{background:radial-gradient(circle at 35% 32%,#fff6b3 0%,#f5c236 52%,#b07410 100%);border:1px solid #ffe89a;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block;box-shadow:0 0 6px #ffd0448c}.coin-ico.tiny{vertical-align:-1px;width:10px;height:10px;margin-right:4px}.skill-row{border-top:1px solid #c8aa6e29;grid-template-columns:48px 1fr;align-items:start;gap:13px;padding:8px 0;display:grid}.skill-row .tile{width:48px;height:48px}.skill-row b{color:var(--gold-bright);font-size:15px}.skill-row kbd,.keys kbd{border:1px solid var(--line);min-width:22px;font:inherit;text-align:center;color:#ffe394;background:#081628b8;border-radius:4px;margin-left:6px;padding:0 6px;font-size:11.5px;font-weight:600;display:inline-block}.skill-row p{color:#b8cad8;margin:3px 0 0;font-size:13px;line-height:1.48}.keys{color:#a9bed0;font-size:12px;line-height:2}.keys kbd{margin:0 3px 0 8px}#menu.s16-menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0a3a8038 0%,#10305c1f 55%,#06162e57 100%),url(/ui/menu-bg.jpg) 50%/cover no-repeat;padding:8px 18px 14px}#menu.s16-menu .wrap{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(1340px,95vw);height:min(815px,96vh);max-height:96vh;display:grid}.s16-header{background:radial-gradient(68% 95% at 50% 42%,#0b3884b8 0%,#0e48a247 58%,#0000 100%);justify-content:center;align-items:center;gap:18px;min-height:96px;padding:2px 24px 8px;display:flex;position:relative}.s16-wing{pointer-events:none;filter:drop-shadow(0 0 10px #48e8ff8c);flex-shrink:0;width:clamp(92px,10vw,152px);height:auto}.blg-brand{filter:drop-shadow(0 4px 12px #061a44a6);flex-shrink:0;align-items:center;display:flex}.blg-logo-svg{width:clamp(136px,13vw,178px);height:auto;display:block}.s16-center{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex}.s16-title{letter-spacing:2px;white-space:nowrap;filter:drop-shadow(0 3px #0a295e)drop-shadow(0 6px 14px #04122ead);margin:0;font-size:clamp(28px,3.3vw,44px);font-style:italic;font-weight:900;line-height:1.08;transform:skew(-6deg)}.s16-title .t-white{color:#fff}.s16-title .t-gold{background:linear-gradient(#fff7ad 0%,#ffd23f 52%,#eb9612 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 2px}.s16-title .t-bang{color:#fff;margin-left:2px}.wx-pill{color:#eef7ff;letter-spacing:.4px;background:linear-gradient(#0b2756db,#071a3eeb);border:1px solid #70c6ff94;border-radius:999px;align-items:center;gap:8px;padding:4px 18px 4px 14px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 3px 12px #0412307a,inset 0 0 10px #54b8ff2e}.wx-icon{flex-shrink:0;width:22px;height:19px}.s16-trophy-box{z-index:3;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:clamp(88px,8.6vw,120px);height:94px;display:flex;position:relative}.s16-trophy-box img{filter:drop-shadow(0 6px 16px #08204ea6)drop-shadow(0 0 18px #58ccff73);width:auto;height:116px;transform:translateY(4px)}.s16-flare{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#6ce4ff 22%,#fff 50%,#6ce4ff 78%,#0000 100%);height:2px;position:absolute;bottom:-3px;left:8%;right:8%;box-shadow:0 0 16px 3px #4ed6ffd9,0 0 32px 6px #2694ff73}.s16-arena{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#2462ac3d 0%,#10305c52 100%);border:1.5px solid #92daffa8;border-radius:16px;grid-template-columns:clamp(240px,22vw,286px) clamp(236px,25.5vw,336px) minmax(0,1fr);gap:14px;min-height:0;padding:12px 14px;display:grid;box-shadow:0 12px 36px #04122a73,inset 0 0 24px #84d2ff33}@media (width<=860px){.s16-wing,.s16-trophy-box{display:none}.s16-arena{grid-template-columns:236px minmax(0,1fr)}.hero-stage{display:none}}.hero-list{z-index:2;grid-template-rows:repeat(5,minmax(0,1fr));gap:9px;min-height:0;display:grid;position:relative}.hero-card{pointer-events:auto;text-align:left;background:linear-gradient(#0e2a54e6 0%,#091c3cf0 100%);border:1.5px solid #66aef073;border-radius:12px;grid-template-columns:52px 1fr;align-items:center;gap:12px;padding:8px 14px;transition:border-color .14s,background .14s,box-shadow .14s,transform .12s;display:grid;box-shadow:0 4px 12px #040e2061}.hero-card *{pointer-events:none}.hero-card:hover{background:linear-gradient(#163c72ed 0%,#0d2650f5 100%);border-color:#a8e0ffe6;transform:translate(2px)}.hero-card.on{background:linear-gradient(90deg,#c69426f2 0%,#8e681ee6 56%,#523e18e6 100%);border:2px solid #ffe678;box-shadow:0 0 20px #ffd648b8,inset 0 0 14px #ffee9857}.hero-card .avatar{border:2px solid #a6d8ffb8;width:50px;height:50px;box-shadow:0 2px 8px #0000007a}.hero-card.on .avatar{border:2.5px solid #fff2a6;box-shadow:0 0 12px #ffe05cd9,0 2px 8px #00000073}.hero-card-text{min-width:0}.hero-card b{color:#fff;text-shadow:0 1px 3px #00000080;margin-bottom:2px;font-size:17.5px;font-weight:800;display:block}.hero-card span{color:#bdd4ee;white-space:nowrap;text-overflow:ellipsis;font-size:11.8px;line-height:1.35;display:block;overflow:hidden}.hero-card.on span{color:#fff3cc}.hero-stage{cursor:grab;background:url(/ui/stage-bg.jpg) 50%/cover no-repeat;border:1.5px solid #8ed4ff8f;border-radius:12px;min-height:0;position:relative;overflow:hidden;box-shadow:0 6px 20px #04102670,inset 0 0 18px #b0e8ff2e}.hero-stage:active{cursor:grabbing}.hero-stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-stage-badge{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:12px;right:12px}.hero-stage-badge b{color:#fff;letter-spacing:1px;text-shadow:0 2px 6px #061634d9;font-size:20px;font-weight:800}.hero-stage-badge .stage-role{color:#e6f4ff;background:#0e2c58b8;border:1px solid #9ad6ff9e;border-radius:4px;padding:1px 8px;font-size:12px;font-weight:600;box-shadow:0 2px 6px #00000052}.hero-stage-hint{z-index:2;text-align:center;color:#ffffffdb;text-shadow:0 1px 4px #08142ae6;pointer-events:none;opacity:0;font-size:11.5px;transition:opacity .2s;position:absolute;bottom:8px;left:0;right:0}.hero-stage:hover .hero-stage-hint{opacity:1}.hero-detail{background:linear-gradient(#0c2248eb 0%,#081836f2 100%);border:1.5px solid #6eb8f894;border-radius:12px;min-height:0;display:flex;overflow:hidden;box-shadow:0 6px 22px #040e2480}.detail-scroll{flex:1;min-height:0;padding:16px 22px 16px 24px;overflow-y:auto}.detail-scroll::-webkit-scrollbar{width:10px}.detail-scroll::-webkit-scrollbar-track{background:#e8f2ffe6;border-left:1px solid #78afe673}.detail-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#9fb4ce,#7991ae);border:2px solid #e8f2ffe6;border-radius:6px}.hero-detail .title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-detail .title h2{color:#ffd84d;letter-spacing:1px;text-shadow:0 2px 8px #0000007a;font-size:28px;font-weight:900}.hero-detail .title em{color:#e8f3ff;margin-right:2px;font-size:16px;font-style:normal;font-weight:600}.hero-detail .tag{color:#ffe394;background:#bc861c3d;border:1px solid #ecb84cc7;border-radius:5px;padding:2px 10px;font-size:12.5px;font-weight:600;display:inline-block}.hero-detail p.blurb{color:#d7e7f9;margin:7px 0 10px;font-size:13.5px;line-height:1.45}.hero-detail .skill-row{border-top:1px solid #76b0ec29;grid-template-columns:50px 1fr;gap:14px;padding:8px 0}.hero-detail .skill-row:first-child{border-top:none}.hero-detail .gold-tile{border:2px solid #e9c56a;border-radius:8px;width:50px;height:50px;box-shadow:0 4px 12px #00000073,0 0 10px #eec04a38}.hero-detail .gold-tile.passive-tile{border-color:#9dc7ee}.hero-detail .gold-tile.ult-tile{border-color:#ffe98a;box-shadow:0 0 16px #ffd65280,0 4px 12px #00000080}.hero-detail .skill-head{align-items:center;gap:8px;display:flex}.hero-detail .skill-row b{color:#fff;font-size:15.5px;font-weight:700}.hero-detail .skill-row kbd{color:#ffe28c;background:#cc982a33;border:1px solid #e2b656ad;border-radius:4px;margin-left:0;padding:1px 7px;font-size:11.5px;font-weight:700}.hero-detail .skill-row p{color:#c4d8f0;margin:3px 0 0;font-size:13px;line-height:1.46}.s16-dock{z-index:2;background:linear-gradient(#0f2750e6 0%,#091834f2 100%);border:1.5px solid #7ec6ff94;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:10px 18px 10px 24px;display:flex;position:relative;box-shadow:0 10px 30px #030c208c,0 0 22px #42a6ff3d,inset 0 1px #c4e8ff40}.s16-dock .diff{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.s16-dock .diff-label{color:#dcebff;margin-right:4px;font-size:14px;font-weight:600}.diff-btn{pointer-events:auto;color:#cde0f5;background:#142d54d9;border:1px solid #70a8e061;border-radius:7px;padding:8px 16px;font-size:14px;font-weight:700;transition:filter .14s,background .14s,border-color .14s,box-shadow .14s}.diff-btn:hover{filter:brightness(1.18);border-color:#98d4ffb8}.diff-btn.on{color:#fff;background:linear-gradient(#2baaff 0%,#1479de 100%);border:1.5px solid #96ddff;box-shadow:0 0 14px #2baaff94}.keys-grid{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.keys-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;display:flex}.keys-row .ki{color:#d6e7fb;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.keys-row kbd{font:inherit;color:#ffeaa0;background:#0e2244eb;border:1px solid #dcb45894;border-radius:4px;padding:1px 7px;font-size:11.5px;font-weight:700;display:inline-block;box-shadow:inset 0 1px #ffffff1f}.start-cta{pointer-events:auto;color:#241803;letter-spacing:1.5px;white-space:nowrap;background:linear-gradient(#fff184 0%,#ffd03b 52%,#efa916 100%);border:2px solid #fff6b0;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:13px 34px;font-size:21px;font-weight:900;transition:transform .1s,filter .14s,box-shadow .14s;display:inline-flex;box-shadow:0 0 24px #ffd03bad,0 4px 12px #00000059,inset 0 2px 2px #ffffffb8}.start-cta:hover{filter:brightness(1.07);box-shadow:0 0 32px #ffda4ee0,0 4px 14px #0006,inset 0 2px 2px #ffffffd1}.start-cta:active{transform:translateY(1px)scale(.99)}.start-cta .play-icon{color:#241803;font-size:16px}@media (width<=1060px){.s16-dock{flex-wrap:wrap;justify-content:center;padding:10px 16px}.keys-grid{display:none}}.dialog{width:min(740px,92vw);max-height:90vh;padding:24px 28px;overflow-y:auto}.dialog h2{letter-spacing:5px;text-align:center;color:#f3dc9b;margin-bottom:16px;font-size:26px}.pause-settings{background:#030a1473;border:1px solid #c8aa6e33;border-radius:6px;padding:12px 16px}.dialog .row{color:#d3e1ec;grid-template-columns:110px 1fr 64px;align-items:center;gap:12px;margin:10px 0;font-size:14px;display:grid}.dialog .row .val{text-align:right;font-variant-numeric:tabular-nums;color:#ffe394}.dialog .row input[type=range]{width:100%;accent-color:var(--gold)}.quality-group{gap:8px;display:flex}.dialog .actions{justify-content:center;gap:14px;margin-top:18px;display:flex}.dialog .note{text-align:center;color:#ffb98a;min-height:20px;margin-top:8px;font-size:13px}.dialog .keys{border-top:1px solid #c8aa6e33;margin-top:14px;padding-top:10px}.pause-hero-head{border-top:1px solid #c8aa6e3d;align-items:center;gap:12px;margin:14px 0 8px;padding-top:12px;display:flex}.pause-hero-head .small-avatar{width:44px;height:44px}.pause-hero-head b{color:#ffd86b;font-size:16px;display:block}.pause-hero-head span{color:#9db6cc;font-size:12px}#end .dialog{width:min(960px,95vw)}.end-banner{text-align:center;border-bottom:1px solid #c8aa6e40;margin-bottom:14px;padding-bottom:10px}.end-crest{letter-spacing:5px;color:var(--gold);margin-bottom:2px;font-size:12px;font-weight:800}#end h2.win{color:#6fd8ff;letter-spacing:10px;text-shadow:0 0 32px #50c6ffc7,0 3px 10px #000c;margin-bottom:6px;font-size:48px;font-weight:900}#end h2.lose{color:#ff6656;letter-spacing:10px;text-shadow:0 0 32px #ff523eb8,0 3px 10px #000c;margin-bottom:6px;font-size:48px;font-weight:900}#end .sub{color:#adc3d6;margin:0;font-size:14px}#scoreboard{z-index:14;width:min(940px,95vw);padding:16px 20px;position:absolute;top:10%;left:50%;transform:translate(-50%)}table.score{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13.5px}table.score th{color:#93abc0;text-align:left;border-bottom:1px solid #c8aa6e38;padding:6px 8px;font-size:12px;font-weight:600}table.score td{vertical-align:middle;border-top:1px solid #c8aa6e1a;padding:6px 8px}table.score tr.team td{border-top:none;padding:10px 8px 5px}.team-head{align-items:center;gap:18px;font-size:13px;display:flex}.team-head b{letter-spacing:1.5px;font-size:14.5px}.team-head span{color:#9db4c8;font-weight:400}.team-head em{color:#f0e6d2;font-style:normal;font-weight:700}table.score tr.team.blue b{color:var(--blue)}table.score tr.team.red b{color:var(--red)}table.score tr.me td{background:linear-gradient(90deg,#c8aa6e2e,#c8aa6e0f)}table.score tr.dead td{opacity:.55}.sc-hero{align-items:center;gap:10px;display:flex}.sc-ava{border-radius:50%;flex-shrink:0;width:34px;height:34px;position:relative;overflow:visible}.sc-ava img{object-fit:cover;border:1.5px solid var(--gold);border-radius:50%;width:34px;height:34px;display:block}.sc-ava.blue-b img{border-color:#4db0ff}.sc-ava.red-b img{border-color:#ff6254}.sc-lvl{border:1px solid var(--gold);text-align:center;color:#ffe8a3;background:#081524;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:14px;position:absolute;bottom:-3px;right:-4px}.sc-name{align-items:center;gap:6px;display:flex}.sc-name b{color:#eef6ff;font-weight:600}.me-tag{color:#ffe48f;background:#f0c65440;border:1px solid #f0c654b3;border-radius:3px;padding:0 5px;font-size:10.5px;font-style:normal}.dead-tag{color:#ff7c6e;font-size:11px;font-weight:700}.kda-col b{color:#f5ebd6}.kda-col .d{color:#ff8678}.gold-col{color:#ffd76a;font-weight:600}.dmg-wrap{width:96px}.dmg-wrap span{margin-bottom:2px;font-size:12px;display:block}.dmg-wrap i{background:linear-gradient(90deg,#e29b32,#ff5d47);border-radius:2px;height:4px;display:block}.sc-items{gap:3px;display:flex}table.score .mini{background:#060f1ad9;border:1px solid #c8aa6e59;border-radius:4px;width:26px;height:26px;display:inline-block;position:relative;overflow:hidden}table.score .mini.filled{border-color:#cda864}table.score .mini img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.08)}#shop{z-index:15;pointer-events:auto;flex-direction:column;width:min(920px,95vw);max-height:86vh;padding:18px 22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-51%)}#shop .head{border-bottom:1px solid #c8aa6e47;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}#shop .shop-title{align-items:baseline;gap:14px;display:flex}#shop .shop-title h2{letter-spacing:3px;color:#f4de9e;font-size:22px}#shop .shop-right{align-items:center;gap:14px;display:flex}#shop .head .gold-pill{background:#122236d9;border:1px solid #e8bc588c;border-radius:999px;align-items:center;gap:7px;padding:4px 14px;display:inline-flex}#shop .head .gold{color:#ffd96c;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}#shop .where{color:#ffab88;font-size:12.5px}#shop .where.ok{color:#6ee298}#shop .body{flex:1;min-height:0;margin:6px 0 10px;padding-right:6px;overflow-y:auto}#shop h3{letter-spacing:2px;color:#e2c585;margin:10px 0 6px;font-size:13.5px}#shop h3 span{letter-spacing:.5px;color:#8ea7bc;margin-left:8px;font-size:11.5px;font-weight:400}.item-grid{grid-template-columns:repeat(auto-fill,minmax(204px,1fr));gap:8px;display:grid}.item{text-align:left;background:linear-gradient(#0c1e32e0,#071322f0);border:1px solid #c8aa6e4d;border-radius:6px;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:8px 10px;transition:border-color .12s,background .12s,transform .1s;display:grid}.item:not(:disabled):hover{background:linear-gradient(#302a14e0,#181812f0);border-color:#ffe08c;transform:translateY(-1px)}.item.owned{border-color:#6cd6ff8c}.item:disabled{cursor:not-allowed;opacity:.52}.item .ico{background:#081320;border:1.5px solid #c9a663;border-radius:6px;width:44px;height:44px;position:relative;overflow:hidden}.item-top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.item b{color:#f6ecda;font-size:13.8px}.item .cost{color:#ffd76a;white-space:nowrap;font-size:12.5px;font-weight:700}.item small{color:#9fb7cb;margin-top:2px;font-size:11px;line-height:1.38;display:block}.item small.why{color:#ff9884}.bag-section{border-top:1px solid #c8aa6e3d;padding-top:8px}#shop .bag{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}#shop .bag-slot{color:#9cb3c7;background:#071322db;border:1px solid #c8aa6e47;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:11px;display:flex}#shop .bag-slot .ico{background:#040a12bf;border:1px solid #c8aa6e7a;border-radius:5px;width:38px;height:38px;position:relative;overflow:hidden}#shop .bag-slot.empty .ico{border-style:dashed;border-color:#c8aa6e33}#shop .bag-slot b{color:#efe4cf;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}#shop .bag-slot .sell-val{color:#ffd76a;font-weight:700}#shop .bag-slot:not(:disabled):hover{background:#301416c7;border-color:#ff9d8a}.hextech-bar{background:linear-gradient(#081626e6 0%,#040c16f2 100%);border:1px solid #ccac6a8f;border-radius:8px;box-shadow:0 6px 20px #0000008c,inset 0 1px #fff0c62e}#topbar{font-variant-numeric:tabular-nums;align-items:center;gap:12px;padding:6px 20px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.team-score{align-items:center;gap:7px;font-size:22px;font-weight:800;display:flex}.team-dot{border-radius:50%;width:8px;height:8px}.team-dot.blue{background:var(--blue);box-shadow:0 0 8px var(--blue)}.team-dot.red{background:var(--red);box-shadow:0 0 8px var(--red)}#topbar .blue{color:#5eb8ff}#topbar .red{color:#ff695c}.vs-divider{color:var(--gold);align-items:center;display:flex}.swords-ico{width:16px;height:16px}.bar-sep{background:#c8aa6e52;width:1px;height:16px}#topbar .clock{text-align:center;min-width:58px;color:var(--gold-bright);letter-spacing:.8px;font-size:15px;font-weight:700}#mystats{font-variant-numeric:tabular-nums;align-items:center;gap:12px;padding:6px 14px;font-size:13.5px;display:flex;position:absolute;top:10px;right:14px}.stat-pill{color:#b7cbdc;align-items:center;gap:5px;display:inline-flex}.stat-pill .swords-ico{width:14px;height:14px;color:var(--gold)}#mystats b{color:#ffe083;font-weight:700}#crosshair{border:2px solid #ffffffc7;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;transition:transform 80ms,border-color 80ms;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #000000d9}#crosshair:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}#crosshair.lock{border-color:#ff4b3e;transform:scale(.82);box-shadow:0 0 10px #ff4b3ea6}#crosshair.far{border-style:dashed;border-color:#f2f2f2}#announce{text-align:center;letter-spacing:5px;white-space:nowrap;color:#ffecba;text-shadow:0 2px 10px #000000eb,0 0 26px #ffc85a8c;opacity:0;background:linear-gradient(90deg,#0000 0%,#081626c7 25% 75%,#0000 100%);border-top:1px solid #e2bc6a73;border-bottom:1px solid #e2bc6a73;padding:8px 48px;font-size:32px;font-weight:800;transition:opacity .25s;position:absolute;top:16%;left:50%;transform:translate(-50%)}#announce.show{opacity:1}#announce.ally{color:#8fd6ff;text-shadow:0 2px 10px #000000eb,0 0 28px #48b2ffad;border-color:#60c0ff8c}#announce.enemy{color:#ff8676;text-shadow:0 2px 10px #000000eb,0 0 28px #ff503cad;border-color:#ff66568c}#killfeed{flex-direction:column;align-items:flex-end;gap:5px;font-size:13px;display:flex;position:absolute;top:56px;right:14px}#killfeed .feed-item{border:1px solid #c8aa6e59;border-left:3px solid var(--gold);background:linear-gradient(90deg,#061220e0,#040c16d1);border-radius:5px;align-items:center;gap:6px;padding:4px 12px 4px 8px;animation:6s forwards feed;display:inline-flex;box-shadow:0 4px 12px #00000073}.feed-ava{object-fit:cover;border:1.5px solid var(--gold);border-radius:50%;width:22px;height:22px}.feed-ava.blue-b{border-color:#4db0ff}.feed-ava.red-b{border-color:#ff6254}.feed-swords{color:#e6c67c;display:inline-flex}.feed-swords .swords-ico{width:14px;height:14px}#killfeed .blue{color:#6cc0ff;font-weight:700}#killfeed .red{color:#ff7568;font-weight:700}@keyframes feed{0%,85%{opacity:1}to{opacity:0}}#msg{text-align:center;color:#ffd09a;text-shadow:0 1px 4px #000,0 0 8px #000c;opacity:0;font-size:15px;font-weight:600;transition:opacity .2s;position:absolute;bottom:162px;left:0;right:0}#msg.show{opacity:1}#hint{color:#dce8f4d1;text-shadow:0 1px 2px #000;background:#040c169e;border:1px solid #c8aa6e38;border-radius:6px;flex-direction:column;gap:4px;padding:7px 11px;font-size:11.5px;display:flex;position:absolute;bottom:12px;left:14px}#hint kbd{font:inherit;color:#ffe28c;background:#0e1e34d9;border:1px solid #c8aa6e73;border-radius:3px;padding:0 5px;font-size:10.5px;font-weight:700;display:inline-block}@media (width<=1180px){#hint{display:none}}#panel.hextech-hud{background:linear-gradient(#091727f2 0%,#040b14fa 100%);border:1.5px solid #ceae6ab8;border-radius:10px;align-items:center;gap:14px;padding:10px 16px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #000000c7,inset 0 1px #fff2c847,inset 0 0 18px #0c2a4859}.portrait-cluster{align-items:flex-end;gap:8px;display:flex;position:relative}#panel .portrait{position:relative}#panel .portrait .avatar{border:2.5px solid #dab66d;width:72px;height:72px;box-shadow:0 0 0 2px #06101cf2,0 4px 14px #000000a6}#panel .portrait .lvl{color:#fff3c4;background:radial-gradient(circle at 50% 35%,#19314c,#081320);border:1.5px solid #e6c373;border-radius:50%;place-items:center;min-width:25px;height:25px;padding:0 4px;font-size:13px;font-weight:800;display:grid;position:absolute;bottom:-4px;left:-4px;box-shadow:0 2px 6px #000000bf}.passive-slot{pointer-events:auto;width:34px;height:34px;position:relative}.passive-slot .tile{border:1.5px solid #9abde0;border-radius:5px;width:100%;height:100%}.passive-slot.dim .tile{filter:grayscale(.85)brightness(.55)}.p-stacks{z-index:3;color:#1c1202;text-align:center;background:linear-gradient(#ffdf73,#d6931a);border:1px solid #fff6c2;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:10.5px;font-weight:900;line-height:14px;position:absolute;top:-5px;right:-4px}.center-console{flex-direction:column;gap:7px;display:flex}.skills-row{align-items:flex-end;gap:10px;display:flex}#panel .skills{gap:8px;display:flex}.summoners{gap:6px;display:flex}.skill{pointer-events:auto;width:54px;height:54px;position:relative}.skill.ult-skill{width:56px;height:56px}.skill .tile{border:1.5px solid #c9a663;border-radius:6px;width:100%;height:100%;transition:filter .12s,border-color .12s,box-shadow .12s}.skill.off .tile{filter:grayscale()brightness(.42)}.skill.nomana .tile{filter:saturate(.35)brightness(.58)hue-rotate(175deg)}.skill.active-glow .tile{box-shadow:0 0 14px #60ecffd9,inset 0 0 8px #ffffff73;border-color:#7ef4ff!important}.skill .cd{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 4px #000,0 0 6px #000;pointer-events:none;border-radius:5px;place-items:center;font-size:19px;font-weight:800;display:grid;position:absolute;inset:1.5px}.skill .key{z-index:2;color:#ffe8a3;background:#040b14e0;border-top:1px solid #ceae6a8c;border-left:1px solid #ceae6a8c;border-top-left-radius:4px;border-bottom-right-radius:4px;padding:0 4.5px;font-size:10.5px;font-weight:800;line-height:15px;position:absolute;bottom:1px;right:1px}.skill .rank{z-index:3;background:#040b14eb;border:1px solid #c8aa6e59;border-radius:4px;gap:2.5px;padding:1px 4px;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.skill .rank s{background:#2b3947;border-radius:50%;width:5.5px;height:5.5px}.skill .rank s.on{background:#ffd866;box-shadow:0 0 4px #ffd866cc}.skill .up{white-space:nowrap;color:#1e1403;background:linear-gradient(#fff09e,#e4a829);border:1px solid #fff9cf;border-radius:4px;padding:1px 8px;font-size:11.5px;font-weight:800;animation:.9s ease-in-out infinite bob;position:absolute;top:-23px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #ffcc408c}@keyframes bob{50%{transform:translate(-50%,-4px)}}.skill.minor{width:40px;height:40px}.vitals{flex-direction:column;gap:3px;margin-top:3px;display:flex}.bar{background:#071019;border:1px solid #000000e6;border-radius:3px;height:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.bar i{width:100%;transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.bar b{background:linear-gradient(#fff,#cbdbe8);position:absolute;top:0;bottom:0}.bar span{font-variant-numeric:tabular-nums;text-align:center;color:#f6fbff;text-shadow:0 1px 2px #000,0 0 4px #000;font-size:11px;font-weight:700;line-height:13px;position:absolute;inset:0}.bar.hp i{background:linear-gradient(#57eb84 0%,#1ea448 55%,#147733 100%)}.bar.mp i{background:linear-gradient(#6cb4ff 0%,#2468d2 58%,#184998 100%)}.bar.mp.flow i{background:linear-gradient(#fff 0%,#b3c8da 100%)}.bar.xp{height:5px}.bar.xp i{background:linear-gradient(90deg,#8e4be6,#d09aff)}.hud-stats{font-variant-numeric:tabular-nums;background:#040b14a6;border:1px solid #c8aa6e38;border-radius:6px;grid-template-columns:repeat(2,auto);gap:5px 12px;padding:6px 10px;font-size:11.5px;display:grid}.hud-stats div{justify-content:space-between;align-items:center;gap:6px;display:flex}.hud-stats span{color:#8aa4ba}.hud-stats b{color:#f2e6cf;font-weight:700}@media (width<=980px){.hud-stats{display:none}}#panel .side{flex-direction:column;align-items:center;gap:6px;display:flex}#panel .items{grid-template-columns:repeat(3,36px);gap:4px;display:grid}.slot{pointer-events:auto;background:#030910b8;border:1px solid #c8aa6e4d;border-radius:5px;width:36px;height:36px;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.slot.filled{border-color:#cda864}.slot .ico{width:100%;height:100%;position:relative}#panel .gold-pill{background:#0e1c2cd9;border:1px solid #e2b85673;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;padding:2px 8px;display:inline-flex}#panel .gold{font-variant-numeric:tabular-nums;color:#ffd96c;font-size:13.5px;font-weight:800}#recallbar{background:#05101ee6;border:1px solid #6ec8ff;border-radius:8px;align-items:center;gap:8px;padding:5px 10px 5px 6px;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #40b0ff73}#recallbar .recall-ico{border:1px solid #96ddff;border-radius:4px;width:24px;height:24px}#recallbar .recall-track{background:#040a12e0;border:1px solid #7cccff73;border-radius:4px;width:240px;height:18px;position:relative;overflow:hidden}#recallbar .recall-track i{background:linear-gradient(90deg,#1d74d8,#67d8ff);position:absolute;inset:0 auto 0 0}#recallbar .recall-track span{text-align:center;color:#eef9ff;text-shadow:0 1px 2px #000;font-size:12px;font-weight:700;line-height:16px;position:absolute;inset:0}#deathveil{-webkit-backdrop-filter:grayscale(.85);backdrop-filter:grayscale(.85);text-shadow:0 2px 8px #000;background:#0e12187a;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}#deathveil .big{letter-spacing:8px;color:#ff8676;font-size:30px;font-weight:800}#deathveil .count{font-variant-numeric:tabular-nums;font-size:64px;font-weight:800}#deathveil .tip{color:#d2e0ec;font-size:14px}#deathveil kbd{border:1px solid var(--gold);color:#ffe394;background:#081422d9;border-radius:4px;padding:1px 7px}#minimap{background:#06101a;border:2px solid #cda864;border-radius:6px;width:224px;height:224px;position:absolute;bottom:10px;right:12px;box-shadow:0 8px 26px #000000b8,0 0 0 1px #000000d9}#plates,#floaters{position:absolute;inset:0;overflow:hidden}.plate{will-change:transform;width:118px;margin-left:-59px;position:absolute;top:0;left:0}.plate .name{text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 4px #000;margin-bottom:2px;font-size:12px;font-weight:700}.plate-row{background:#03080edb;border:1px solid #c8aa6e8c;border-radius:3px;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 2px 6px #000000a6}.pl-lvl{color:#ffe8a3;background:#0b1828;border-right:1px solid #c8aa6e73;place-items:center;min-width:18px;padding:0 3px;font-size:10.5px;font-weight:800;display:grid}.plate-bars{flex-direction:column;flex:1;display:flex}.plate .hp{background:#080e14e6;height:9px;position:relative}.plate .hp i,.plate .mp i{position:absolute;inset:0 auto 0 0}.plate .hp b{background:#ffffffe0;position:absolute;top:0;bottom:0}.plate .mp{background:#080e14e6;border-top:1px solid #000000d9;height:3.5px;position:relative}.plate.ally .hp i{background:linear-gradient(#63bdff,#2681d8)}.plate.enemy .hp i{background:linear-gradient(#ff6c5e,#c92d22)}.plate .mp i{background:var(--mana)}.plate.ally .name{color:#c6e4ff}.plate.enemy .name{color:#ffc6bd}.floater{white-space:nowrap;text-shadow:0 1px 2px #000,0 0 4px #000;will-change:transform, opacity;font-size:17px;font-weight:800;position:absolute;top:0;left:0}.floater.phys{color:#ffdbb3}.floater.magic{color:#cebdff}.floater.true{color:#fff}.floater.crit{color:#ffd54f;font-size:25px}.floater.taken{color:#ff6a5a}.floater.gold{color:#ffd96c;font-size:15px}.floater.heal{color:#7dff9a}#fatal{text-align:center;color:#ffb98a;background:#05080c;place-items:center;padding:40px;font-size:18px;line-height:1.8;display:grid;position:fixed;inset:0}