:root{--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display: "Bricolage Grotesque", "Georgia", serif;--ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bad: #e0524b}html[data-faction=horde]{color-scheme:dark;--rootbg: radial-gradient(1100px 520px at 18% -8%, rgba(226,59,66,.2), transparent 58%), radial-gradient(800px 420px at 96% 4%, rgba(255,122,69,.1), transparent 55%), linear-gradient(180deg, #16100f, #0f0b0b);--solidbg: #0f0b0b;--navbg: rgba(22,16,15,.72);--surface: rgba(255,255,255,.035);--surface2: rgba(255,255,255,.06);--hair: rgba(255,255,255,.09);--text: #f6efe9;--muted: #b3a59b;--faint: #897b72;--accent: #e23b42;--accent-2: #f2585d;--accent-ink: #fff5f1;--accentSoft: rgba(226,59,66,.13);--accentLine: rgba(226,59,66,.32);--good: #5ccb8b;--track: rgba(255,255,255,.08);--portal: radial-gradient(circle at 50% 45%, #7ff0e0, #1fb6c9 55%, #0a6e8c);--portalGlow: rgba(60,200,220,.55);--glow: rgba(226,59,66,.28);--good-wash: rgba(92,203,139,.12);--tip-bg: #150f0e;--shadow: rgba(0,0,0,.6);--gold: rgba(226,59,66,.32);--stat: #f0a76a;--raid: #ffb454;--mplus: #c79bff}html[data-faction=alliance]{color-scheme:light;--rootbg: radial-gradient(1100px 520px at 18% -8%, rgba(47,111,214,.24), transparent 58%), radial-gradient(820px 440px at 96% 4%, rgba(184,144,47,.13), transparent 55%), linear-gradient(180deg, #e2eaf5, #ccd8e9);--solidbg: #ccd8e9;--navbg: rgba(255,255,255,.58);--surface: #ffffff;--surface2: #dde7f4;--hair: rgba(22,40,80,.18);--text: #121d33;--muted: #45556f;--faint: #6d7c95;--accent: #2f6fd6;--accent-2: #3f82e6;--accent-ink: #ffffff;--accentSoft: rgba(47,111,214,.11);--accentLine: rgba(47,111,214,.32);--good: #1f9b58;--track: rgba(22,40,80,.18);--portal: radial-gradient(circle at 50% 45%, #ffe39a, #f0a93f 55%, #b8761a);--portalGlow: rgba(240,170,60,.5);--glow: rgba(47,111,214,.22);--good-wash: rgba(31,155,88,.12);--tip-bg: #ffffff;--shadow: rgba(28,52,92,.26);--gold: rgba(47,111,214,.32);--stat: #1a6aab;--raid: #c2701a;--mplus: #7b4fd0}html[data-faction]{--bg: var(--solidbg);--bg2: var(--solidbg);--panel: var(--surface);--panel2: var(--surface2);--border: var(--hair);--accent-wash: var(--accentSoft)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--rootbg);background-attachment:fixed;color:var(--text);font-family:var(--ui);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}.acct-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface2);border:1px solid var(--hair);color:var(--text);font-weight:700;font-size:.82rem;padding:.38rem .7rem;border-radius:10px}.account{margin:.25rem 0 1.8rem}.acc-title{font-size:1.7rem;margin:.1rem 0 1.1rem}.chars-head{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-weight:700;margin-bottom:.7rem;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.chars-head .soon{text-transform:none;letter-spacing:0;font-family:var(--ui);font-weight:600;color:var(--muted);font-size:.74rem}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem}.cchar{background:var(--surface);border:1px solid var(--hair);border-left:3px solid var(--hair);border-radius:0 12px 12px 0;padding:.7rem .9rem;box-shadow:0 6px 18px -16px var(--shadow)}.cchar.f-horde{border-left-color:#e23b42}.cchar.f-alliance{border-left-color:#2f6fd6}.cchar-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.cchar-name{font-weight:700;font-size:1rem}.cchar-lvl{font-family:var(--mono);font-size:.74rem;color:var(--faint)}.cchar-sub{color:var(--muted);font-size:.8rem;margin-top:.15rem}.hero{margin:.25rem 0 2rem}.hero-kicker{display:inline-block;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--faint);font-weight:700;margin-bottom:.55rem}.hero-title{font-family:var(--display);font-weight:800;font-size:2.1rem;line-height:1.08;letter-spacing:-.02em;margin:0 0 .85rem;max-width:22ch}.hero-title .hl{background:var(--portal);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px var(--portalGlow)}.hero-lead{color:var(--muted);font-size:1.02rem;line-height:1.6;max-width:64ch;margin:0 0 1.3rem}.hero-lead strong{color:var(--text);font-weight:700}.hero-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}.hpt{background:var(--surface);border:1px solid var(--hair);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:.7rem .95rem}.hpt b{display:block;font-size:.9rem;margin-bottom:.2rem}.hpt span{display:block;color:var(--muted);font-size:.82rem;line-height:1.45}html.is-auth .hero{display:none}.acct{display:inline-flex;align-items:center}.bnet-btn{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);font-weight:700;font-size:.82rem;padding:.42rem .8rem;border-radius:10px;box-shadow:0 6px 16px -8px var(--glow);transition:filter .12s ease,transform .12s ease}.bnet-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.bnet-mark{width:.62rem;height:.62rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7ff0e0,#1f7fe0 70%);box-shadow:inset 0 0 0 1px #ffffff59;flex:none}.acct-in{position:relative;display:inline-flex;align-items:center;gap:.4rem}.acct-name{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface2);border:1px solid var(--hair);color:var(--text);font-weight:700;font-size:.82rem;padding:.38rem .7rem;border-radius:10px;cursor:pointer}.acct-name:hover{border-color:var(--accent)}.acct-logout{background:none;border:1px solid var(--hair);color:var(--muted);font-size:.78rem;font-weight:700;cursor:pointer;padding:.36rem .7rem;border-radius:10px;transition:color .12s ease,border-color .12s ease}.acct-logout:hover{color:var(--text);border-color:var(--accent)}.chars{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;width:300px;max-height:360px;overflow:auto;background:var(--tip-bg);border:1px solid var(--hair);border-top:2px solid var(--accent);border-radius:12px;padding:.5rem;box-shadow:0 16px 44px -8px var(--shadow)}.chars-load{color:var(--muted);font-size:.82rem;padding:.5rem}.char{display:grid;grid-template-columns:1fr auto;gap:0 .5rem;align-items:baseline;padding:.4rem .5rem;border-radius:8px;border-left:3px solid var(--hair)}.char+.char{margin-top:.2rem}.char:hover{background:var(--surface2)}.char.f-horde{border-left-color:#e23b42}.char.f-alliance{border-left-color:#2f6fd6}.char-name{font-weight:700;font-size:.9rem}.char-realm{grid-column:2;grid-row:1 / span 2;color:var(--faint);font-size:.72rem;align-self:center;text-align:right}.char-sub{grid-column:1;color:var(--muted);font-size:.74rem}main{max-width:1240px;margin:0 auto;padding:2.5rem clamp(1rem,3.5vw,2.25rem) 4rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem;padding:1.05rem 1.4rem;border:1px solid var(--hair);border-radius:16px;background:var(--navbg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 44px -32px var(--shadow);position:relative}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit}.logo{font-family:var(--display);font-weight:800;font-size:1.9rem;letter-spacing:-.045em;line-height:1;color:var(--text);display:inline-flex;align-items:baseline}.logo .portal{background:var(--portal);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px var(--portalGlow)}.tagline{font-family:var(--mono);font-size:.6rem;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-left:1px solid var(--hair);padding-left:.8rem}.controls{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-left:auto}.faction{display:inline-flex;gap:4px;padding:4px;background:var(--surface2);border:1px solid var(--hair);border-radius:13px}.fac{display:inline-flex;align-items:center;gap:.45rem;border:0;background:none;color:var(--muted);font-weight:600;font-size:.82rem;padding:.4rem .8rem;border-radius:10px;cursor:pointer;transition:all .15s ease}.fac:hover{color:var(--text)}.fac-mark{width:7px;height:7px;border-radius:50%}.fac[data-faction=alliance] .fac-mark{background:#2f6fd6}.fac[data-faction=horde] .fac-mark{background:#e23b42}.fac.active{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px -8px var(--glow)}.fac.active .fac-mark{background:var(--accent-ink)}.namelang{display:inline-flex;align-items:center;gap:.4rem;flex:none}.namelang select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.34rem .7rem;font-size:.82rem;font-weight:600;cursor:pointer}.namelang select:hover{border-color:var(--accent)}.ptitle{font-family:var(--display);font-weight:600}.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:.95rem;font-weight:600;padding:.5rem .9rem;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.lead{color:var(--muted);margin:0 0 1rem;max-width:66ch}.lead strong{color:var(--text)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:.5rem}.card{position:relative;text-align:left;display:flex;flex-direction:column;gap:.35rem;background:linear-gradient(100deg,var(--accentSoft),var(--surface) 60%);border:1px solid var(--hair);border-radius:18px;padding:1.2rem 1.3rem;cursor:pointer;box-shadow:0 8px 24px -18px var(--shadow);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 32px -18px var(--glow)}.card b{font-size:1.05rem}.cardtag{align-self:flex-start;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.12rem .5rem;border-radius:999px;border:1px solid currentColor;color:var(--accent)}.back{background:none;border:0;color:var(--muted);cursor:pointer;font-size:.85rem;padding:0;margin-bottom:.75rem}.back:hover{color:var(--text)}.ptitle{font-size:1.3rem;margin:0 0 .6rem}.guide{background:linear-gradient(90deg,var(--accent-wash),transparent 70%);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:.7rem .9rem;margin-bottom:1rem;font-size:.9rem;line-height:1.55;color:var(--muted)}.guide strong{color:var(--text)}.inputs{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:end}.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.flabel{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.field input{padding:.7rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:var(--mono);font-size:.8rem;min-width:0}.field input:focus{outline:none;border-color:var(--accent)}.inputs button{padding:.72rem 1.4rem;border:0;border-radius:10px;cursor:pointer;height:fit-content;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);font-weight:700;font-size:.9rem;box-shadow:0 8px 18px -10px var(--glow);transition:transform .12s ease,filter .12s ease}.inputs button:hover{filter:brightness(1.07);transform:translateY(-1px)}.inputs button:active{transform:translateY(0)}@media(max-width:640px){.inputs{grid-template-columns:1fr}}.status{min-height:1.4em;margin:1rem 0 0;font-size:.9rem}.status.working{color:var(--muted)}.status.ok{color:var(--good)}.status.err{color:var(--bad)}.sec{font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1.75rem 0 .6rem}.sec .normal{text-transform:none;letter-spacing:0}.erkl{position:relative;overflow:hidden;margin-top:1.5rem;background:linear-gradient(180deg,var(--accentSoft),transparent 60%),var(--surface);border:1px solid var(--hair);border-radius:20px;padding:1.4rem 1.6rem;box-shadow:0 10px 30px -18px var(--shadow)}.erkl:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accentLine),transparent);opacity:.9}.kurz{font-size:1.18rem;line-height:1.5;margin:0 0 .75rem}.kurz strong{color:var(--accent)}.einstieg{margin:0}.erkl strong{color:var(--text)}.learn{margin-top:1.1rem;border-top:1px solid var(--border);padding-top:.85rem}.learn-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.5rem}.learn-item{border-bottom:1px solid var(--border)}.learn-item>summary{cursor:pointer;padding:.55rem 0;font-weight:600;font-size:.92rem}.learn-item>summary:hover{color:var(--accent)}.learn-item>p{margin:0 0 .8rem;color:var(--muted);font-size:.9rem;line-height:1.6}.learn-item>p strong{color:var(--text)}.prio{margin-top:1.5rem;background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:1.1rem 1.3rem 1.2rem}.ptip{margin:0 0 .9rem;font-size:1rem;line-height:1.5}.ptip strong{color:var(--accent)}.pcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.pcol-head{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.prow{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--border)}.prank{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--border);color:var(--text);font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.prow:first-of-type .prank{background:var(--accent);color:var(--accent-ink)}.pname{font-weight:600;font-size:.92rem}.psub{color:var(--muted);font-size:.74rem}.pnums{text-align:right;display:flex;flex-direction:column}.pnums b{color:var(--good);font-size:.95rem}.pnums span{font-size:.68rem;max-width:22ch}.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1.25rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem}.strip>div span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem}.chip{font-size:.72rem;font-weight:700}.rcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-top:1rem}.rcard{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem}.rmeta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.rmeta span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.03em}.rmeta b{font-size:.95rem;text-transform:capitalize}.cat-raid{color:var(--raid)}.cat-mplus{color:var(--mplus)}.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid currentColor}.badge.sm{font-size:.68rem;padding:.05rem .4rem}table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.88rem}th,td{text-align:left;padding:.5rem .55rem;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}td.num,th.num{text-align:right;font-family:var(--mono);white-space:nowrap}td.good{color:var(--good)}td.bad{color:var(--bad)}td.num.muted{color:var(--muted)}td.item{display:flex;align-items:center;gap:.6rem;min-width:0}td.item>span{flex:1;min-width:0}td.item em{color:var(--muted);font-style:normal;font-size:.78rem}td.quelle .boss{display:block}td.quelle .srcsub{display:block;color:var(--muted);font-size:.74rem}.ls{display:block;font-size:.72rem;margin-top:.2rem}.ls-tip{color:var(--good)}.ls em{font-style:normal;opacity:.8}.icon{width:30px;height:30px;border-radius:6px;flex:none;border:1px solid var(--border)}.icon.ph{background:var(--bg)}.opener{list-style:none;counter-reset:step;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.opener li{counter-increment:step;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.45rem .7rem;font-size:.88rem;display:flex;align-items:center;gap:.5rem}.opener li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:700}.opener .t{color:var(--muted);font-family:var(--mono);font-size:.72rem}.btnlist{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.btnrow{display:grid;grid-template-columns:minmax(180px,1.2fr) 3fr auto;gap:.75rem;align-items:center}.bn{font-size:.9rem}.bar{background:var(--panel);border:1px solid var(--border);border-radius:6px;height:16px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.bar.up>span{background:var(--good)}.bar.dmg>span{background:var(--mplus)}.bc{font-family:var(--mono);font-size:.8rem;text-align:right}.role{font-size:.66rem;font-weight:700;padding:.05rem .4rem;border-radius:999px;border:1px solid currentColor}.role-builder{color:var(--good)}.role-spender{color:var(--raid)}.role-neutral{color:var(--muted)}.sp-icon{border-radius:7px;border:1px solid var(--border);flex:none;object-fit:cover;vertical-align:middle}.sp-icon.ph{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--panel2),var(--panel));color:var(--muted);font-weight:700}.opener li .sp-icon{border-radius:5px}.tiles{display:grid;gap:.65rem;margin-top:.5rem}.tiles-lg{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.tiles-sm{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));margin-top:.65rem}.tile{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:12px;padding:.85rem .95rem;box-shadow:0 6px 18px -16px var(--shadow);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 28px -18px var(--glow)}.tile-lg{padding:1rem 1.05rem}.tile-keep{border-left:3px solid var(--good);background:linear-gradient(90deg,rgba(69,212,131,.08),var(--panel) 40%)}.tile-keep:hover{border-color:var(--good)}.keep-badge{font-size:.6rem;font-weight:800;letter-spacing:.03em;color:var(--good);border:1px solid var(--good);border-radius:999px;padding:.02rem .35rem;vertical-align:middle;white-space:nowrap}.keep-intro{margin:.35rem 0 .15rem;max-width:70ch}.keeps{display:flex;flex-direction:column;gap:.55rem;margin-top:.5rem}.keep-row{padding:.7rem .85rem}.keep-row .tile-head{align-items:flex-start}.keep-row .tile-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.eff-chips{font-size:.7rem;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.eff-chip{color:var(--text);background:#45d4831a;border:1px solid rgba(69,212,131,.35);border-radius:999px;padding:.03rem .4rem;font-weight:600}.keep-desc{line-height:1.4}.tile-head{display:flex;gap:.7rem;align-items:center}.tile-meta{min-width:0}.tile-name{font-weight:700;font-size:.98rem;line-height:1.2}.tile-lg .tile-name{font-size:1.12rem}.tile-tags{display:flex;align-items:center;gap:.4rem;margin-top:.25rem;flex-wrap:wrap}.tile-desc{margin-top:.6rem;color:var(--muted);line-height:1.5;font-size:.86rem}.tile-sm .tile-desc{font-size:.8rem;margin-top:.5rem}.tip{position:fixed;z-index:60;max-width:340px;background:var(--tip-bg);border:1px solid var(--border);border-top:2px solid var(--gold);border-radius:10px;padding:.7rem .8rem;box-shadow:0 16px 44px -8px var(--shadow);pointer-events:none;font-size:.85rem}.tip-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.tip-icon{width:34px;height:34px;border-radius:7px;border:1px solid var(--border)}.tip-title{font-weight:700;font-size:.96rem}.tip-sub{color:var(--muted);font-size:.76rem;margin-bottom:.4rem}.tip-desc{color:var(--text);line-height:1.5}.tip-stat{color:var(--stat);font-size:.82rem;line-height:1.45}.tip-proc{color:var(--good);font-size:.82rem;margin-top:.35rem;line-height:1.45}.muted{color:var(--muted)}.small{font-size:.78rem}.bad{color:var(--bad)}.caveat{margin-top:1rem}code{font-family:var(--mono);background:var(--panel);padding:.05rem .3rem;border-radius:4px}details.more{margin-top:1.25rem}details.more>summary{cursor:pointer;color:var(--accent);font-size:.88rem;margin-bottom:.5rem}