:root{--bg: #17202e;--panel: #1f2a3b;--panel-2: #26334a;--line: #33425c;--text: #e9e3d2;--muted: #97a3b9;--gold: #ffd100;--alliance: #3c6bc7;--horde: #b8322a;--rag-r: #9e3a2c;--rag-a: #a87b22;--rag-g: #3b8447;--focus: #7fb4ff;--radius-s: 4px;--radius-m: 8px;--display: "Marcellus", "Palatino Linotype", Georgia, serif;--ui: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);background-image:radial-gradient(ellipse at 50% -20%,#22304a 0%,transparent 60%);background-attachment:fixed;color:var(--text);font:17px/1.45 var(--ui);min-height:100vh}a{color:var(--gold)}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.94rem;margin:.5rem 0}.pad{padding:1.5rem}.app{min-height:100vh;display:flex;flex-direction:column}.app>main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 16px 3rem}.site-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 16px;border-bottom:1px solid var(--line);max-width:1280px;width:100%;margin:0 auto}.brand{display:flex;align-items:center;gap:.6rem;color:var(--gold);text-decoration:none;font:1.35rem var(--display)}.site-user{display:flex;align-items:center;gap:.75rem}.battletag{color:var(--muted)}.site-foot{text-align:center;color:var(--muted);font-size:.8rem;padding:2rem 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--panel-2);cursor:pointer;text-decoration:none;color:var(--text);white-space:nowrap}.btn:hover:not(:disabled){border-color:#4a5c7d;background:#2c3b55}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:#7a5a12;border-color:#a77d1d;color:#fff4c6}.btn.primary:hover:not(:disabled){background:#8d6915;border-color:var(--gold)}.btn.ghost{background:transparent}.btn.danger{background:transparent;border-color:#6b2d27;color:#f0a99f}.btn.small{padding:.3rem .7rem;font-size:.92rem}.btn.large{padding:.75rem 1.4rem;font-size:1.1rem}.btn.pulse{box-shadow:0 0 #ffd10080;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px #ffd10000}to{box-shadow:0 0 #ffd10000}}.icon-btn{background:none;border:0;color:var(--muted);cursor:pointer;padding:.2rem .35rem;border-radius:var(--radius-s);line-height:1}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.icon-btn:disabled{opacity:.25;cursor:default}.landing,.start{max-width:640px;margin:4rem auto 0}.landing h1,.start h1{font:2.3rem/1.15 var(--display);color:var(--gold);margin:0 0 1rem;font-weight:400}.landing p{color:var(--muted);font-size:1.08rem;max-width:60ch}.landing .btn{margin-top:1rem}.app>main.hero{display:flex;align-items:center;justify-content:center;text-align:center;padding-top:2rem}.hero-art{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#0d1410}.hero-art:before{content:"";position:absolute;inset:0;transform:scale(1.12);background:url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt491397daad992c6d/6aa09e0ec751e10dc30c50e0/Soak_in_Breathtaking_Expanses.jpg) center / cover no-repeat}.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#080c0a33,#080c0aa6 80%),linear-gradient(to bottom,rgba(8,12,10,.5),transparent 20%,transparent 75%,rgba(8,12,10,.7))}.hero-body{max-width:880px}.hero h1{font:3.4rem/1.1 var(--display);font-weight:400;color:var(--gold);margin:0 0 1rem;letter-spacing:.02em;text-shadow:0 2px 4px #000,0 0 24px rgba(0,0,0,.8)}.hero p{color:#efe6cf;font-size:1.2rem;margin:0 auto;max-width:52ch;text-shadow:0 1px 3px #000}.hero .btn{margin-top:2rem;box-shadow:0 4px 18px #0009}.hero .status{margin:1.5rem auto 0;max-width:52ch}@media(max-width:600px){.hero h1{font-size:2.4rem}.hero p{font-size:1.05rem}}.new-pool fieldset{border:0;padding:0;margin:1.5rem 0 0}.new-pool legend{color:var(--muted);margin-bottom:.5rem}.new-pool-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.seg{display:flex;flex-wrap:wrap;gap:.4rem}.seg-btn{padding:.45rem 1rem;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--panel);cursor:pointer}.seg-btn.on{border-color:var(--gold);color:var(--gold);background:#2b2a26}.seg-btn.faction-alliance.on{border-color:var(--alliance);color:#cfe0ff;background:#1f3156}.seg-btn.faction-horde.on{border-color:var(--horde);color:#ffd4cf;background:#45201d}.seg.small .seg-btn{padding:.3rem .8rem;font-size:.94rem}.pool-tabs{display:flex;gap:.25rem;margin:1.25rem 0 0;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tab{background:none;border:1px solid transparent;border-bottom:0;padding:.5rem 1rem;cursor:pointer;color:var(--muted);border-radius:var(--radius-m) var(--radius-m) 0 0;margin-bottom:-1px}.tab.on{color:var(--text);background:var(--bg);border-color:var(--line)}.tab-count{color:var(--muted);font-size:.85em;margin-left:.3rem}.tab-new{color:var(--gold)}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin:1.5rem 0 1rem}.toolbar h1{font:1.9rem/1.1 var(--display);margin:0;font-weight:400}.toolbar p{margin:.25rem 0 0}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.5rem}.status{border-radius:var(--radius-m);padding:.6rem .9rem;margin:0 0 1rem;border:1px solid var(--line);background:var(--panel)}.status p{margin:0}.status ul{margin:.4rem 0 0;padding-left:1.2rem}.status-ok{border-color:#2f6a39}.status-error{border-color:#7a3027;background:#2c1d22}.notice{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--panel)}.empty{padding:3rem 1rem;text-align:center;border:1px dashed var(--line);border-radius:var(--radius-m);color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--panel)}.pool-table{width:100%;border-collapse:collapse}.pool-table th,.pool-table td{padding:0}.pool-table thead th{position:sticky;top:0;background:var(--panel);border-bottom:1px solid var(--line);font-weight:500;color:var(--muted);text-align:left;padding:.5rem}.pool-table tbody tr{border-top:1px solid #2a3750}.pool-table tbody tr:first-child{border-top:0}.pool-table tbody tr:hover{background:#233049}.pool-table tr.dragging{opacity:.4}.pool-table tr.drop-above{box-shadow:inset 0 3px 0 var(--gold)}.pool-table tr.drop-below{box-shadow:inset 0 -3px 0 var(--gold)}.col-move{width:2.2rem;text-align:center}td.col-move{cursor:grab;color:var(--muted)}.grip{display:block;letter-spacing:-2px;font-size:.8rem;opacity:.6}.move-buttons{display:flex;flex-direction:column;align-items:center;font-size:.65rem}th.col-who{text-align:left;font-weight:400;padding:.45rem .75rem .45rem .5rem;min-width:15rem}.who{display:flex;align-items:center;gap:.75rem}.who-text{display:flex;flex-direction:column;min-width:0}.name-btn{background:none;border:0;padding:0;text-align:left;cursor:pointer}.name-btn:hover .forename{text-decoration:underline;text-underline-offset:3px}.forename{font:1.12rem var(--display);color:var(--gold)}.surname{font:1.12rem var(--display);color:var(--text)}.who-meta{font-size:.9rem;color:var(--muted);display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.class-name{color:var(--class)}.prof-chips{display:none;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;padding:.1rem .4rem .1rem .15rem;border-radius:var(--radius-s)}.col-level{width:7rem;padding:0 .75rem!important}.level-bar{height:8px;border-radius:4px;background:#121a26;overflow:hidden}.level-bar span{display:block;height:100%;background:var(--bar)}th.col-prof{text-align:center!important;width:3.6rem;padding:.4rem .2rem!important}th.col-prof .prof-count{display:block;font-size:.85rem;color:var(--text);margin-bottom:.2rem}.prof-icon{border-radius:var(--radius-s);border:1px solid #000;display:inline-block;vertical-align:middle}.prof-icon-text{display:inline-grid;place-items:center;font-size:.68rem;background:var(--panel-2);color:var(--text)}td.skill{text-align:center;font-variant-numeric:tabular-nums;font-weight:500;height:3.6rem}td.skill-none{color:#4d5d78}.divider{border-left:1px solid var(--line)}th.secondary .prof-icon{opacity:.85}td.rag-r,.chip.rag-r{background:color-mix(in srgb,var(--rag-r) 55%,transparent);color:#ffe1dc}td.rag-a,.chip.rag-a{background:color-mix(in srgb,var(--rag-a) 55%,transparent);color:#fff1cc}td.rag-g,.chip.rag-g{background:color-mix(in srgb,var(--rag-g) 60%,transparent);color:#e4ffe8}.level-bar.rag-r{--bar: #c4513f}.level-bar.rag-a{--bar: #d4a234}.level-bar.rag-g{--bar: #4fae5f}.portrait{--size: 52px;position:relative;flex:none;width:var(--size);height:var(--size);border-radius:6px;border:2px solid var(--class);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000;background:#0f151f}.portrait img{width:100%;height:100%;border-radius:4px;display:block}.portrait-crest{display:grid;place-items:center;width:100%;height:100%;font:calc(var(--size) * .5) var(--display);color:var(--class)}.portrait-level{position:absolute;right:-8px;bottom:-8px;min-width:22px;height:22px;padding:0 3px;display:grid;place-items:center;border-radius:999px;font:600 .78rem/1 var(--ui);background:#0f151f;color:var(--gold);border:1.5px solid #a77d1d}.portrait.faction-alliance .portrait-level{border-color:var(--alliance)}.portrait.faction-horde .portrait-level{border-color:var(--horde)}.share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;color:var(--muted)}.switch{display:flex;align-items:center;gap:.5rem;cursor:pointer}.switch input{width:1.1rem;height:1.1rem;accent-color:var(--gold)}dialog.editor{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px}dialog.editor::backdrop{background:#060a12b8}dialog.editor form,dialog.import{padding:1.25rem 1.5rem}.editor-head{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.editor-head h2{font:1.6rem var(--display);margin:0;font-weight:400;color:var(--gold)}.editor-head p{margin:.15rem 0 0}.editor-head .close{margin-left:auto;align-self:flex-start;font-size:1.1rem}.step{border:0;border-top:1px solid var(--line);margin:1rem 0 0;padding:.9rem 0 0;min-width:0}.step legend{padding:0 .5rem 0 0;color:var(--muted);font-size:.95rem}.step:disabled{opacity:.55}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.4rem}.class-btn{padding:.5rem;border-radius:var(--radius-s);border:1px solid var(--line);border-left:4px solid var(--class);background:var(--panel-2);cursor:pointer;text-align:left}.class-btn.on{background:color-mix(in srgb,var(--class) 22%,var(--panel-2));border-color:var(--class)}.race-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.race-btn{display:flex;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .3rem;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--panel-2);cursor:pointer}.race-btn img{border-radius:3px}.race-btn.on{border-color:var(--gold);color:var(--gold)}.race-crest{width:36px;height:36px;display:grid;place-items:center;background:#0f151f;border-radius:3px;font-family:var(--display)}.names{display:grid;grid-template-columns:1fr 1fr 6rem;gap:.75rem}.names label,.api-link label{display:flex;flex-direction:column;gap:.25rem;font-size:.92rem;color:var(--muted)}input[type=text],input:not([type]),input[type=number]{background:#141c29;border:1px solid var(--line);border-radius:var(--radius-s);padding:.45rem .6rem;color:var(--text);min-width:0}.prof-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.35rem 1rem}.prof-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.4rem}.prof-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.prof-toggle input{accent-color:var(--gold);width:1rem;height:1rem}.prof-toggle input:disabled+.prof-icon{opacity:.4}.prof-row:not(.on) .prof-toggle span{color:var(--muted)}.prof-skill{display:flex;align-items:center;gap:.4rem}.prof-skill input[type=range]{width:6rem;accent-color:var(--gold)}.prof-skill input[type=number]{width:4.2rem}.api-link summary{cursor:pointer;color:var(--muted)}.api-link label{margin-top:.6rem}.errors{margin:1rem 0 0;padding:.6rem .9rem .6rem 2rem;border:1px solid #7a3027;border-radius:var(--radius-m);background:#2c1d22}.editor-foot{display:flex;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.spacer{flex:1}.import-list{list-style:none;margin:.5rem 0 0;padding:0}.import-list li label{display:flex;align-items:center;gap:.75rem;padding:.55rem .25rem;cursor:pointer;border-top:1px solid #2a3750}.import-list li.disabled label{opacity:.55;cursor:default}.import-name{display:flex;flex-direction:column}.import-name .muted{font-size:.9rem}@media(max-width:860px){th.col-prof,td.skill{display:none}.prof-chips{display:flex}.col-level{width:5rem}.names{grid-template-columns:1fr 1fr}.level-input{grid-column:span 2}}@media(max-width:520px){.col-level{display:none}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1 1 auto}.landing h1,.start h1{font-size:1.8rem}.battletag{display:none}dialog.editor form,dialog.import{padding:1rem}}@media(prefers-reduced-motion:reduce){.btn.pulse{animation:none}}