[data-class=Tank]{--cc:#a9b8c8;--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.5 21 5v6.2c0 5.6-3.7 9.6-9 11.3-5.3-1.7-9-5.7-9-11.3V5z'/%3E%3C/svg%3E")}[data-class=Fighter]{--cc:#f0905e;--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21.5 1.5 22.5 2.5 22 6 11 17 7 13 18 2zM4.6 12.2l7.2 7.2-1.6 1.6-2.4-2.4L4.3 22 2 19.7l3.4-3.5L3 13.8z'/%3E%3C/svg%3E")}[data-class=Mage]{--cc:#b58cf0;--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1l2.3 8.7L23 12l-8.7 2.3L12 23l-2.3-8.7L1 12l8.7-2.3z'/%3E%3Cpath fill='white' d='M19.5 1.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8z'/%3E%3C/svg%3E")}[data-class=Marksman]{--cc:#f4d35e;--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 3a6 6 0 1 0 0 12 6 6 0 0 0 0-12z'/%3E%3Cpath fill='white' d='M11 0h2v7h-2zM11 17h2v7h-2zM0 11h7v2H0zM17 11h7v2h-7zM12 10.3a1.7 1.7 0 1 1 0 3.4 1.7 1.7 0 0 1 0-3.4z'/%3E%3C/svg%3E")}[data-class=Support]{--cc:#4fd1c5;--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M12 21.5 3.6 13.1A5.2 5.2 0 0 1 12 6.4a5.2 5.2 0 0 1 8.4 6.7zM10.8 9v2.8H8v2.4h2.8V17h2.4v-2.8H16v-2.4h-2.8V9z'/%3E%3C/svg%3E")}[data-class=Assassin]{--cc:#8f86e0;--ci:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 .5l2.6 11.2L12 14.5l-2.6-2.8zM6.5 14h11v2h-11zM11 16h2v4.5h-2zM9.8 20.5h4.4V23H9.8z'/%3E%3Cpath fill='white' d='M20 3.5a6 6 0 1 0 2 8.5 5 5 0 1 1-2-8.5z' opacity='.85'/%3E%3C/svg%3E")}.class-icon{vertical-align:-.15em;width:1em;height:1em;color:var(--cc,currentColor);-webkit-mask:var(--ci) center / contain no-repeat;-webkit-mask:var(--ci) center / contain no-repeat;mask:var(--ci) center / contain no-repeat;background:currentColor;display:inline-block}small .class-icon,.role .class-icon{margin-right:3px}.cs-filter button[data-class]:before{content:"";vertical-align:-.18em;width:1.05em;height:1.05em;-webkit-mask:var(--ci,none) center / contain no-repeat;-webkit-mask:var(--ci,none) center / contain no-repeat;mask:var(--ci,none) center / contain no-repeat;background:currentColor;margin-right:5px;display:inline-block}.cs-filter button[data-class=Alle]:before{display:none}[data-spell=flash]{--sc:#ffd34d;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M14 1 4 14h6.5L9 23l10-13.5h-6.5z'/%3E%3C/svg%3E")}[data-spell=ignite]{--sc:#ff7a2a;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1c1.2 4.3 6 6.6 6 12.4A6 6 0 0 1 6 13.6c0-3.2 1.8-4.6 2.4-7.4 1.2 1.3 1.8 2.6 1.9 4.6C11.6 8.8 12.4 5.4 12 1zm.2 11.2c-.3 1.8-2.2 2.6-2.2 4.6a2.2 2.2 0 0 0 4.4 0c0-2-1.6-2.8-2.2-4.6z'/%3E%3C/svg%3E")}[data-spell=heal]{--sc:#5fd88a;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 2.5h6v6.5h6.5v6H15v6.5H9V15H2.5V9H9z'/%3E%3C/svg%3E")}[data-spell=barrier]{--sc:#f0c060;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M12 1.5 21 5v6.2c0 5.6-3.7 9.6-9 11.3-5.3-1.7-9-5.7-9-11.3V5zm0 3.2L6 7v4.2c0 3.8 2.4 6.8 6 8.2 3.6-1.4 6-4.4 6-8.2V7z'/%3E%3C/svg%3E")}[data-spell=exhaust]{--sc:#d08a52;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' d='M12 12.5a2 2 0 1 1 2-2.2 4 4 0 1 1-4.2-4 6 6 0 1 1-5.6 6.5'/%3E%3Cpath fill='white' d='M3 14l2.5 6 3-5.5z'/%3E%3C/svg%3E")}[data-spell=ghost]{--sc:#9fd8ff;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M12 2a7.5 7.5 0 0 1 7.5 7.5V22l-2.5-2-2.5 2-2.5-2-2.5 2-2.5-2-2.5 2V9.5A7.5 7.5 0 0 1 12 2zM9 8a1.6 1.6 0 1 0 0 3.2A1.6 1.6 0 0 0 9 8zm6 0a1.6 1.6 0 1 0 0 3.2A1.6 1.6 0 0 0 15 8z'/%3E%3C/svg%3E")}[data-spell=cleanse]{--sc:#7fe8e0;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.5l2.4 8.1 8.1 2.4-8.1 2.4-2.4 8.1-2.4-8.1L1.5 12l8.1-2.4z'/%3E%3Cpath fill='white' d='M19 2l.7 2.3L22 5l-2.3.7L19 8l-.7-2.3L16 5l2.3-.7zM5 16l.6 1.9 1.9.6-1.9.6L5 21l-.6-1.9-1.9-.6 1.9-.6z'/%3E%3C/svg%3E")}[data-spell=smite]{--sc:#ffb347;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M13.5 1 8 10h4l-2 7 6-9h-4l3-7z'/%3E%3Cpath fill='white' d='M12 17.5l1.6 2.2 2.6-.9-.9 2.6 2.2 1.6H6.5l2.2-1.6-.9-2.6 2.6.9z'/%3E%3C/svg%3E")}[data-spell=teleport]{--sc:#b38bff;--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M12 1.5a10.5 10.5 0 1 1 0 21 10.5 10.5 0 0 1 0-21zm0 2.6a7.9 7.9 0 1 0 0 15.8 7.9 7.9 0 0 0 0-15.8z'/%3E%3Cpath fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' d='M12 12a1.5 1.5 0 1 1 1.6-1.6 3.5 3.5 0 1 1-3.7-3.2'/%3E%3C/svg%3E")}.sum-icon{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--sc,#888) 75%, #fff), var(--sc,#888) 45%, color-mix(in srgb, var(--sc,#888) 35%, #050b14));vertical-align:middle;border-radius:3px;width:18px;height:18px;display:inline-block;position:relative;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #050b14}.sum-icon:before{content:"";-webkit-mask:var(--si) center / contain no-repeat;-webkit-mask:var(--si) center / contain no-repeat;mask:var(--si) center / contain no-repeat;filter:drop-shadow(0 0 1px #0009);background:#fffbea;position:absolute;inset:3px}.gfx-picker{color:var(--text);grid-template-columns:1fr auto;align-items:center;gap:6px 12px;margin:0;font-size:13px;display:grid}.gfx-picker select{appearance:none;min-width:190px;font:inherit;color:var(--text);cursor:pointer;background:linear-gradient(45deg,#0000 50%,#c8aa6e 50%) right 13px center/5px 5px no-repeat,linear-gradient(135deg,#c8aa6e 50%,#0000 50%) right 9px center/5px 5px no-repeat,linear-gradient(#1e2328,#13171c);border:1px solid #463714;border-radius:2px;margin:0;padding:6px 28px 6px 10px;font-size:13px}.gfx-picker select:hover,.gfx-picker select:focus{border-color:#c8aa6e;outline:none}.gfx-picker option{color:#f0e6d2;background:#0a1428}.gfx-picker .small{color:#a09b8c;grid-column:1/-1;font-size:11px;line-height:1.4}.game-menu .gfx-picker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}.game-menu .gfx-picker select{min-width:150px}:root{--bg:#010a13;--bg2:#0a1428;--panel:#0f1a2b;--line:#1e2d40;--gold:#c8aa6e;--gold-dark:#785a28;--teal:#0ac8b9;--text:#f0e6d2;--muted:#a09b8c;--win:#0ac8b9;--loss:#e84057;--own:#3a86ff;--enemy:#e63946;color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 10px;font-family:Cinzel,serif;font-weight:700}h2{color:var(--gold);letter-spacing:1px;font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}.link{color:var(--teal);font-size:13px}button{font:inherit;cursor:pointer;color:var(--text);border:1px solid var(--gold-dark);background:#1e2328;padding:8px 16px}button:disabled{opacity:.6;cursor:default}button.primary{border:2px solid var(--teal);color:#cdfafa;letter-spacing:.5px;background:linear-gradient(#0f4f5a,#0a323c);font-weight:600}button.primary:hover:not(:disabled){box-shadow:0 0 12px #0ac8b980}button.ghost{background:0 0}button.danger{border-color:var(--loss);color:#ffb3c0;background:#2a0e14}input{font:inherit;color:var(--text);border:1px solid var(--line);background:#010a13;width:100%;margin-top:4px;padding:9px 10px}input:focus{border-color:var(--gold);outline:none}label{color:var(--muted);margin-bottom:12px;font-size:13px;display:block}label.check{align-items:center;gap:8px;display:flex}label.check input{width:auto;margin:0}.tag{border:1px solid var(--gold-dark);color:var(--gold);text-transform:uppercase;letter-spacing:1px;padding:1px 8px;font-size:11px;display:inline-block}.loading{color:var(--muted);padding:40px}.error-box{border:1px solid var(--loss);background:#2a0e14;margin:24px;padding:16px}.card{background:var(--panel);border:1px solid var(--line);margin-bottom:18px;padding:18px 20px}.hero-icon{--c:#888;color:#fff;background:radial-gradient(circle at 35% 30%, var(--c), #10151f 90%);border:2px solid var(--gold-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Cinzel,serif;font-weight:700;display:inline-flex}.hero-icon.has-portrait{color:#0000;background:var(--portrait) center / cover no-repeat, radial-gradient(circle at 50% 35%, var(--c), #10151f 90%)}.auth{grid-template-columns:minmax(320px,420px) 1fr;min-height:100vh;display:grid}.auth-panel{background:var(--bg2);border-right:1px solid var(--gold-dark);padding:48px 40px}.brand{letter-spacing:4px;color:var(--gold);font-family:Cinzel,serif;font-weight:700}.brand.big{margin-bottom:32px;font-size:30px}.auth-tabs{margin-bottom:20px;display:flex}.auth-tabs button{border:none;border-bottom:2px solid var(--line);color:var(--muted);background:0 0;flex:1}.auth-tabs button.active{color:var(--text);border-bottom-color:var(--gold)}.auth form .primary{width:100%;padding:12px}.form-error,.form-msg{min-height:20px;color:var(--loss);margin-bottom:8px;font-size:13px}.form-msg.ok{color:var(--win)}.auth-hint{color:var(--muted);font-size:12px}.auth-art{background:radial-gradient(at 70% 30%,#0ac8b92e,#0000 60%),radial-gradient(at 20% 80%,#c8aa6e26,#0000 60%),linear-gradient(135deg,#091428,#010a13);flex-direction:column;justify-content:center;padding:48px;display:flex}.art-title{margin-bottom:24px;font-family:Cinzel,serif;font-size:clamp(28px,4vw,52px);line-height:1.2}.auth-art li{color:var(--muted);margin-bottom:6px}.topnav{z-index:10;border-bottom:1px solid var(--gold-dark);background:linear-gradient(#0a1428,#010a13);align-items:center;gap:24px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topnav .brand{font-size:20px}.play-btn{letter-spacing:2px;text-transform:uppercase;color:#cdfafa;border:2px solid var(--teal);background:linear-gradient(#0f4f5a,#08262c);padding:10px 34px;font-family:Cinzel,serif;font-size:16px;font-weight:700;box-shadow:0 0 14px #0ac8b959}.play-btn:hover{box-shadow:0 0 22px #0ac8b9a6}.topnav nav{flex:1;gap:4px;display:flex}.topnav nav a{text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:2px solid #0000;padding:8px 14px;font-size:13px}.topnav nav a:hover{color:var(--text)}.topnav nav a.active{color:var(--text);border-bottom-color:var(--gold)}.user{align-items:center;gap:10px;display:flex}.user-lvl{border:2px solid var(--gold);background:#091428;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:flex}.user-meta{min-width:110px}.user-xp{background:#1e2328;height:3px;margin-top:4px}.user-xp div{background:var(--teal);height:100%}.logout{border-color:var(--line);color:var(--muted);background:0 0;padding:4px 10px;font-size:12px}.view{max-width:1200px;margin:0 auto;padding:24px}.banner{border:1px solid var(--gold-dark);background:radial-gradient(at 80% 20%,#9b5de559,#0000 55%),radial-gradient(at 60% 90%,#0ac8b940,#0000 50%),linear-gradient(120deg,#0a1428 30%,#1a2a44);align-items:flex-end;min-height:240px;margin-bottom:24px;padding:32px;display:flex}.banner h1{font-size:clamp(28px,4vw,44px)}.banner p{color:var(--muted);margin:0 0 16px}a.ghost.banner-tutorial{color:var(--gold);letter-spacing:.5px;vertical-align:bottom;border:1px solid var(--gold-dark);background:#010a1359;align-items:center;gap:8px;margin-left:12px;padding:9px 18px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s,box-shadow .15s;display:inline-flex}a.ghost.banner-tutorial:before{content:"";background:currentColor;width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M2 4.5C4.8 3.6 8.2 3.8 11 5.6V20c-2.8-1.6-6.2-1.8-9-.9zm20 0c-2.8-.9-6.2-.7-9 1.1V20c2.8-1.6 6.2-1.8 9-.9z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M2 4.5C4.8 3.6 8.2 3.8 11 5.6V20c-2.8-1.6-6.2-1.8-9-.9zm20 0c-2.8-.9-6.2-.7-9 1.1V20c2.8-1.6 6.2-1.8 9-.9z'/%3E%3C/svg%3E") 50%/contain no-repeat}a.ghost.banner-tutorial:hover{color:var(--text);border-color:var(--gold);box-shadow:0 0 12px #c8aa6e59}.banner-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:13px}.home-grid{grid-template-columns:1fr 340px;gap:24px;display:grid}.news-list{flex-direction:column;gap:12px;display:flex}.news-card{background:var(--panel);border:1px solid var(--line);cursor:pointer;padding:16px 18px}.news-card:hover{border-color:var(--gold-dark)}.news-card h3{margin:8px 0 6px;font-size:18px}.news-meta{align-items:center;gap:10px;font-size:12px;display:flex}.news-summary{color:var(--muted);margin:0 0 6px}.news-body{display:none}.news-card.open .news-body{display:block}.news-card.open .more{display:none}.md{line-height:1.6}.md h2{margin-top:18px}.md li{margin-bottom:4px}.md strong{color:var(--gold)}.patch-card{background:var(--panel);border:1px solid var(--gold-dark);margin-bottom:24px;padding:16px;display:block}.patch-card b{margin:8px 0 4px;display:block}.patch-card p{color:var(--muted);margin:0 0 8px;font-size:13px}.mini-history{flex-direction:column;gap:6px;display:flex}.mini-match{background:var(--panel);border-left:3px solid var(--loss);grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:grid}.mini-match.win{border-left-color:var(--win)}.patch-layout{grid-template-columns:240px 1fr;gap:24px;display:grid}.patch-list a{border-left:2px solid var(--line);justify-content:space-between;padding:10px 12px;font-size:14px;display:flex}.patch-list a.active{border-left-color:var(--gold);background:var(--panel)}.patch-body{background:var(--panel);border:1px solid var(--line);padding:24px 28px}.patch-body h1{margin-top:10px}.lead{color:var(--muted)}.profile-head{align-items:center;gap:24px;margin-bottom:24px;display:flex}.profile-lvl{border:3px solid var(--gold);background:radial-gradient(circle,#1a2a44,#010a13);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-family:Cinzel,serif;font-size:32px;display:flex}.xpbar{background:#1e2328;width:320px;max-width:60vw;height:6px;margin:10px 0 4px}.xpbar div{background:linear-gradient(90deg, var(--teal), var(--gold));height:100%}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:28px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.tile b{font-size:26px}.tile span{color:var(--muted);font-size:12px}.tile.win b{color:var(--win)}.tile.loss b{color:var(--loss)}.history{flex-direction:column;gap:8px;display:flex}.history-row{background:linear-gradient(90deg, #e8405726, var(--panel) 40%);border-left:4px solid var(--loss);grid-template-columns:1.4fr 1.2fr .8fr .8fr auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.history-row.win{background:linear-gradient(90deg, #0ac8b926, var(--panel) 40%);border-left-color:var(--win)}.history-row:hover{outline:1px solid var(--gold-dark)}.history-row>div{flex-direction:column;font-size:13px;display:flex}.history-row .hr-result b{font-size:16px}.history-row.win .hr-result b{color:var(--win)}.history-row.loss .hr-result b{color:var(--loss)}.history-row .hr-mvp{flex-direction:row;align-items:center;gap:10px}.account{max-width:560px}.account dl{grid-template-columns:140px 1fr;gap:8px;margin:0;display:grid}.account dt{color:var(--muted)}.account dd{margin:0}.danger-zone{border-color:#5a1a24}.danger-zone h2{color:var(--loss)}.pg-banner{border:1px solid var(--gold-dark);background:linear-gradient(120deg, #e8405740, var(--bg2) 60%);grid-template-columns:1fr auto auto;grid-template-areas:"title score xp""actions actions actions";align-items:center;gap:16px 28px;margin-bottom:20px;padding:24px 28px;display:grid}.pg-banner.win{background:linear-gradient(120deg, #0ac8b940, var(--bg2) 60%)}.pg-banner h1{letter-spacing:6px;text-transform:uppercase;margin:0;font-size:44px}.pg-banner.win h1{color:var(--teal)}.pg-banner.loss h1{color:var(--loss)}.pg-score{grid-area:score;font-family:Cinzel,serif;font-size:34px}.pg-score .own{color:var(--own)}.pg-score .enemy{color:var(--enemy)}.pg-xp{color:var(--gold);grid-area:xp}.pg-xp .warn{color:var(--loss)}.pg-actions{grid-area:actions;align-items:center;gap:12px;display:flex}a.replay-link{letter-spacing:.5px;color:#cdfafa;border:2px solid var(--teal);background:linear-gradient(#0f4f5a,#0a323c);align-items:center;gap:6px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}a.replay-link:hover{box-shadow:0 0 12px #0ac8b980}[data-cause]{--cause:#a09b8c;--cause-glyph:"•"}[data-cause=tower]{--cause:#ff8a3d;--cause-glyph:"▲"}[data-cause=objective]{--cause:#b388ff;--cause-glyph:"◆"}[data-cause=lateRetreat]{--cause:#e9c46a;--cause-glyph:"⟲"}[data-cause=outnumbered]{--cause:#e84057;--cause-glyph:"✕"}[data-cause=caughtAlone]{--cause:#8f86e0;--cause-glyph:"◌"}[data-cause=creeps]{--cause:#7fb24a;--cause-glyph:"●"}[data-cause=burst]{--cause:#e05c9a;--cause-glyph:"✦"}[data-cause=fight]{--cause:#9fc3e8;--cause-glyph:"⚔"}.pg-analysis h2{margin-bottom:12px}.pa-tips{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.pa-tips li{background:linear-gradient(90deg, color-mix(in srgb, var(--cause) 14%, transparent), transparent 70%);border-left:3px solid var(--cause);align-items:center;gap:10px;padding:8px 12px;font-size:13px;line-height:1.45;display:flex}.pa-deaths{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.pa-deaths th{text-align:left;color:var(--muted);padding:6px 10px;font-size:12px;font-weight:500}.pa-deaths td{border-top:1px solid var(--line);vertical-align:middle;padding:8px 10px}.pa-deaths tr:hover td{background:#c8aa6e0a}.pa-time a{color:var(--teal);white-space:nowrap;font-weight:600}.pa-time a:hover{text-decoration:underline}.pa-cause{white-space:nowrap}.pa-cause:before{content:var(--cause-glyph);text-align:center;color:#0a1428;background:var(--cause);border-radius:50%;width:18px;height:18px;margin-right:6px;font-size:11px;line-height:18px;display:inline-block}.pa-cause small{color:var(--cause);border:1px solid color-mix(in srgb, var(--cause) 60%, transparent);border-radius:2px;margin-left:6px;padding:0 5px;font-size:11px}.pa-killers{white-space:nowrap}.pa-intent{font-size:12px}@media (width<=900px){.pa-deaths .pa-intent{display:none}}.ghost-link{color:var(--muted);font-size:14px}.pg-team{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--own);margin-bottom:20px}.pg-team.enemy{border-top-color:var(--enemy)}.pg-team-head{color:var(--muted);align-items:baseline;gap:24px;padding:14px 18px 6px;font-size:14px;display:flex}.pg-team-head h2{flex:1;margin:0}.table-wrap{scrollbar-color:var(--line) transparent;overflow-x:auto}.pg-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.pg-table th{text-align:left;color:var(--muted);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:500}.pg-table td{border-top:1px solid var(--line);white-space:nowrap;padding:8px 10px}.pg-table tr.mvp td{background:#c8aa6e14}.pg-hero{align-items:center;gap:10px;display:flex}.pg-hero span{flex-direction:column;display:flex}.pg-hero small{color:var(--muted)}.pg-hero em{border:1px solid var(--gold);color:var(--gold);padding:1px 6px;font-size:10px;font-style:normal}.pg-kda{font-weight:600}.dmg-col{width:200px}.dmg{background:#1e2328;height:18px;position:relative}.dmg div{background:linear-gradient(90deg,#8a3a1f,#e76f51);height:100%}.dmg span{padding-left:6px;font-size:12px;line-height:18px;position:absolute;inset:0}.gold-chart{width:100%;height:auto}.gold-chart .area.own{fill:#3a86ff59}.gold-chart .area.enemy{fill:#e6394659}.gold-chart .line{fill:none;stroke:var(--gold);stroke-width:2px}.gold-chart .zero{stroke:var(--line)}.gold-chart text{fill:var(--muted);font-size:10px}.play-modal{z-index:100;background:#010a13d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.play-box{text-align:center;background:var(--bg2);border:2px solid var(--gold-dark);flex-direction:column;align-items:center;gap:16px;width:min(640px,100%);padding:28px;display:flex}.modes{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.mode-card{text-align:left;background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:8px;padding:18px;display:flex}.mode-card.selected{border-color:var(--teal)}.mode-card b{font-family:Cinzel,serif;font-size:18px}.mode-card span{color:var(--muted);font-size:13px}.mode-card.disabled{opacity:.5}a.mode-card.tutorial-card-link{color:var(--text);cursor:pointer;background:radial-gradient(ellipse at 100% 0%, #c8aa6e29, transparent 60%), var(--panel);border-color:var(--gold-dark);text-decoration:none;transition:border-color .15s,box-shadow .15s;position:relative}a.mode-card.tutorial-card-link:after{content:"Für den Einstieg";letter-spacing:.06em;text-transform:uppercase;color:#0a1018;background:var(--gold);border-radius:2px;padding:1px 7px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}a.mode-card.tutorial-card-link b{color:var(--gold)}a.mode-card.tutorial-card-link:hover{border-color:var(--gold);box-shadow:0 0 14px #c8aa6e4d}.mode-card em{color:var(--gold);font-size:12px}.difficulty{gap:4px;margin-top:6px;display:flex}.difficulty button{flex:1;padding:6px 4px;font-size:12px}.difficulty button.active{border-color:var(--teal);background:#0a323c}.play-actions{gap:12px;display:flex}.queue-time{font-family:Cinzel,serif;font-size:32px}.spinner{background:conic-gradient(from 0deg, transparent 0 25%, var(--teal) 55%, var(--gold) 100%);border-radius:50%;width:54px;height:54px;animation:1s linear infinite spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.launch-note:not(:empty){font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.accept-ring{width:120px;height:120px;position:relative}.accept-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.accept-ring circle{fill:none;stroke:var(--teal);stroke-width:5px;stroke-dasharray:283;stroke-dashoffset:0}.accept-ring span{justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:30px;display:flex;position:absolute;inset:0}.found h2{color:var(--teal);font-size:26px}.found .accept{padding:12px 48px;font-size:16px}@media (width<=900px){.auth{grid-template-columns:1fr}.auth-art{display:none}.topnav{flex-wrap:wrap;gap:10px;height:auto;padding:10px 16px;position:static}.topnav nav{flex-basis:100%;order:3;overflow-x:auto}.user-meta{display:none}.view{padding:16px}.home-grid,.patch-layout,.modes{grid-template-columns:1fr}.history-row{grid-template-columns:1fr 1fr}.history-row .link{display:none}.pg-banner{grid-template-columns:1fr;grid-template-areas:"title""score""xp""actions"}.pg-team-head{flex-wrap:wrap;gap:8px 16px}}.tactics-page .tp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.tactics-page .tp-head p{max-width:620px;margin:0}.tp-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-status{font-size:13px}.tp-heroes{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:16px;display:grid}@media (width<=900px){.tp-heroes{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.tp-heroes button{background:var(--panel);border:1px solid var(--line);text-align:left;align-items:center;gap:8px;min-width:0;padding:6px 10px;display:flex}.tp-heroes button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tp-heroes button:hover{border-color:var(--gold-dark)}.tp-heroes button span{flex-direction:column;display:flex}.tp-heroes button small{color:var(--muted)}.tp-heroes button.active{border-color:var(--teal);background:#0a2a33}.tp-editor .tactics-editor{--te-line:var(--line);--te-on:#0a323c;--te-on-line:var(--teal);--te-muted:var(--muted);font-size:14px}.tp-editor .tactics-editor button,.tp-editor .tactics-editor select,.tp-editor .tactics-editor input[type=number]{background:#010a13;border-radius:0}.tp-editor .tactics-editor input[type=range],.tp-editor .tactics-editor input[type=checkbox]{width:auto;padding:0}.tp-editor .tactics-editor .slider input[type=range]{width:100%}.tier-badge{--t:#8a7f78;--t-hi:#c4bab2;--t-lo:#3e3833;--crest:14px;vertical-align:middle;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:var(--t-hi);text-shadow:0 1px #0009;align-items:center;gap:5px;font-family:Cinzel,serif;font-size:11px;font-weight:700;display:inline-flex}.tier-badge:before{content:"";width:var(--crest);height:calc(var(--crest) * 1.15);clip-path:polygon(50% 0,100% 20%,100% 68%,50% 100%,0 68%,0 20%);background:radial-gradient(circle at 50% 46%, var(--t-hi) 0 12%, transparent 13%), linear-gradient(135deg, var(--t-hi) 0%, var(--t) 45%, var(--t-lo) 100%);filter:drop-shadow(0 0 1px #000c);flex-shrink:0}.tier-badge[data-tier=iron]{--t:#8a7f78;--t-hi:#c4bab2;--t-lo:#3e3833}.tier-badge[data-tier=bronze]{--t:#b0763d;--t-hi:#e6b07a;--t-lo:#5a3418}.tier-badge[data-tier=silver]{--t:#b8c4cc;--t-hi:#f2f6f8;--t-lo:#5e6a72}.tier-badge[data-tier=gold]{--t:#e9c46a;--t-hi:#fff0b8;--t-lo:#7a5a1e}.tier-badge[data-tier=platinum]{--t:#4fd1c5;--t-hi:#bff7ef;--t-lo:#1a6660}.tier-badge[data-tier=diamond]{--t:#7aa2ff;--t-hi:#d6e2ff;--t-lo:#2a3f8f}.tier-badge[data-tier=master]{--t:#c084fc;--t-hi:#f0d9ff;--t-lo:#5b2a8a}.tier-badge[data-tier=diamond],.tier-badge[data-tier=master]{text-shadow:0 0 8px var(--t), 0 1px 0 #0009}.tier-badge[data-tier=diamond]:before,.tier-badge[data-tier=master]:before{filter:drop-shadow(0 0 4px var(--t))}.elo-value .tier-badge{--crest:30px;letter-spacing:2px;gap:8px;font-size:15px}.user-rating{flex-direction:column;align-items:flex-end;font-size:13px;line-height:1.2;display:flex}.elo-chip{font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid;border-radius:2px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-block}.elo-chip.up{color:var(--win);background:#0ac8b91a}.elo-chip.down{color:var(--loss);background:#e840571a}.mode-chip{text-transform:uppercase;letter-spacing:1px;color:var(--gold);border:1px solid var(--gold-dark);background:linear-gradient(#c8aa6e24,#c8aa6e05);margin-right:4px;padding:0 6px;font-family:Cinzel,serif;font-size:10px;font-weight:700;display:inline-block}.elo-card{border-top:2px solid var(--gold-dark);grid-template-columns:minmax(220px,1fr) minmax(240px,1.4fr);align-items:center;gap:20px;display:grid}.elo-card:has(.elo-value .tier-badge){background:radial-gradient(ellipse at 15% 0%, color-mix(in srgb, var(--elo-tier,var(--gold)) 16%, transparent), transparent 60%), var(--panel)}.elo-card:has(.tier-badge[data-tier=iron]){--elo-tier:#8a7f78}.elo-card:has(.tier-badge[data-tier=bronze]){--elo-tier:#b0763d}.elo-card:has(.tier-badge[data-tier=silver]){--elo-tier:#b8c4cc}.elo-card:has(.tier-badge[data-tier=gold]){--elo-tier:#e9c46a}.elo-card:has(.tier-badge[data-tier=platinum]){--elo-tier:#4fd1c5}.elo-card:has(.tier-badge[data-tier=diamond]){--elo-tier:#7aa2ff}.elo-card:has(.tier-badge[data-tier=master]){--elo-tier:#c084fc}.elo-main{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.elo-value{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.elo-value b{color:var(--text);text-shadow:0 0 18px #c8aa6e40;font-family:Cinzel,serif;font-size:40px}.rating-chart{width:100%;height:auto}.rating-chart .line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #c8aa6e59)}.rating-chart circle{stroke:var(--bg);stroke-width:1.5px}.rating-chart .base{stroke:var(--line);stroke-dasharray:4 4}.rating-chart text{fill:var(--muted);font-size:11px}.history-row{grid-template-columns:1.4fr 1.2fr .8fr .8fr auto}.pg-elo{margin-top:4px;font-size:13px}.ranked-rating{margin-top:6px}.mode-card[data-mode]{cursor:pointer}@media (width<=900px){.elo-card{grid-template-columns:1fr}}@media (width<=480px){.pg-banner h1{letter-spacing:3px;font-size:30px}}.topnav nav{scrollbar-width:thin;scrollbar-color:var(--gold-dark) transparent;min-width:0;overflow-x:auto}.topnav .user{flex-shrink:0}@media (width<=1240px){.topnav{gap:14px;padding:0 16px}.topnav nav a{padding:8px 10px}.play-btn{padding:10px 22px}}.topnav nav::-webkit-scrollbar{height:4px}.topnav nav::-webkit-scrollbar-thumb{background:var(--gold-dark)}.tp-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}.tp-library h2{margin-bottom:4px}.tp-lib-edit{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.tp-lib-edit-head{justify-content:space-between;align-items:center;display:flex}.tm-item{border-top:1px solid var(--line);border-left:2px solid #0000;grid-template-columns:1fr auto;gap:6px 10px;margin:0 -8px;padding:8px;transition:background .12s;display:grid}.tm-item:hover{background:#c8aa6e0a}.tm-item.editing{border-left-color:var(--teal);background:#0ac8b90f}.tm-item.editing .tm-name{color:var(--teal)}.tm-name{align-self:center;font-weight:600}.tm-name .star{color:var(--gold);font-size:11px}.tm-heroes{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.tm-hero{opacity:.45;filter:grayscale(.7);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;padding:1px;transition:opacity .12s,filter .12s;position:relative}.tm-hero:hover{opacity:.85;filter:none}.tm-hero.on{opacity:1;filter:none;border-color:var(--teal);box-shadow:0 0 6px #0ac8b973}.tm-hero:focus-within{outline:1px solid var(--gold);outline-offset:1px}.tm-hero input{opacity:0;width:1px;height:1px;position:absolute}.tm-act{padding:3px 8px;font-size:12px}.tm-act.danger{border-color:var(--loss);color:#ffb3c0}.tm-actions{opacity:.6;flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.tm-item:hover .tm-actions{opacity:1}.tm-empty,.tm-hint{color:var(--muted);font-size:12px}@media (width<=1100px){.tp-layout{grid-template-columns:1fr}}.play-box.champ-select{gap:12px;width:min(1180px,100%);max-height:calc(100vh - 32px);padding:18px 20px;overflow:auto}.cs-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px 12px;width:100%;display:grid}.cs-mode{justify-self:start;font-size:13px}.cs-phase{color:var(--gold);font-family:Cinzel,serif;font-size:22px}.cs-timer{min-width:48px;color:var(--gold);text-align:right;justify-self:end;font-family:Cinzel,serif;font-size:26px}.cs-timer.urgent{color:var(--loss)}.cs-bans{grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:0;font-size:12px;display:flex}.cs-ban .hero-icon{filter:grayscale();opacity:.6}.cs-body{grid-template-columns:220px 1fr 220px;gap:14px;width:100%;display:grid}.cs-team{flex-direction:column;gap:6px;display:flex}.cs-slot{text-align:left;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--own);align-items:stretch;gap:8px;min-height:72px;display:flex;position:relative}.cs-team.enemy .cs-slot{text-align:right;border-left:1px solid var(--line);border-right:3px solid var(--enemy);flex-direction:row-reverse}.cs-slot.active{border-color:var(--gold);box-shadow:0 0 10px #c8aa6e59}.cs-slot.hover .cs-slot-art{opacity:.55}.cs-slot-art{background:var(--portrait,none) center 20% / cover no-repeat, var(--hero);flex:none;width:62px}.cs-slot-text{flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:6px 4px;display:flex}.cs-slot-text small{color:var(--muted);font-size:12px}.cs-role{margin-top:2px;font-size:12px}.cs-role-tag{color:var(--muted);font-size:12px}.cs-pool{flex-direction:column;gap:10px;min-width:0;display:flex}.cs-filter{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cs-filter button.active{border-color:var(--teal);color:var(--teal)}.cs-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.cs-hero{background:var(--panel);border:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.cs-hero small{color:var(--muted);font-size:11px}.cs-hero.hover{border-color:var(--teal);box-shadow:0 0 10px #0ac8b959}.cs-hero.banned,.cs-hero.picked,.cs-hero.locked{opacity:.45;filter:grayscale();cursor:default}.cs-hero.banned b{text-decoration:line-through}.cs-info{text-align:left;background:var(--panel);border:1px solid var(--line);min-height:92px;padding:8px 10px;font-size:13px}.cs-info ul{margin:6px 0 0;padding-left:0;list-style:none}.cs-info li{margin:3px 0}.cs-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.cs-warn{text-align:left;color:var(--gold);flex:1;font-size:13px}@media (width<=820px){.cs-body{grid-template-columns:1fr}.cs-team{flex-flow:wrap}.cs-slot{flex:140px}}.play-box.champ-select{background:radial-gradient(ellipse at 50% 0%, #c8aa6e17, transparent 55%), var(--panel);border-top:2px solid var(--gold);transition:box-shadow .3s}.play-box.champ-select.your-turn{box-shadow:0 0 0 1px var(--gold), 0 0 32px #c8aa6e38}.cs-phase{letter-spacing:1px;text-shadow:0 0 14px #c8aa6e4d;align-items:center;gap:12px;display:flex}.cs-phase:before,.cs-phase:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));width:48px;height:1px}.cs-phase:after{background:linear-gradient(90deg, var(--gold), transparent)}.cs-timer{font-variant-numeric:tabular-nums}.cs-timer.urgent{animation:.8s ease-in-out infinite cs-pulse}@keyframes cs-pulse{50%{opacity:.45}}.cs-slot{transition:border-color .15s,box-shadow .15s;overflow:hidden}.cs-slot-art{background:var(--portrait,none) center 16% / cover no-repeat, repeating-linear-gradient(135deg, #c8aa6e0d 0 6px, transparent 6px 12px), var(--hero,#0a1428);width:76px;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.cs-team.enemy .cs-slot-art{-webkit-mask-image:linear-gradient(270deg,#000 70%,#0000);mask-image:linear-gradient(270deg,#000 70%,#0000)}.cs-slot-text b{letter-spacing:.5px;font-family:Cinzel,serif}.cs-slot.active{animation:1.6s ease-in-out infinite cs-glow}@keyframes cs-glow{50%{box-shadow:0 0 18px #c8aa6e8c}}.cs-slot.hover .cs-slot-art{opacity:.6;filter:saturate(.6)}.cs-team.own .cs-slot.locked{box-shadow:inset 4px 0 14px -6px var(--own)}.cs-team.enemy .cs-slot.locked{box-shadow:inset -4px 0 14px -6px var(--enemy)}.cs-role{color:var(--text);border:1px solid var(--line);background:#010a13;padding:2px 4px}.cs-role:focus{border-color:var(--gold);outline:none}.cs-spells{gap:4px;margin-top:4px;display:flex}.cs-spell{appearance:none;min-width:0;max-width:120px;height:22px;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;text-overflow:ellipsis;background:var(--si,none) 5px center / 12px 12px no-repeat, radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--sc,#888) 75%, #fff), var(--sc,#888) 45%, color-mix(in srgb, var(--sc,#888) 35%, #050b14)) 2px center / 18px 18px no-repeat, #010a13;border-radius:2px;flex:1;padding:0 4px 0 24px;font-size:11px}.cs-spell:hover,.cs-spell:focus{border-color:var(--gold);outline:none}.cs-spell option{color:var(--text);background:#0a1428}.cs-filter button{letter-spacing:.5px;font-family:Cinzel,serif}.cs-filter button.active{color:#cdfafa;background:linear-gradient(#0f4f5a,#0a323c)}.cs-hero{cursor:pointer;transition:border-color .12s,transform .12s,background .12s;position:relative}.cs-hero b{letter-spacing:.5px;font-family:Cinzel,serif}.cs-hero:hover:not(.banned):not(.picked):not(.locked){border-color:var(--gold);transform:translateY(-1px)}.cs-hero.hover{background:linear-gradient(180deg, #0ac8b924, transparent 70%), var(--panel)}.cs-hero.banned:after,.cs-ban.banned:after{content:"";background:var(--loss);opacity:1;width:74px;height:3px;margin-left:-37px;position:absolute;top:40px;left:50%;transform:rotate(-40deg);box-shadow:0 0 6px #e84057b3}.cs-ban.banned{position:relative}.cs-ban.banned:after{width:120%;height:2px;margin-left:-60%;top:50%}.cs-ban .hero-icon{border-color:var(--loss)}.cs-info{border-left:2px solid var(--gold-dark)}.cs-info b{color:var(--gold);font-family:Cinzel,serif}.cs-info kbd{text-align:center;min-width:18px;color:var(--gold);border:1px solid var(--gold-dark);background:#c8aa6e1a;border-radius:2px;padding:0 4px;font-family:inherit;font-size:11px;display:inline-block}.cs-warn:not(:empty):before{content:"⚠ "}.cs-warn:has(.error):before{content:none}.cs-warn .error{color:#ffb3c0;background:#e840571f;border:1px solid #e840578c;border-radius:2px;align-items:center;gap:6px;margin-bottom:4px;padding:3px 10px 3px 8px;display:inline-flex}.cs-warn .error:before{content:"✕";color:var(--loss);font-weight:700}.cs-side{border-radius:2px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:12px;font-weight:600;display:inline-flex}.cs-side:before{content:"";background:currentColor;width:8px;height:8px;transform:rotate(45deg)}.cs-side.blue{color:#9cc3ff;background:#3a86ff24;border:1px solid #3a86ff8c}.cs-side.red{color:#ffb3b9;background:#e6394624;border:1px solid #e639468c}.cs-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cs-hero{gap:2px;padding:6px 3px 5px}.cs-hero .hero-icon{width:48px!important;height:48px!important}.cs-hero b{font-size:12px}.cs-hero small{white-space:nowrap;font-size:10px}.cs-filter{gap:4px}.cs-filter button{padding:3px 8px;font-size:11px}.cs-slot{min-height:64px}.cs-info{min-height:70px}@media (width<=820px){.cs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-slot{min-height:56px}.cs-slot-art{width:48px}.cs-phase:before,.cs-phase:after{display:none}}