:root{--cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M4 3 L4 25 L10 19.5 L14.5 29 L19 27 L14.5 17.5 L22.5 17 Z' fill='%23e8c46a' stroke='%232a1a08' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M7 8 L7 19' stroke='%23fff3c4' stroke-width='1.6' opacity='.7'/%3E%3C/svg%3E") 4 3, auto;--cursor-attack:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M3 3 L9 3 L23 17 L17 23 L3 9 Z' fill='%23dfe5ee' stroke='%2315181d' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6 6 L20 20' stroke='%239aa4b2' stroke-width='1.5'/%3E%3Cpath d='M14 26 L26 14' stroke='%23c0182b' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M21 21 L28 28' stroke='%236b4a2b' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='28.5' cy='28.5' r='2.6' fill='%23e8c46a' stroke='%2315181d' stroke-width='1'/%3E%3C/svg%3E") 3 3, crosshair;--cursor-shop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='17' r='11' fill='%23a87420' stroke='%232a1a08' stroke-width='2'/%3E%3Ccircle cx='15' cy='15' r='11' fill='%23f2c14e' stroke='%232a1a08' stroke-width='2'/%3E%3Ccircle cx='15' cy='15' r='6.5' fill='none' stroke='%23b8862a' stroke-width='2'/%3E%3Cpath d='M9.5 10.5 Q12 7.5 16 7.2' stroke='%23fff3c4' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 15 15, pointer;--font-display:"Lilita One", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, "Segoe UI", sans-serif;--panel:#0a0e12e0;--panel-edge:#2b3440;--rim:#7a6238;--rim-hi:#d9b56a;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .1 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--text:#e8edf2;--muted:#8b97a5;--hp:#4ade80;--mp:#5aa9ff;--gold:#e8c46a}html,body{height:100%;color:var(--text);font-family:var(--font-body);-webkit-user-select:none;user-select:none;cursor:var(--cursor);background:#121811;margin:0;font-weight:600;overflow:hidden}button,canvas,.select-card,.skin-dot,.purse,.slot,.minimap canvas{cursor:var(--cursor)!important}canvas.cursor-shop{cursor:var(--cursor-shop)!important}canvas.cursor-attack{cursor:var(--cursor-attack)!important}button,input{font-family:var(--font-body)}.clock,.help,.bar,.minimap,.shop,.score-team,.tooltip,.lobby-team{background:var(--ink-paper), var(--grain), linear-gradient(180deg, #231e19, #120f0c 78%);border:1px solid #0000;border-image:var(--ink-panel) 24 / 18px / 6px stretch;box-shadow:0 8px 22px #00000080}.ico{object-fit:contain;width:100%;height:100%;display:block}.emoji{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-weight:400}.tt-ico{vertical-align:-6px;width:24px;height:24px;margin-right:6px;display:inline-block}#stage,#hud{position:fixed;inset:0}#hud{pointer-events:none}kbd{min-width:1.4em;font:800 11px/1.5 var(--font-body);text-align:center;color:var(--text);background:#1b222b;border:1px solid #4a5563;border-bottom-width:2px;border-radius:4px;padding:0 .35em;display:inline-block}#splash.done{opacity:0;pointer-events:none}.vignette{pointer-events:none;background:radial-gradient(#0000 70%,#0003 100%);position:absolute;inset:0}.hurt{pointer-events:none;opacity:0;background:radial-gradient(#0000 48%,#e11e28cc 100%);position:absolute;inset:0}.stealth{pointer-events:none;opacity:0;transition:opacity .35s ease-out;position:absolute;inset:0}.stealth:before{content:"";background:radial-gradient(#0000 38%,#080a168c 72%,#120822db 100%);position:absolute;inset:0}.stealth.level-1{opacity:.55}.stealth.level-1:before{background:radial-gradient(#0000 50%,#0a1e0c73 82%,#061608bf 100%)}.stealth.level-2{opacity:1}.stealth.level-2:after{content:"";animation:2.4s ease-in-out infinite stealth-shimmer;position:absolute;inset:0;box-shadow:inset 0 0 90px 10px #aa78ff47}@keyframes stealth-shimmer{50%{box-shadow:inset 0 0 130px 20px #aa78ff1f}}.stealth-tag{color:#d9c6ff;font:15px var(--font-display);letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 10px #aa78ffcc;background:#0e0a1ab8;border:1px solid #be96ff73;border-radius:999px;padding:3px 14px 4px;position:absolute;bottom:205px;left:50%;transform:translate(-50%)}.stealth.level-1 .stealth-tag{color:#c8f0b8;text-shadow:0 0 8px #78dc6499;border-color:#8cdc7866}.stealth-tag:empty{display:none}.danger{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#c8141e8c 100%);transition:opacity .3s;position:absolute;inset:0}.danger.on{animation:1.1s ease-in-out infinite danger}@keyframes danger{0%,to{opacity:.35}50%{opacity:1}}.bar,.minimap,.help,.clock,.feed,.buffs,.shop,.scoreboard,.tooltip,.announce,.respawn,.recall,.spectate,.warden{zoom:var(--ui,1)}html.colorblind .feed-line.theirs,html.colorblind .score-team.theirs{border-left-color:#ffa81e}html.colorblind .feed-line.theirs b:first-child,html.colorblind .feed-line.ours b:last-child{color:#ffc46b}html.colorblind .banner.theirs{--tone:#ffa81e}html.colorblind .warden-line.theirs{color:#ffc46b;border-color:#ffa81e}.minimap{pointer-events:auto;border-radius:4px;padding:4px;position:absolute;bottom:14px;right:14px}.minimap[hidden]{display:none}.minimap canvas{cursor:crosshair;border-radius:2px;display:block}@media (width<=1180px){.minimap canvas{width:190px!important;height:auto!important}}.ping-wheel{pointer-events:none;z-index:9;width:0;height:0;position:absolute}.ping-wheel[hidden]{display:none}.ping-item{white-space:nowrap;opacity:.7;background:#0a0e12e0;border:2px solid #3a4452;border-radius:8px;flex-direction:column;align-items:center;padding:3px 9px 5px;font-size:11px;font-weight:800;display:flex;position:absolute;top:0;left:0}.ping-item b{font:22px/1.1 var(--font-display);color:var(--c)}.ping-item.on{opacity:1;border-color:var(--c);box-shadow:0 0 16px var(--c)}.announce{pointer-events:none;z-index:8;justify-content:center;display:flex;position:absolute;top:92px;left:0;right:0}.banner{text-align:center;border-top:2px solid;border-bottom:2px solid;border-image:linear-gradient(90deg, transparent, var(--tone) 20%, var(--tone) 80%, transparent) 1;--tone:#e8c46a;background:linear-gradient(90deg,#0000,#0c1016e0 18% 82%,#0000);min-width:340px;padding:6px 48px 8px;animation:.35s cubic-bezier(.2,1.4,.4,1) banner-in}.banner.theirs{--tone:#ff5a5f}.banner.neutral{--tone:#9fb4c8}.banner.out{animation:.35s ease-in forwards banner-out}.banner.big{padding:10px 70px 12px;animation:.5s cubic-bezier(.2,1.6,.35,1) banner-slam;position:relative}.banner.big .banner-title{letter-spacing:.1em;text-shadow:0 4px 0 #000, 0 0 30px color-mix(in srgb, var(--tone) 80%, transparent), 0 0 70px color-mix(in srgb, var(--tone) 50%, transparent);font-size:62px;position:relative}.banner.big .banner-detail{font-size:16px;position:relative}.banner-rays{background:repeating-conic-gradient(color-mix(in srgb, var(--tone) 34%, transparent) 0deg 7deg, transparent 7deg 22deg);pointer-events:none;border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;animation:6s linear infinite rays-spin,.6s ease-out rays-in;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes rays-in{0%{opacity:0;transform:scale(.3)}}@keyframes banner-slam{0%{opacity:0;filter:brightness(3);transform:scale(2.6)}60%{opacity:1;filter:brightness(1.6);transform:scale(.94)}to{filter:none;transform:scale(1)}}.banner-title{font:40px/1.1 var(--font-display);letter-spacing:.08em;color:var(--tone);text-shadow:0 3px 0 #000, 0 0 24px color-mix(in srgb, var(--tone) 60%, transparent)}.banner-detail{color:var(--text);text-shadow:0 1px 2px #000;font-size:14px;font-weight:800}.banner-detail:empty{display:none}@keyframes banner-in{0%{opacity:0;transform:scale(1.6)}}@keyframes banner-out{to{opacity:0;transform:translateY(-12px)}}.debug{color:var(--muted);font:12px ui-monospace,Cascadia Mono,monospace;position:absolute;top:10px;left:12px}.clock{border-top:none;border-radius:0 0 10px 10px;align-items:baseline;gap:10px;padding:3px 16px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.clock .kills{font:20px var(--font-display);text-shadow:0 2px #000;border-right:1px solid #d9b56a4d;align-items:baseline;gap:5px;margin-right:4px;padding-right:12px;display:flex}.clock .kills i{font:12px var(--font-display);color:var(--muted);font-style:normal}.kills-us{color:#6fb6ff}.kills-them{color:#ff6b6b}:root.colorblind .kills-them{color:#ff9a3d}.kills b.pop{animation:.6s ease-out kill-pop}@keyframes kill-pop{0%{filter:brightness(2);transform:scale(1.9)}to{filter:none;transform:scale(1)}}.clock .kills b{text-align:center;min-width:.6em;display:inline-block}.clock .time{font:22px var(--font-display);letter-spacing:.04em;text-shadow:0 2px #000}.clock .wave{color:var(--gold);font-size:12px;font-weight:800}.clock .wave:empty{display:none}.clock .mute{cursor:pointer;pointer-events:auto;opacity:.8;background:0 0;border:none;padding:0 2px;font-size:14px}.clock .mute.off{opacity:.5}.warden{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.warden-line{color:#bfefff;background:linear-gradient(#1a232c,#0c1015);border:1px solid #7fe3ff;border-radius:6px;padding:2px 12px;font-size:12px;font-weight:800;box-shadow:0 3px 10px #00000073}.warden-line.ours{border-color:var(--mp);color:#9fd0ff}.warden-line.theirs{color:#ff9ea1;border-color:#ff5a5f}.help{color:var(--muted);border-radius:4px;padding:10px 12px;font-size:12px;line-height:1.9;position:absolute;top:10px;right:12px}.help.folded .help-keys,.help:not(.folded) .help-hint{display:none}.help-hint{line-height:1.6}.help-title{font:15px var(--font-display);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.respawn{flex-direction:column;align-items:center;gap:8px;animation:.4s ease-out banner-in;display:flex;position:absolute;top:56%;left:16px;transform:translateY(-50%)}.respawn[hidden],.recall[hidden],.esc-menu[hidden]{display:none}.respawn-ring{border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative;box-shadow:0 6px 24px #0009}.respawn-face{filter:grayscale()brightness(.6);border-radius:50%;width:100px;height:100px;position:absolute;inset:6px}.respawn-time{font:46px var(--font-display);text-shadow:0 3px #000,0 0 12px #000;position:relative}.respawn-label{font:18px var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-shadow:0 2px #000}.recap{background:#0a0c12d1;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:6px;width:340px;margin-top:6px;padding:10px 12px;animation:.4s ease-out .2s both recap-panel;display:flex;box-shadow:0 8px 24px #00000080}.recap[hidden]{display:none}@keyframes recap-panel{0%{opacity:0;transform:translate(-30px)}}.recap-title{font:13px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.recap-row{isolation:isolate;opacity:0;border-radius:6px;align-items:center;gap:10px;padding:4px 6px;animation:.35s ease-out forwards recap-in;display:flex;position:relative;overflow:hidden}.recap-row:before{content:"";width:var(--share);z-index:-1;background:linear-gradient(90deg,#e5484d52,#e5484d14);position:absolute;inset:0 auto 0 0}html.colorblind .recap-row:before{background:linear-gradient(90deg,#ffa81e52,#ffa81e14)}@keyframes recap-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.recap-face{object-fit:cover;background:#ffffff0f;border:2px solid #fff3;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.recap-who{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.recap-who b{font-size:14px}.recap-parts{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.recap-total{font:18px var(--font-display);color:#ffd2d2;text-shadow:0 2px #000}.recall{text-align:center;width:240px;position:absolute;bottom:196px;left:50%;transform:translate(-50%)}.tip{border:1px solid var(--rim-hi);pointer-events:auto;zoom:var(--ui,1);background:#0e121af0;border-radius:12px;align-items:center;gap:12px;max-width:min(560px,90vw);padding:10px 10px 10px 12px;display:flex;position:absolute;bottom:196px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0009,0 0 18px #e8c46a33}.tip[hidden]{display:none}.respawn:not([hidden])~.tip{bottom:252px}.tip-mark{width:26px;height:26px;font:17px var(--font-display);color:#1a1408;background:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.tip-text{font-size:14px;line-height:1.45}.tip-text kbd{font-size:12px}.tip-ok{border:1px solid var(--panel-edge);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:8px;flex:none;padding:5px 12px;font-size:13px}.tip-ok:hover{background:#ffffff24}.tip-glow{animation:1.1s ease-in-out infinite tip-glow}@keyframes tip-glow{50%{box-shadow:0 0 0 3px #ffe29ae6,0 0 22px #ffd166e6}}.spectate{white-space:nowrap;background:#0a0e12d9;border:1px solid #3d8bfd;border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;animation:.3s ease-out banner-in;display:flex;position:absolute;bottom:196px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.spectate[hidden]{display:none}.spectate.killer{border-color:#e5484d}html.colorblind .spectate.killer{border-color:#ffa81e}.spectate-face{border-radius:50%;width:30px;height:30px}.spectate-face[src=""]{display:none}.spectate-text{font:15px var(--font-display);letter-spacing:.04em}.spectate-hint{color:var(--muted);font-size:12px}.spectate.killer .spectate-hint{display:none}.recall-label{font:15px var(--font-display);letter-spacing:.15em;color:#9fd0ff;text-shadow:0 2px #000}.recall-bar{background:#05080b;border-radius:5px;height:10px;margin-top:3px;overflow:hidden;box-shadow:0 0 0 1px #7fc4ff80,inset 0 1px 3px #000}.recall-fill{background:linear-gradient(90deg,#3d8bfd,#bfe6ff);width:0;height:100%;box-shadow:0 0 10px #7cc4ff}.fade{opacity:0;pointer-events:none;z-index:40;background:#000;position:absolute;inset:0}.esc-menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:35;background:#04060999;place-items:center;display:grid;position:absolute;inset:0}.esc-panel{border:1px solid var(--rim);background:var(--grain), linear-gradient(180deg, #1e252e, #0c1015 75%);border-radius:6px;width:min(420px,100vw - 32px);padding:18px 22px;box-shadow:inset 0 1px #ffe2a02e,0 12px 40px #0009}.esc-title{text-align:center;font:30px var(--font-display);letter-spacing:.1em;color:var(--gold);margin-bottom:12px}.esc-actions{gap:10px;margin-top:16px;display:flex}.esc-actions button,.settings-close{border:1px solid var(--rim);color:var(--text);font:15px var(--font-display);letter-spacing:.04em;cursor:pointer;background:linear-gradient(#232c37,#12171d);border-radius:6px;flex:1;padding:10px}.esc-actions button:hover,.settings-close:hover{border-color:var(--gold)}.esc-leave{color:#ff9ea1!important}.settings{gap:10px;display:grid}.settings-row{grid-template-columns:120px 1fr 34px;align-items:center;gap:10px;font-size:14px;font-weight:800;display:grid}.settings-row input[type=range]{accent-color:var(--gold)}.settings-row b{text-align:right;color:var(--gold);font-variant-numeric:tabular-nums}.settings-choice{grid-column:2/4;gap:6px;display:flex}.settings-choice button{color:var(--muted);font:800 13px var(--font-body);cursor:pointer;background:#121820;border:1px solid #36404d;border-radius:5px;flex:1;padding:5px}.settings-choice button.on{border-color:var(--gold);color:var(--text);background:#2a2210}.menu-gear{border:1px solid var(--rim);width:42px;height:42px;color:var(--gold);cursor:pointer;background:linear-gradient(#232c37,#12171d);border-radius:8px;font-size:22px;line-height:1;position:fixed;top:14px;right:14px}.menu-settings{z-index:50;background:#04060999;place-items:center;display:grid;position:fixed;inset:0}.feed-face{vertical-align:-5px;border:1px solid #ffffff40;border-radius:50%;width:20px;height:20px;margin-right:5px}.feed-sword{color:var(--muted);margin:0 7px}.gameover{pointer-events:auto;z-index:10;background:radial-gradient(circle,#28080a8c,#000c);place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.gameover[hidden]{display:none}.gameover.victory{background:radial-gradient(circle,#0a1e3c80,#000c)}.gameover-title{font:104px/1 var(--font-display);letter-spacing:.08em;color:#ff5a5f;text-shadow:0 5px #6b1418,0 8px 30px #000;animation:.6s cubic-bezier(.2,1.5,.4,1) title-slam;position:relative}@keyframes title-slam{0%{opacity:0;filter:blur(6px);transform:scale(2.4)}}.gameover-rays{pointer-events:none;background:repeating-conic-gradient(#ff5a5f1a 0deg 7deg,#0000 7deg 18deg);width:1600px;height:1600px;margin:-800px 0 0 -800px;animation:60s linear infinite rays;position:fixed;top:22%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#0000 55%)}.gameover.victory .gameover-rays{background:repeating-conic-gradient(#ffd16629 0deg 7deg,#0000 7deg 18deg)}.gameover>:not(.gameover-rays){position:relative}@keyframes rays{to{transform:rotate(360deg)}}.gameover-extras{flex-direction:column;align-items:center;gap:10px;margin-bottom:10px;display:flex}.extras-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;display:flex}.gameover.compact{align-content:safe center;gap:6px;padding:10px 0;overflow:hidden auto}.gameover.compact .gameover-title{font-size:60px}.gameover.compact .mvp-face{width:52px;height:52px}.gameover.compact .gameover-actions{padding:6px 0 2px;position:sticky;bottom:0}.gameover-extras .mvp{margin:0}.awards{flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100vw - 32px);display:flex}.award{text-align:left;background:linear-gradient(#ffd1661f,#00000073);border:1px solid #e8c46a73;border-radius:10px;align-items:center;gap:8px;width:172px;padding:5px 10px 5px 5px;animation:.45s cubic-bezier(.2,1.5,.4,1) both award-in;display:flex}@keyframes award-in{0%{opacity:0;transform:scale(.4)rotate(-6deg)}}.award-face{border:2px solid var(--gold);border-radius:50%;flex:none;width:38px;height:38px}.award-words{min-width:0}.award-title{font:14px/1.1 var(--font-display);color:var(--gold);letter-spacing:.03em}.award-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.award-detail{color:var(--muted);font-size:11px}.gold-box{border:1px solid var(--panel-edge);background:#00000073;border-radius:10px;padding:6px 10px 2px}.gold-title{font:12px var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.gold-graph{display:block;overflow:visible}.gold-area.ours{fill:#3d8bfd80}.gold-area.theirs{fill:#e5484d80}html.colorblind .gold-area.theirs{fill:#ffa81e80}.gold-line{fill:none;stroke:#fff;stroke-width:2px;stroke-linejoin:round}.gold-zero{stroke:#ffffff59;stroke-dasharray:4 4}.gold-tick{stroke:#ffffff59}.gold-min{font:10px var(--font-body);fill:var(--muted);text-anchor:middle}.gold-peak{font:800 12px var(--font-body);text-anchor:middle}.gold-peak.ours{fill:#9cc4ff}.gold-peak.theirs{fill:#ff9a9a}html.colorblind .gold-peak.theirs{fill:#ffc46b}.mvp{border:2px solid var(--gold);background:var(--grain), linear-gradient(180deg, #2a2210, #120e06);border-radius:10px;align-items:center;gap:14px;width:fit-content;margin:0 auto 12px;padding:10px 22px 10px 12px;animation:.5s cubic-bezier(.2,1.4,.4,1) .3s backwards banner-in;display:flex;box-shadow:0 0 24px #ffd16659}.mvp-face{border:3px solid var(--gold);border-radius:50%;width:64px;height:64px}.mvp-badge{font:14px var(--font-display);letter-spacing:.3em;color:var(--gold)}.mvp-name{font:26px/1.1 var(--font-display)}.mvp-line{color:var(--muted);font-size:13px}.gameover.victory .gameover-title{color:var(--gold);text-shadow:0 5px #6b4f16,0 8px 30px #000}.gameover-sub{color:var(--muted);font-size:18px}.gameover-podium{width:min(640px,100vw - 32px);height:auto;margin:-4px 0 -6px;animation:.7s cubic-bezier(.2,1.3,.4,1) .25s backwards podium-in}.gameover.compact .gameover-podium{width:min(520px,100vw - 32px)}@keyframes podium-in{0%{opacity:0;transform:translateY(24px)}}.gameover-scores:empty{display:none}.gameover-actions{gap:12px;display:flex}.gameover-titles{color:#ffe29a;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:15px;animation:.7s cubic-bezier(.2,1.3,.4,1) .6s backwards podium-in;display:flex}.gameover-title-chip{font:14px var(--font-display);background:#ffd16626;border:1px solid #ffd166;border-radius:12px;padding:2px 10px}.menu-profile{color:#e8dcc0;height:42px;font:15px var(--font-display);letter-spacing:.04em;cursor:pointer;background:#14100cd9;border:1px solid #5a4a30;border-radius:6px;padding:0 14px;position:fixed;top:14px;right:64px}.profile-panel{width:min(560px,100vw - 32px)}.profile-stats{grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0;display:grid}.profile-stat{background:#ffffff0d;border-radius:6px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.profile-stat b{font:16px var(--font-display);white-space:nowrap;color:#ffe29a}.profile-stat span{color:var(--muted);font-size:12px}.profile-fav{color:#e8dcc0;align-items:center;gap:10px;margin-bottom:10px;display:flex}.profile-face{background:#1b2440;border-radius:50%;width:44px;height:44px}.profile-sub{color:var(--muted);margin:6px 0;font-size:13px}.profile-history{flex-direction:column;gap:4px;max-height:230px;margin-bottom:8px;display:flex;overflow:auto}.history-row{color:#e8dcc0;background:#e5484d14;border-left:3px solid #e5484d;border-radius:4px;grid-template-columns:36px 1fr 52px 80px 64px 40px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:grid}.history-row.won{background:#4ade8014;border-left-color:#4ade80}.history-face{background:#1b2440;border-radius:50%;width:34px;height:34px}.history-what{flex-direction:column;min-width:0;display:flex}.history-what span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.history-result{font:15px var(--font-display)}.history-row.won .history-result{color:#4ade80}.history-row.lost .history-result{color:#ff8a8d}.history-mvp{font:12px var(--font-display);color:#ffd166}.profile-titles{flex-wrap:wrap;gap:6px;max-height:220px;display:flex;overflow:auto}.profile-title{color:#e8dcc0;cursor:pointer;background:#1a1510;border:1px solid #5a4a30;border-radius:12px;padding:4px 10px;font:800 13px Nunito,system-ui,sans-serif}.profile-title.on{color:#ffe29a;background:#3a2c12;border-color:#ffd166}.profile-title.locked{opacity:.4;cursor:help}.lobby-slot-title{color:#e8c46a;margin-left:6px;font-size:11px}.gameover-votes{min-height:1.2em;color:var(--muted);font-size:14px}.gameover-rematch,.gameover-swap{color:#c8f7d6;font:15px var(--font-display);letter-spacing:.04em;cursor:pointer;background:#12301c;border:1px solid #4ade80;border-radius:4px;margin-top:14px;padding:10px 18px}.gameover-rematch:disabled{opacity:.6;cursor:default}.gameover-actions button[hidden]{display:none}.gameover-copy{border:1px solid var(--gold);color:var(--gold);font:800 15px var(--font-body);cursor:pointer;background:#15120a;border-radius:8px;margin-top:14px;padding:10px 18px}.scoreboard{z-index:6;position:absolute;top:70px;left:50%;transform:translate(-50%)}.scoreboard[hidden]{display:none}.score-tables{flex-direction:column;gap:10px;width:min(860px,100vw - 32px);display:flex}.score-team{border-left:4px solid var(--mp);border-radius:6px;padding:8px 10px}.score-team.theirs{border-left-color:#ff5a5f}.score-head{font:14px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.score-row{border-radius:6px;grid-template-columns:34px 16px minmax(130px,1.3fr) 90px 64px 74px 60px minmax(120px,1fr);align-items:center;gap:8px;padding:3px 4px;font-size:13px;display:grid}.score-row.you{background:#e8c46a1a}.score-face{border-radius:50%;width:32px;height:32px}.score-spells{gap:1px;display:grid}.score-spell{width:16px;height:16px}.score-who{flex-direction:column;min-width:0;line-height:1.2;display:flex}.score-who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-who span{color:var(--muted);font-size:11px}.score-kda{font:16px var(--font-display);letter-spacing:.04em}.score-num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.score-num.gold{color:var(--gold)}.score-items{gap:3px;display:flex}.score-item{box-sizing:border-box;border:1px solid #36404d;border-radius:5px;place-items:center;width:26px;height:26px;padding:2px;font-size:14px;display:grid}.gameover .score-tables{text-align:left}.gameover-again{border:1px solid var(--gold);color:var(--text);font:800 15px var(--font-body);cursor:pointer;background:#1b222b;border-radius:8px;margin-top:14px;padding:10px 26px}.gameover-again:hover{background:#2a3442}.menu:before{content:"";z-index:-1;background:radial-gradient(#06090cb8 0%,#06090c73 45%,#06090c33 100%);position:fixed;inset:0}.menu{z-index:30;pointer-events:auto;place-content:center;justify-items:stretch;gap:10px;width:min(360px,100vw - 32px);margin:0 auto;display:grid;position:absolute;inset:0}.logo{justify-items:center;margin-bottom:14px;animation:.8s cubic-bezier(.2,1.4,.4,1) both logo-drop;display:grid}.logo .crest{filter:drop-shadow(0 6px 14px #000000b3);width:104px;height:104px;animation:.9s cubic-bezier(.2,1.6,.4,1) .15s both crest-in}.logo-word{font:84px/1 var(--font-display);letter-spacing:.1em;color:var(--gold);text-shadow:0 5px #6b4f16,0 12px 30px #000000bf;margin-top:-6px}.logo-sub{letter-spacing:.45em;text-transform:uppercase;color:#c9d1dc;text-shadow:0 2px 4px #000;margin-top:6px;font-size:13px;font-weight:900}@keyframes logo-drop{0%{opacity:0;transform:translateY(-40px)scale(1.3)}}@keyframes crest-in{0%{opacity:0;transform:rotate(-25deg)scale(.3)}}.menu-title{text-align:center;font:76px/1 var(--font-display);letter-spacing:.12em;color:var(--gold);text-shadow:0 4px #6b4f16,0 10px 30px #000000b3;margin-bottom:14px}.menu-name,.menu-code{border:1px solid var(--panel-edge);color:var(--text);font:700 15px var(--font-body);-webkit-user-select:text;user-select:text;background:#0d1217;border-radius:8px;padding:10px 12px;box-shadow:inset 0 2px 4px #0009}.menu-button{border:2px solid var(--panel-edge);background:var(--grain), linear-gradient(180deg, #1c242e, #10151b);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;padding:12px 16px;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #0006}.menu-button:hover,.menu-join-button:hover{border-color:var(--gold)}.menu-button.primary{border-color:var(--gold);background:var(--grain), linear-gradient(180deg, #2a3a22, #141d10)}.menu-button.spooky{background:var(--grain), linear-gradient(180deg, #2a1838, #140a1c);border-color:#6a3fa0}.menu-button.spooky:hover{border-color:#ffb04a}.menu-button.spooky .menu-button-label{color:#ffb04a}.menu-button.spooky .menu-button-label:before{content:"🎃 "}.menu-button-label{font:19px var(--font-display);letter-spacing:.03em}.menu-button-hint{color:var(--muted);font-size:12px}.menu-or{text-align:center;color:var(--muted);font-size:12px}.menu-join{gap:8px;display:flex}.menu-code{text-transform:uppercase;letter-spacing:.3em;text-align:center;flex:1;min-width:0}.menu-join-button{border:2px solid var(--panel-edge);color:var(--text);font:800 15px var(--font-body);cursor:pointer;background:#151c25;border-radius:8px;padding:0 18px}.menu-error{color:#ffb3b5;text-align:center;background:#ff5a5f1a;border:1px solid #ff5a5f;border-radius:8px;padding:8px 12px;font-size:13px}.lobby-code{align-items:center;gap:12px;display:flex}.lobby-code-label{color:var(--muted);font-size:13px}.lobby-code-value{font:34px var(--font-display);letter-spacing:.3em;color:var(--gold);-webkit-user-select:text;user-select:text}.lobby-copy,.lobby-move{border:1px solid var(--panel-edge);color:var(--text);font:700 12px var(--font-body);cursor:pointer;background:#151c25;border-radius:6px;padding:4px 10px}.lobby-teams{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.lobby-team{border-radius:6px;gap:6px;width:250px;padding:10px;display:grid}.lobby-team-title{font:18px var(--font-display);letter-spacing:.1em;text-transform:uppercase}.lobby-team.blue .lobby-team-title{color:#7cb2ff}.lobby-team.red .lobby-team-title{color:#ff8a8d}.lobby-slot{background:#182029;border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:13px;display:flex}.lobby-slot.you{outline:1px solid var(--gold)}.lobby-slot-champ,.lobby-slot-empty{color:var(--muted)}.select-card.picked{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.lobby-footer{justify-items:center;gap:10px;display:grid}.lobby-start{border:2px solid var(--gold);color:var(--text);font:18px var(--font-display);letter-spacing:.04em;cursor:pointer;background:#1f2a1c;border-radius:10px;padding:10px 28px}.lobby-start:disabled{border-color:var(--panel-edge);color:var(--muted);cursor:default}.lobby-wait{color:var(--muted)}.lobby-roll{pointer-events:auto;background:#1e0e28cc;border:1px solid #6a3fa0;border-radius:10px;align-items:center;gap:10px;padding:6px 14px;display:flex}.lobby-roll-label{font:13px var(--font-display);letter-spacing:.04em;color:#c9a0ff}.lobby-roll-name{font:20px var(--font-display);color:#ffb04a}.lobby-reroll{color:#ffd27a;cursor:pointer;background:#2a1608;border:1px solid #ffb04a;border-radius:8px;padding:5px 12px;font:800 14px Nunito,system-ui,sans-serif}.lobby-reroll:disabled{border-color:var(--panel-edge);color:var(--muted);cursor:default}.select.hollow .select-title{color:#ffb04a;text-shadow:0 0 18px #a050ff99}.select.hollow .lobby-settings{background:#180a22b3}.select.all-random .select-card:not(.picked){filter:saturate(.6)brightness(.85)}html.in-lobby #hud>:not(.select){visibility:hidden}.select{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:radial-gradient(#06090cd1,#06090c80);place-content:center;justify-items:center;gap:16px;padding:16px 0;display:grid;position:absolute;inset:0;overflow-y:auto}.select-modes{gap:12px;display:flex}.select-mode{border:2px solid var(--panel-edge);color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:#151c25;border-radius:10px;padding:10px 18px}.select-mode.active{border-color:var(--gold);color:var(--text)}.select-mode-label{font:16px var(--font-display);letter-spacing:.03em}.select-mode-hint{color:var(--muted);font-size:12px}.select-title{font:40px var(--font-display);letter-spacing:.06em;color:var(--gold);text-shadow:0 3px #6b4f16,0 6px 20px #0009}.select-picker{justify-items:center;gap:16px;display:grid}.summoner-bar{pointer-events:auto;background:#0a08068c;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:2px auto 10px;padding:6px 14px;display:flex;position:relative}.summoner-label{font:15px var(--font-display);letter-spacing:.05em;color:var(--gold);margin-right:4px}.summoner-slot{border:2px solid var(--panel-edge);color:#e8e0cc;font:800 14px var(--font-body);cursor:pointer;background:#151c25;border-radius:8px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex;position:relative}.summoner-slot:hover,.summoner-slot.open{border-color:var(--gold);box-shadow:0 0 10px #ffd16659}.summoner-slot kbd{transform-origin:0 100%;position:absolute;bottom:1px;left:2px;transform:scale(.8)}.summoner-ico{width:38px;height:38px}.summoner-pop{z-index:20;border:2px solid var(--gold);background:#11161d;border-radius:10px;width:520px;max-width:calc(100vw - 32px);padding:12px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000000b3}.summoner-pop-title{font:16px var(--font-display);color:var(--gold);text-align:center;margin-bottom:8px}.summoner-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.summoner-tile{border:2px solid var(--panel-edge);color:#e8e0cc;font:800 12px var(--font-body);cursor:pointer;background:#151c25;border-radius:8px;justify-items:center;gap:2px;padding:6px 4px;display:grid}.summoner-tile:hover{background:#1c2531;border-color:#e8c46a}.summoner-tile.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.summoner-tile.other{opacity:.6}.summoner-desc{color:#d8d0bc;min-height:3.2em;margin-top:10px;font-size:13px;line-height:1.35}.summoner-cd{color:#9fd0ff;font-weight:800}.lobby-slot-spells{vertical-align:middle;gap:2px;margin:0 6px;display:inline-flex}.lobby-spell{width:20px;height:20px}.select-cards{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:6px 22px;max-width:min(1080px,100vw - 32px);padding:0 16px;display:flex}.role-group{flex-direction:column;gap:3px;display:flex}.role-head{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--role,var(--gold));text-shadow:0 1px #000;cursor:help;align-items:center;gap:8px;font-size:12px;line-height:1;display:flex}.role-head:after{content:"";background:linear-gradient(90deg, var(--role,var(--gold)), transparent);opacity:.6;border-radius:1px;flex:1;min-width:16px;height:2px}.role-cards{gap:10px;display:flex}.role-tank{--role:#7fb6ff}.role-fighter{--role:#ff9b5a}.role-assassin{--role:#d58cff}.role-mage{--role:#6fe0d0}.role-marksman{--role:#ffd166}.role-support{--role:#8fe07a}.showcase-roles{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin:-4px 0 8px;font-size:12px}.showcase{border:1px solid var(--rim);background:var(--grain), radial-gradient(ellipse at 20% 50%, color-mix(in srgb, var(--champ) 22%, transparent), transparent 60%), linear-gradient(180deg, #1c232c, #0c1015);--champ:#e8c46a;border-radius:8px;grid-template-columns:220px minmax(0,560px);align-items:center;gap:22px;padding:14px 22px 14px 14px;display:grid;box-shadow:inset 0 1px #ffe2a029,0 10px 30px #0000008c}.showcase.locked{animation:.9s ease-out lock-in}@keyframes lock-in{0%{box-shadow:0 0 0 3px #fff, 0 0 60px var(--champ)}}.showcase-art{place-items:center;width:200px;height:200px;display:grid;position:relative}.showcase-ring{background:conic-gradient(from 0deg, var(--champ), transparent 30%, var(--champ) 50%, transparent 80%, var(--champ));filter:drop-shadow(0 0 12px var(--champ));border-radius:50%;animation:8s linear infinite rays;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64% 70%,#0000 72%);mask:radial-gradient(circle,#0000 62%,#000 64% 70%,#0000 72%)}.showcase-figure{width:200px;height:200px;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--champ) 45%, transparent));position:relative}.showcase.locked .showcase-figure{animation:.6s ease-out lock-face}@keyframes lock-face{0%{filter:brightness(2.2);transform:scale(1.12)}}.showcase-quote{text-align:center;color:#fdf6e3;text-shadow:0 2px 4px #000;width:240px;font-size:13px;font-style:italic;font-weight:800;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.showcase-quote:empty{display:none}.showcase-name{font:40px/1 var(--font-display);letter-spacing:.03em;color:var(--champ);text-shadow:0 3px #000}.showcase-title{color:var(--muted);margin:4px 0 8px;font-size:13px;font-weight:800}.showcase-lore{margin-bottom:10px;font-size:14px;line-height:1.45}.showcase-kit{gap:8px;margin:10px 0 8px;display:flex}.showcase-tile{box-sizing:border-box;background:radial-gradient(circle at 50% 35%,#33465f,#111925 75%);border:2px solid #8a6f3e;border-radius:6px;width:46px;height:46px;padding:4px;position:relative}.showcase-tile:hover{border-color:var(--champ);box-shadow:0 0 12px var(--champ)}.showcase-tile kbd{font-size:9px;position:absolute;bottom:-6px;left:-4px}.showcase-icon{width:100%;height:100%}.showcase-desc{color:#d6dde5;min-height:54px;font-size:13px;line-height:1.45}.showcase-desc b{font:15px var(--font-display);color:var(--gold)}.showcase-key{color:var(--muted);font-size:11px;font-weight:900}.select-card{text-align:center;border:2px solid var(--rim);background:var(--grain), linear-gradient(160deg, #1f2c42, #10161f);width:122px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:7px 6px;transition:border-color .12s,transform .12s;box-shadow:inset 0 1px #ffe2a029,0 8px 20px #00000080}.select-card.rage{background:var(--grain), linear-gradient(160deg, #3d1f1b, #160e0c)}.select-card.none{background:var(--grain), linear-gradient(160deg, #33291c, #14100b)}.select-card.taken{opacity:.35;cursor:not-allowed;transform:none}.select-card:hover{border-color:var(--gold);transform:translateY(-3px)}.select-face{border:2px solid var(--panel-edge);border-radius:50%;width:50px;height:50px;margin:0 auto 6px;display:block}.select-icon{vertical-align:-5px;text-align:center;width:20px;height:20px;margin:0 5px 0 4px;display:inline-block}.select-name{font:16px/1.1 var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select-name.long{font-size:13.5px;line-height:17.6px}.select-sub{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.25}.select-skins{align-items:center;gap:6px;margin:-4px 0 8px;display:flex}.skin-dot{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0009}.skin-dot:hover{border-color:#ffffffb3}.skin-dot.on{border-color:var(--gold);box-shadow:0 0 0 2px #e8c46a59,0 1px 3px #0009}.skin-name{color:var(--muted);font-size:11px;font-weight:800}.select-passive{color:var(--gold);margin-bottom:6px;font-size:13px;font-weight:800}.select-passive .select-icon{margin-left:0}.select-ability{font-size:13px;line-height:1.9}.bar{pointer-events:auto;border-radius:4px;align-items:flex-end;gap:14px;padding:12px 16px 10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.bar[hidden]{display:none}.portrait{width:74px;height:74px;font:22px var(--font-display);background:radial-gradient(circle at 35% 30%,#4d6fa8,#1b2440);border:3px solid #0b0908;border-radius:50%;place-items:center;transition:box-shadow .15s;display:grid;position:relative;box-shadow:0 0 0 2px #c9a05abf,0 0 0 4px #0b0908,0 4px 12px #0009}.portrait .face{border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.portrait .face:not([src]){display:none}.portrait .live{border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.portrait.empowered{box-shadow:0 0 0 3px #ffe7a3,0 0 18px #ffc94d}.portrait .stacks{background:var(--gold);color:#1a1408;border-radius:11px;place-items:center;min-width:22px;height:22px;font-size:13px;display:grid;position:absolute;bottom:-4px;right:-4px}.portrait .stacks:empty{display:none}.portrait .lvl{border:2px solid var(--gold);color:#ffe29a;min-width:24px;height:24px;font:14px var(--font-display);background:#10151c;border-radius:12px;place-items:center;display:grid;position:absolute;bottom:-4px;left:-4px}.side{flex-direction:column;justify-content:space-between;align-self:stretch;gap:8px;display:flex}.inv{grid-template-columns:repeat(3,34px);gap:5px;display:grid}.inv .item{box-sizing:border-box;background:#0b1016;border:1px solid #36404d;border-radius:5px;place-items:center;width:34px;height:34px;padding:3px;font-size:18px;display:grid;box-shadow:inset 0 2px 5px #000000b3}.item.tier-basic,.shop-card.tier-basic .glyph{background:linear-gradient(160deg,#2a323c,#151a20);border-color:#8b97a5}.item.tier-boots,.shop-card.tier-boots .glyph{background:linear-gradient(160deg,#1f3a2c,#10201a);border-color:#6fcf97}.item.tier-epic,.shop-card.tier-epic .glyph{background:linear-gradient(160deg,#2e2245,#161022);border-color:#b58cff}.item.tier-core,.shop-card.tier-core .glyph{border-color:var(--gold);background:linear-gradient(160deg,#4a3a18,#221a0a)}.purse{font:18px var(--font-display);letter-spacing:.03em;color:var(--gold);cursor:pointer;background:linear-gradient(#221b0c,#110d05);border:1px solid #5a4a22;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:flex}.purse:hover{border-color:var(--gold)}.purse .coin{background:radial-gradient(circle at 35% 30%,#fff1b8,#c8962e);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #6b4f16}.buffs{pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:176px;left:50%;transform:translate(-50%)}.buff{background:linear-gradient(#1a232c,#0c1015);border:1px solid;border-radius:12px;align-items:center;gap:8px;padding:3px 10px;font-size:12px;font-weight:800;display:flex;box-shadow:0 3px 10px #00000073}.buff b{font:14px var(--font-display)}.buff-ember{color:#ffb07a;border-color:#ff7a2f}.buff-glowcap{color:#aee9ff;border-color:#6fd6ff}.chat{z-index:30;pointer-events:none;flex-direction:column;gap:6px;width:min(340px,100vw - 28px);font:700 14px/1.35 Nunito,system-ui,sans-serif;display:flex;position:fixed;bottom:190px;left:14px}.chat-log{flex-direction:column;justify-content:flex-end;gap:2px;max-height:260px;display:flex;overflow:hidden}.chat-line{color:#f2ead8;text-shadow:0 1px 2px #000;overflow-wrap:anywhere;background:#0a08068c;border-radius:4px;padding:2px 8px;transition:opacity .6s}.chat-line.old{opacity:0}.chat.typing .chat-line{opacity:1}.chat-tag{color:#8fb8ff;margin-right:5px}.chat-line.all .chat-tag{color:#ffb35c}.chat-name.ally{color:#7cc4ff}.chat-name.enemy{color:#ff8a8a}.chat-input{pointer-events:auto;gap:6px;display:flex}.chat-input[hidden]{display:none}.chat-scope{color:#8fb8ff;min-width:56px;font:inherit;cursor:pointer;background:#142033;border:1px solid #3f5f8f;border-radius:4px;padding:6px 10px}.chat-scope.all{color:#ffb35c;background:#2b1a0c;border-color:#8f5f2f}.chat-input input{color:#f2ead8;font:inherit;background:#0e0b08eb;border:1px solid #5a4a30;border-radius:4px;outline:none;flex:1;padding:6px 10px}.chat-input input:focus{border-color:#c9a05a}.lobby-settings{pointer-events:auto;background:#0a08068c;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:6px auto 10px;padding:8px 12px;display:flex}.lobby-settings:empty{display:none}.set-group{align-items:center;gap:4px;display:flex}.set-label{font:13px var(--font-display);letter-spacing:.04em;color:#c9a05a;margin-right:4px}.set-opt,.set-select{color:#e8dcc0;cursor:pointer;background:#1a1510;border:1px solid #4a3f30;border-radius:4px;padding:4px 10px;font:800 13px Nunito,system-ui,sans-serif}.set-opt.on{color:#ffe29a;background:#3a2c12;border-color:#ffd166}.set-opt:disabled,.set-select:disabled{cursor:default}.lobby-settings.readonly .set-opt:not(.on){opacity:.45}.shop-advice{background:#9b5cff17;border:1px solid #9b5cff59;border-radius:6px;flex-direction:column;gap:8px;margin:0 0 10px;padding:10px 12px;display:flex}.shop-advice:empty{display:none}.rec-fold{color:#c8a8ff;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 6px;font:800 12px Nunito,system-ui,sans-serif}.shop-advice.folded .rec-path,.shop-advice.folded .rec-next{display:none}.rec-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rec-title{font:16px var(--font-display);letter-spacing:.03em;color:#e2ccff}.rec-count{color:var(--muted);font:800 13px Nunito,system-ui,sans-serif}.rec-bar{background:#00000073;border-radius:3px;height:5px;overflow:hidden}.rec-fill{background:linear-gradient(90deg,#7a52c4,#c8a8ff);border-radius:3px;height:100%;transition:width .4s}.rec-path{align-items:stretch;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.rec-arrow{font:18px var(--font-display);color:#6f5a8f;align-self:center}.rec-step{color:#e8dcc0;cursor:pointer;background:#1a1422;border:2px solid #3b3048;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:70px;max-width:90px;padding:14px 4px 4px;display:flex;position:relative}.rec-step:hover{border-color:#8f6fc8}.rec-num{font:12px var(--font-display);color:#c8a8ff;position:absolute;top:2px;left:4px}.rec-ico{width:24px;height:24px}.rec-name{text-align:center;font:800 11px/1.15 Nunito,system-ui,sans-serif}.rec-price{font:12px var(--font-display);color:var(--gold)}.rec-step.done{background:#121a14;border-color:#2f5a3a}.rec-step.done .rec-num,.rec-step.done .rec-price{color:#6fe08f}.rec-step.done .rec-ico,.rec-step.done .rec-name{opacity:.55}.rec-step.next{background:#2b2010;border-color:#ffd166;box-shadow:0 0 10px #ffd16673}.rec-step.next:after{content:"NEXT";font:10px var(--font-display);letter-spacing:.06em;color:#ffd166;position:absolute;top:2px;right:4px}.rec-next{box-sizing:border-box;background:#00000059;border-radius:6px;align-items:center;gap:12px;min-height:96px;padding:8px 10px;display:flex}.rec-big-ico{flex:none;width:44px;height:44px}.rec-info{flex:1;min-width:0}.rec-label{font:11px var(--font-display);letter-spacing:.08em;color:#ffd166;text-transform:uppercase}.rec-item{font:17px var(--font-display);color:#fff3d6}.rec-stats{margin-top:3px}.rec-parts{flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;font-size:12px;display:flex}.rec-parts-label{color:var(--muted)}.rec-part{color:#e8dcc0;border:1px solid #4a3f30;border-radius:10px;align-items:center;gap:4px;padding:1px 7px;display:inline-flex}.rec-part.owned{color:#8ef0a8;border-color:#2f7a46}.rec-part-ico{width:14px;height:14px}.rec-actions{flex-direction:column;flex:none;align-items:stretch;gap:4px;width:236px;display:flex}.rec-buy{white-space:nowrap;text-overflow:ellipsis;color:#ffe29a;cursor:pointer;background:#3a2c12;border:1px solid #ffd166;border-radius:4px;padding:6px 12px;font:800 13px Nunito,system-ui,sans-serif;overflow:hidden}.rec-buy.part{color:#e2ccff;background:#221a30;border-color:#8f6fc8}.rec-buy:disabled{opacity:.45;cursor:default}.rec-short,.rec-complete{min-height:1.25em;color:var(--muted);text-align:center;font-size:12px}.shop-card.recommended{border-color:#6f5a8f;position:relative}.shop-card.recommended:after{content:attr(data-step);width:18px;height:18px;font:11px var(--font-display);color:#fff;background:#7a52c4;border-radius:3px 0 8px;place-items:center;display:grid;position:absolute;top:0;left:0}.side{position:relative}.next-buy{color:#e8dcc0;white-space:nowrap;cursor:pointer;pointer-events:auto;background:#140f0aeb;border:1px solid #5a4a30;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 9px 5px;display:flex;position:absolute;bottom:calc(100% + 22px);right:0}.next-buy[hidden]{display:none}.nb-label{font:10px var(--font-display);letter-spacing:.08em;color:#c8a8ff;text-transform:uppercase}.nb-row{align-items:center;gap:6px;font:800 13px Nunito,system-ui,sans-serif;display:flex}.nb-icon{width:22px;height:22px;display:grid}.next-buy.ready{color:#ffe29a;border-color:#ffd166;animation:1.6s ease-in-out infinite nb-ready}@keyframes nb-ready{50%{box-shadow:0 0 14px #ffd16699}}.card-path{color:var(--muted);align-items:center;gap:3px;margin-top:3px;font-size:11px;display:flex}.path-chip .ico{width:16px;height:16px}.card-cost s{opacity:.55;font-size:.85em}.shop-card.discounted .card-cost{color:#8ef0a8}.shop-undo{color:#f2ead8;cursor:pointer;background:#1c1610;border:1px solid #5a4a30;border-radius:4px;margin:6px 0 2px;padding:5px 10px;font:800 13px Nunito,system-ui,sans-serif}.shop-undo:disabled{opacity:.4;cursor:default}.feed{flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:34px;left:12px}.feed-line{border-left:3px solid var(--muted);background:linear-gradient(90deg,#0e1319f2,#0e1319b3);border-radius:4px;padding:3px 10px;font-size:13px;animation:.2s ease-out feed-in;box-shadow:0 3px 10px #00000059}.feed-line.ours{border-left-color:var(--mp)}.feed-line.theirs{border-left-color:#ff5a5f}.feed-line.ours b:first-child,.feed-line.theirs b:last-child{color:#7cc4ff}.feed-line.theirs b:first-child,.feed-line.ours b:last-child{color:#ff8a8e}@keyframes feed-in{0%{opacity:0;transform:translate(-20px)}}.center{flex-direction:column;gap:6px;display:flex}.slots{gap:10px;padding-bottom:15px;display:flex}.slot{border:2px solid #0000;border-image:var(--ink-slot) 14 / 10px / 3px stretch;background:var(--ink-paper), radial-gradient(circle at 50% 35%, #3a4152, #14131b 75%);border-radius:6px;width:62px;height:62px;position:relative;box-shadow:inset 0 2px 8px #ffecc80f,0 3px 6px #0009}.bar.rage .slot{background:radial-gradient(circle at 50% 35%,#5a2c24,#1c0d0b 75%)}.bar.nores .slot{background:radial-gradient(circle at 50% 35%,#4a3c26,#17110a 75%)}.slot .icon{place-items:center;font-size:30px;display:grid;position:absolute;inset:5px}.slot.unlearned .icon{opacity:.3;filter:grayscale()}.slot .name{color:#c7d0da;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;line-height:1.1;position:absolute;top:calc(100% + 3px);left:-5px;right:-5px;overflow:hidden}.slot .cd{border-radius:4px;position:absolute;inset:0}.slot .pips{letter-spacing:2px;white-space:nowrap;color:var(--gold);background:#0c1015;border-radius:4px;padding:0 4px;font-size:7px;line-height:10px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.slot .up{color:#1a1408;width:26px;height:22px;font:900 18px/18px var(--font-body);cursor:pointer;background:linear-gradient(#e8c46a,#9a7428);border:1px solid #ffe29a;border-radius:6px;padding:0;animation:1s ease-in-out infinite alternate bob;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffd166b3}.slot .up[hidden]{display:none}@keyframes bob{to{transform:translate(-50%,-3px)}}.slot.unlearned .name,.slot.unlearned kbd{opacity:.45}.slot.unlearned{border-color:#4a4232}.slot.levelable{border-color:var(--gold)}.slot .cdtext{font:26px var(--font-display);text-shadow:0 2px #000,0 0 8px #000;place-items:center;display:grid;position:absolute;inset:0}.slot kbd{position:absolute;bottom:3px;left:3px}.slot .cost{color:#9fd0ff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:900;position:absolute;bottom:2px;right:4px}.slot .cost.note{color:var(--gold);font-size:10px}.bar.nores .res.mp{display:none}.slot.cooling .name{opacity:.45}.slot.nomana{filter:saturate(.4)brightness(.8);border-color:#2f5f9e}.slot.denied{animation:.3s denied}.sums{align-items:flex-start;gap:6px;margin-left:8px;display:flex}.sum{border:2px solid #0000;border-image:var(--ink-slot) 14 / 10px / 3px stretch;background:var(--ink-paper), radial-gradient(circle at 50% 35%, #3b3552, #14121b 75%);border-radius:6px;width:46px;height:46px;margin-top:8px;position:relative;box-shadow:inset 0 2px 8px #ffecc80f,0 3px 6px #0009}.sum .icon{place-items:center;display:grid;position:absolute;inset:3px}.sum .icon img{width:100%;height:100%}.sum .cd{border-radius:4px;position:absolute;inset:0}.sum .cdtext{font:17px var(--font-display);text-shadow:0 2px #000,0 0 8px #000;place-items:center;display:grid;position:absolute;inset:0}.sum kbd{transform-origin:0 100%;position:absolute;bottom:2px;left:2px;transform:scale(.85)}.sum.denied{animation:.3s denied}.sum.ready{animation:.55s ease-out ready}.sum.armed{border-color:#9fd8ff;box-shadow:inset 0 0 14px #9fd8ff99,0 0 10px #9fd8ff80}.slot.queued{border-color:#7fd4ff;box-shadow:inset 0 0 14px #7fd4ff8c,0 0 10px #7fd4ff73}.slot .up.nudge{animation:.5s ease-out 2 up-nudge}@keyframes up-nudge{0%,to{transform:translate(-50%)scale(1)}40%{transform:translate(-50%,-8px)scale(1.35);box-shadow:0 0 18px #ffd166}}@keyframes denied{0%,to{border-color:#56657a}30%{border-color:#ff5a5f;box-shadow:inset 0 0 12px #ff5a5f}}.res{background:#05080b;border-radius:3px;height:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #8a6f3e8c}.res .fill{background-image:linear-gradient(#ffffff59,#fff0 45%,#00000047);height:100%;transition:width .12s}.res.hp .fill{background-color:#3fbf6a;position:relative}.res .lag{background:#f4efe2;height:100%;transition:width .45s ease-in .35s;position:absolute;top:0;left:0}.slot.ready{animation:.55s ease-out ready}@keyframes ready{0%{transform:scale(1.1);box-shadow:0 0 0 2px #fff1b8,0 0 22px #ffd166}}.purse.bump{animation:.25s ease-out bump}@keyframes bump{40%{transform:scale(1.15);box-shadow:0 0 14px #ffd166cc}}.coin-fly{pointer-events:none;z-index:12;background:radial-gradient(circle at 35% 30%,#fff1b8,#c8962e);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:fixed;box-shadow:0 0 0 1px #6b4f16,0 0 8px #ffd166cc}.item-fly{pointer-events:none;z-index:12;filter:drop-shadow(0 0 8px #ffd166e6)drop-shadow(0 3px 2px #0009);place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;font-size:24px;display:grid;position:fixed}img.item-fly{object-fit:contain}.inv .item{position:relative}.item-icon{place-items:center;width:100%;height:100%;display:grid}.inv .item.usable{cursor:pointer;border-color:#c9a05a}.item-cd{font:13px var(--font-display);color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;border-radius:4px;place-items:center;display:grid;position:absolute;inset:0}.item-key{font:11px var(--font-display);color:#ffe29a;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;position:absolute;bottom:-4px;right:-3px}.inv .item.landed{animation:.7s ease-out item-landed}@keyframes item-landed{0%{transform:scale(1.35);box-shadow:0 0 0 2px #ffe29a,0 0 22px #ffd166f2}to{transform:none}}.wick-face{filter:drop-shadow(0 0 8px #a66bff8c);flex:none;width:44px;height:44px}.wick-face svg{display:block}.wick-eyes{transform-origin:21px 19px;animation:4.2s infinite wick-blink}@keyframes wick-blink{0%,92%,to{transform:none}95%{transform:scaleY(.1)}}.shop-who{flex-direction:column;flex:1;min-width:0;display:flex}.wick-line{color:#cdb4ff;white-space:nowrap;text-overflow:ellipsis;min-height:17px;font-size:13px;font-style:italic;overflow:hidden}.res.xp.burst,.portrait.burst{animation:.8s ease-out burst}@keyframes burst{0%{filter:brightness(1.8);box-shadow:0 0 0 3px #fff1b8,0 0 28px #c9a2ff}}.res.mp{height:10px}.res.mp .fill{background-color:#3f8ee8}.res.xp{height:7px}.res.xp .fill{background-color:#a46cf0}.res.xp span{opacity:0;font-size:7px;line-height:7px}.res.xp:hover span{opacity:1}.bar.rage .res.mp .fill{background-color:#f0602f}.bar.rage .portrait{background:radial-gradient(circle at 35% 30%,#c7614d,#55201b)}.bar.rage .portrait.empowered{box-shadow:0 0 0 3px #ffb199,0 0 22px #ff3b30}.res span{text-align:center;text-shadow:0 1px 2px #000;font-size:10px;font-weight:900;line-height:15px;position:absolute;inset:0}.res.mp span{font-size:9px;line-height:10px}.tooltip{z-index:30;border-radius:4px;width:320px;padding:10px 12px;font-size:13px;line-height:1.45;position:absolute}.tt-flavor{color:var(--muted);margin-top:6px;font-size:12px;font-style:italic}.shop{pointer-events:auto;z-index:5;border-radius:4px;flex-direction:column;width:min(820px,100vw - 32px);max-height:calc(100vh - 232px);display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.shop[hidden]{display:none}.shop-head{border-bottom:1px solid var(--panel-edge);align-items:center;gap:12px;padding:10px 14px;display:flex}.shop-title{font:20px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.shop-gold{font:18px var(--font-display);color:var(--gold)}.shop-close{border:1px solid var(--panel-edge);width:28px;height:28px;color:var(--text);cursor:pointer;background:#1b222b;border-radius:6px;margin-left:auto;font-size:18px}.shop-note{color:#ffb36b;background:#ffb36b14;padding:6px 14px;font-size:12px}.shop-note:empty{display:none}.shop-body{gap:14px;min-height:0;padding:10px 14px 14px;display:flex;overflow:hidden}.shop-items{flex:1;padding-right:4px;overflow:hidden auto}.shop-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:8px 0 6px;font-size:11px;font-weight:700}.shop-sub:first-child{margin-top:0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}.shop-card{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#121820;border:1px solid #2b3440;border-radius:8px;flex-direction:column;gap:4px;padding:7px 8px;display:flex}.shop-card:hover{border-color:var(--gold);background:#18202a}.shop-card.blocked{opacity:.5}.card-top{align-items:center;gap:7px;display:flex}.shop-card .glyph{box-sizing:border-box;border:1px solid;border-radius:5px;flex:none;place-items:center;width:30px;height:30px;padding:2px;font-size:16px;display:grid}.card-name{flex:1;font-size:13px;font-weight:800;line-height:1.15}.card-cost{font:15px var(--font-display);color:var(--gold)}.card-stats{flex-wrap:wrap;gap:4px;display:flex}.stat-chip{background:color-mix(in srgb, var(--stat,#9bd4ff) 16%, #0b0f14);border:1px solid color-mix(in srgb, var(--stat,#9bd4ff) 45%, transparent);color:var(--stat,#9bd4ff);white-space:nowrap;border-radius:4px;align-items:baseline;gap:1px;padding:1px 6px 2px;font-size:11px;font-weight:800;line-height:1.2;display:inline-flex}.stat-chip b{font:16px/1 var(--font-display);letter-spacing:.02em}.stat-ad{--stat:#ffa45c}.stat-ap{--stat:#c79bff}.stat-maxHp,.stat-hpRegen{--stat:#6ee391}.stat-maxMana{--stat:#6cb6ff}.stat-armor{--stat:#f2d06b}.stat-mr{--stat:#7fd8e8}.stat-attackSpeedPct{--stat:#ffd27a}.stat-moveSpeed{--stat:#e8e8e8}.stat-haste{--stat:#9fe6ff}.stat-lifesteal{--stat:#ff7a7a}.card-flavor{color:var(--muted);font-size:11px;font-style:italic}.shop-side{flex:none;width:190px;overflow-y:auto}.inv-row{border:1px solid #2b3440;border-left-width:3px;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;min-height:30px;margin-bottom:4px;padding:0 4px 0 8px;font-size:12px;display:flex}.inv-row.empty{color:#4a5563}.inv-row.tier-basic{border-left-color:#8b97a5}.inv-row.tier-boots{border-left-color:#6fcf97}.inv-row.tier-epic{border-left-color:#b58cff}.inv-row.tier-core{border-left-color:var(--gold)}.inv-row button{color:var(--gold);font:800 11px var(--font-body);cursor:pointer;background:#15120a;border:1px solid #5a4a22;border-radius:5px;padding:2px 6px}.inv-row button:disabled{opacity:.4;cursor:default}.stat-row{color:var(--muted);justify-content:space-between;font-size:12px;line-height:1.8;display:flex}.stat-row b{color:var(--text)}.tt-name{font:17px var(--font-display);letter-spacing:.02em;color:var(--gold)}.tt-rank{color:#ffe29a}.tt-total{color:#7ee08a;font-weight:800}.tt-meta{color:var(--muted);margin:2px 0 6px;font-size:12px}.replaying .bar,.replaying .minimap,.replaying .help,.replaying .clock,.replaying .buffs,.replaying .warden,.replaying .tip,.replaying .spectate,.replaying .respawn{visibility:hidden}.potg{z-index:44;cursor:pointer;position:absolute;inset:0}.potg-bar{background:#000;height:10vh;animation:.5s ease-out both potg-bar;position:absolute;left:0;right:0}.potg-bar.top{transform-origin:top;top:0}.potg-bar.bottom{transform-origin:bottom;bottom:0}@keyframes potg-bar{0%{transform:scaleY(0)}}.potg-card{border-left:4px solid var(--gold);background:linear-gradient(90deg,#0a0c12eb,#0a0c1299);border-radius:12px;align-items:center;gap:14px;padding:10px 22px 10px 10px;animation:.6s cubic-bezier(.2,1.3,.4,1) .3s both potg-card;display:flex;position:absolute;bottom:calc(10vh + 18px);left:4vw}@keyframes potg-card{0%{opacity:0;transform:translate(-120%)}}.potg-face{border:3px solid var(--gold);border-radius:50%;width:64px;height:64px}.potg-face[src=""]{display:none}.potg-label{font:13px var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.potg-name{font:30px/1.05 var(--font-display);color:#fff;text-shadow:0 3px #000}.potg-title{font:16px var(--font-display);letter-spacing:.12em;color:#ffd2a0}.potg-skip{color:var(--muted);font-size:12px;position:absolute;bottom:3vh;right:3vw}.intro{z-index:45;cursor:pointer;background:linear-gradient(105deg,#14346eeb 0%,#0a1222f0 48% 52%,#6e181eeb 100%),#05070a;grid-template-rows:1fr auto auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px 10px;padding:6vh 3vw 4vh;animation:.35s ease-out intro-in;display:grid;position:absolute;inset:0}html.colorblind .intro{background:linear-gradient(105deg,#14346eeb 0%,#0a1222f0 48% 52%,#78480aeb 100%),#05070a}.intro:before{content:"";background:linear-gradient(#0000,#ffecbee6,#0000);width:3px;animation:.5s ease-out .8s both intro-slash;position:absolute;top:-10%;bottom:-10%;left:50%;transform:rotate(15deg);box-shadow:0 0 24px 6px #ffd16659}@keyframes intro-in{0%{opacity:0}}@keyframes intro-slash{0%{opacity:0;transform:rotate(15deg)scaleY(0)}}.intro-side{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.intro-team{font:18px var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:#9cc4ff;text-shadow:0 2px #000}.intro-side.theirs .intro-team{color:#ff9a9a}html.colorblind .intro-side.theirs .intro-team{color:#ffc46b}.intro-cards{gap:12px;display:flex}.intro-card{--edge:#3d8bfd;border:2px solid color-mix(in srgb, var(--edge) 70%, transparent);width:clamp(110px,11vw,150px);box-shadow:0 10px 30px #0000008c, inset 0 0 22px color-mix(in srgb, var(--edge) 25%, transparent);text-align:center;background:linear-gradient(#ffffff14,#00000059);border-radius:12px;padding:14px 8px 12px;animation:.5s cubic-bezier(.2,1.3,.4,1) both intro-card-ours}.intro-side.theirs .intro-card{--edge:#e5484d;animation-name:intro-card-theirs}html.colorblind .intro-side.theirs .intro-card{--edge:#ffa81e}.intro-card.you{--edge:#e8c46a}@keyframes intro-card-ours{0%{opacity:0;transform:translate(-60vw)skew(-8deg)}}@keyframes intro-card-theirs{0%{opacity:0;transform:translate(60vw)skew(8deg)}}.intro-face{aspect-ratio:1;border:3px solid var(--edge);width:100%;box-shadow:0 0 18px color-mix(in srgb, var(--edge) 60%, transparent);background:#0000004d;border-radius:50%}.intro.big{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.intro.big .intro-cards{justify-content:center;gap:8px;width:100%}.intro.big .intro-card{flex:0 112px;width:auto;min-width:0;padding:10px 5px 9px}.intro.big .intro-champ{font-size:clamp(12px,1.1vw,16px)}.intro.big .intro-title{display:none}.intro.big .intro-player{font-size:11px}.intro-champ{font:clamp(16px, 1.6vw, 21px) var(--font-display);color:#fff;text-shadow:0 2px #000;margin-top:8px}.intro-title{color:var(--muted);min-height:2.6em;font-size:11px}.intro-player{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;font-weight:800;overflow:hidden}.intro-vs{font:clamp(64px, 8vw, 120px) var(--font-display);color:#ffe9b0;text-shadow:0 6px #4a2a08,0 0 40px #ffbe50d9;animation:.45s cubic-bezier(.3,1.6,.5,1) .85s both intro-vs}@keyframes intro-vs{0%{opacity:0;transform:scale(4)rotate(-8deg)}}.intro-said{flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;min-height:70px;display:flex}.intro-line{background:#00000080;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:17px;animation:.4s ease-out both intro-line;display:flex}.intro-line b{font:17px var(--font-display);color:var(--gold);letter-spacing:.04em}.intro-line span{font-style:italic}.intro-line.narrator{color:#b9e58a;padding:8px 18px}.intro-line-face{border-radius:50%;width:34px;height:34px}@keyframes intro-line{0%{opacity:0;transform:translateY(10px)}}.intro-skip{color:var(--muted);opacity:.7;grid-column:1/-1;justify-self:center;font-size:12px}.event-hud{text-align:center;pointer-events:none;zoom:var(--ui,1);background:linear-gradient(#1a232c,#0c1015);border:1px solid #e8c46a;border-radius:8px;width:300px;margin-top:30px;padding:4px 12px 7px;animation:.3s cubic-bezier(.2,1.4,.4,1) banner-in;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000073}.event-hud.soon{border-color:#cfd8e3}.event-hud.winning-ours{border-color:var(--mp)}.event-hud.winning-theirs{border-color:#ff5a5f}html.colorblind .event-hud.winning-theirs{border-color:#ffa81e}.event-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.event-name{font:15px var(--font-display);letter-spacing:.04em;color:#ffe29a;text-shadow:0 2px #000}.event-time{font:15px var(--font-display);color:#fff;text-shadow:0 2px #000}.event-sub{color:#cfd8e3;text-shadow:0 1px 2px #000;font-size:11px;font-weight:800}.event-sub:empty{display:none}.event-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-top:5px;position:relative;overflow:visible}.event-bar[hidden]{display:none}.event-fill{border-radius:4px;transition:width .25s linear;position:absolute;top:0;bottom:0}.event-fill.ours{background:var(--mp);box-shadow:0 0 8px var(--mp);left:0}.event-fill.theirs{background:#ff5a5f;right:0;box-shadow:0 0 8px #ff5a5f}html.colorblind .event-fill.theirs{background:#ffa81e;box-shadow:0 0 8px #ffa81e}.event-hud.hp .event-fill.ours{background:#e8c46a;box-shadow:0 0 8px #e8c46a}.event-knob{background:#e8d5a6;border:2px solid #5a3a1a;border-radius:3px;width:14px;height:16px;margin-left:-7px;transition:left .25s linear;position:absolute;top:-4px;box-shadow:0 2px 4px #0009}.event-knob[hidden]{display:none}.buff-deepPockets{color:#ffe29a;border-color:#e8c46a}.buff-wicksFavor{color:#d9c2ff;border-color:#9b5cff}.buff-royalFavor{color:#f3dc8a;border-color:#c9a23a}.jungle-legend{z-index:6;zoom:var(--ui,1);background:var(--ink-paper), var(--grain), linear-gradient(180deg, #231e19, #120f0c 78%);border:1px solid #0000;border-image:var(--ink-panel) 24 / 18px / 6px stretch;width:320px;max-height:calc(100vh - 230px);padding:10px 12px;position:absolute;top:70px;right:16px;overflow-y:auto;box-shadow:0 8px 22px #00000080}.jungle-legend[hidden]{display:none}.legend-title{font:18px var(--font-display);letter-spacing:.06em;color:var(--gold);text-shadow:0 2px #000;margin-bottom:6px}.legend-row{border-top:1px solid #d9b56a29;align-items:flex-start;gap:9px;padding:4px 0;display:flex}.legend-face{border:2px solid #2b3440;border-radius:50%;flex:none;width:38px;height:38px}.legend-emoji{place-items:center;font-size:28px;line-height:1;display:grid}.legend-text{flex-direction:column;gap:1px;min-width:0;font-size:11px;line-height:1.28;display:flex}.legend-name{font:14px var(--font-display);color:var(--text)}.legend-pays{color:var(--gold);font-weight:800}.legend-buff{color:#9fe6ff}.legend-timing{color:var(--muted);font-weight:600}.legend-status{color:#8fe07a;margin-top:1px;font-weight:800}.legend-status[hidden]{display:none}.legend-foot{color:var(--muted);border-top:1px solid #d9b56a29;margin-top:4px;padding-top:6px;font-size:11px;font-style:italic}.shop-filters{gap:6px;margin:2px 0 6px;display:flex}.shop-filter{color:var(--muted);font:12px var(--font-display);letter-spacing:.04em;cursor:pointer;background:#121820;border:1px solid #3a4452;border-radius:999px;padding:3px 12px}.shop-filter.on{border-color:var(--gold);color:var(--gold);background:#1e1a10}.shop-card[hidden],.shop-grid[hidden],.shop-sub[hidden]{display:none}.card-passive,.card-active{color:#cfd8e3;font-size:11px;line-height:1.3}.card-passive b{color:#e8c46a}.card-active b{color:#8fe07a}.shop-card.tier-core{border-color:#4a3c1c}.shop-card.tier-epic{border-color:#3a2c55}.drill{text-align:center;color:#e8dcc0;pointer-events:none;background:#0a0806bf;border:1px solid #5a4a30;border-radius:8px;padding:6px 14px;position:absolute;top:54px;left:50%;transform:translate(-50%)}.drill[hidden]{display:none}.drill-title{font:13px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#c9a05a}.drill-nums{font-size:14px}.drill-nums b{font:18px var(--font-display);color:#ffe29a;display:inline-block}.drill-grade{color:var(--muted);font-size:12px}.drill-hits.bump{animation:.35s ease-out drill-bump}@keyframes drill-bump{40%{color:#fff;transform:scale(1.5)}}.draft-bar{color:#e8dcc0;pointer-events:auto;background:#0a080699;border:1px solid #4a3f30;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin:4px auto 8px;padding:8px 14px;display:flex}.draft-bar[hidden]{display:none}.draft-bar.my-turn{border-color:#ffd166;box-shadow:0 0 16px #ffd16659}.draft-status{font:16px var(--font-display);letter-spacing:.03em}.draft-status.mine{color:#ffd166}.draft-bans,.draft-order{align-items:center;gap:6px;display:flex}.draft-label{font:12px var(--font-display);text-transform:uppercase;color:#c9a05a}.draft-none{color:var(--muted);font-size:12px}.draft-ban{width:32px;height:32px;position:relative}.draft-ban img{filter:grayscale()brightness(.7);border-radius:50%;width:100%;height:100%}.draft-ban:after{content:"";background:#e5484d;border-radius:2px;position:absolute;inset:14px -2px;transform:rotate(-35deg)}.draft-chip{border:1px solid #3d8bfd;border-radius:10px;padding:2px 8px;font-size:12px}.draft-chip.red{border-color:#e5484d}.draft-chip.now{color:#ffd166;background:#ffd16633;border-color:#ffd166}.select-card.banned{filter:grayscale()brightness(.55);position:relative}.select-card.banned:after{content:"";background:#e5484d;border-radius:2px;height:4px;position:absolute;inset:45% 6px auto;transform:rotate(-20deg)}