:root{--bg-void:#0b0906;--bg-panel:#171310;--bg-panel-raised:#201a14;--border:#362c20;--outline:#000;--gold:#d9a441;--gold-bright:#f0be5f;--jade:#58b58a;--text-primary:#ece5d6;--text-muted:#8f8575;--danger:#c15a45}*{box-sizing:border-box}body{background:var(--bg-void);color:var(--text-primary);margin:0;font-family:Inter,sans-serif}h1,h2,h3{margin:0;font-family:"Baloo 2",sans-serif;font-weight:700}button{cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:600}.landing{background:radial-gradient(ellipse at center, #171008 0%, var(--bg-void) 75%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.embers span{background:var(--gold);opacity:0;border-radius:50%;animation:8s ease-in infinite ember-rise;position:absolute;bottom:-10px;box-shadow:0 0 6px 1px #d9a44180}@keyframes ember-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.8}to{opacity:0;transform:translate(25px,-95vh)}}.landing-content{z-index:1;text-align:center;padding:2rem;position:relative}.dragon-badge{border:3px solid var(--gold);background:radial-gradient(circle at 50% 45%,#241c12 0%,#14100a 60%,#0b0906 100%);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 1.5rem;display:flex;box-shadow:0 0 40px #d9a44133,0 6px #000}.dragon-badge svg{width:68%}.landing-title{color:var(--gold-bright);-webkit-text-stroke:2px var(--outline);text-shadow:0 4px 0 var(--outline), 0 0 30px #d9a44159;letter-spacing:.05em;font-family:Bungee,sans-serif;font-size:4.5rem}.landing-tagline{color:var(--text-muted);margin-top:1rem;font-family:"Baloo 2",sans-serif;font-size:1.1rem}.btn-gold{background:var(--bg-panel-raised);color:var(--gold-bright);border:2px solid var(--gold);letter-spacing:.02em;border-radius:10px;margin-top:2.5rem;padding:.85rem 2.1rem;font-size:1.02rem;transition:transform .1s;box-shadow:0 5px #000}.btn-gold:hover{transform:translateY(-2px)}.btn-gold:active{transform:translateY(3px);box-shadow:0 2px #000}.btn-ghost{background:var(--bg-panel);border:2px solid var(--border);color:var(--text-muted);border-radius:8px;padding:.5rem 1.1rem}.btn-ghost:hover{border-color:var(--gold);color:var(--text-primary)}.btn-danger{border:2px solid var(--danger);color:var(--danger);background:0 0;border-radius:8px;padding:.4rem .9rem;font-size:.85rem}.btn-danger:hover{background:#c15a4526}.btn-refresh{background:var(--bg-panel);color:var(--jade);border:2px solid var(--jade);border-radius:8px;align-items:center;gap:.45rem;padding:.7rem 1rem;font-size:.95rem;display:inline-flex}.btn-refresh:hover:not(:disabled){background:#58b58a1a}.btn-refresh:disabled{cursor:wait;opacity:.75}.refresh-icon{font-family:Arial,sans-serif;font-size:1.15rem;line-height:1;display:inline-block}.refresh-icon.is-spinning{animation:.8s linear infinite refresh-spin}@keyframes refresh-spin{to{transform:rotate(360deg)}}.app-shell{background:var(--bg-void);min-height:100vh;display:flex}.sidebar{border-right:2px solid var(--border);background:#0e0b08;width:230px;padding:1.5rem 1rem}.sidebar-brand{color:var(--gold);margin-bottom:2.5rem;padding-left:.5rem;font-family:Bungee,sans-serif;font-size:1.3rem}.sidebar-link{color:var(--text-muted);border-left:3px solid #0000;border-radius:8px;margin-bottom:.3rem;padding:.65rem .8rem;font-size:1rem;text-decoration:none;display:block}.sidebar-link:hover{background:var(--bg-panel);color:var(--text-primary)}.sidebar-link.active{background:var(--bg-panel);color:var(--gold);border-left:3px solid var(--gold)}.main-panel{flex:1;padding:1.5rem 2.5rem}.user-name{color:var(--gold-bright);text-shadow:0 0 12px #f0be5f80;letter-spacing:.03em;font-family:Bungee,sans-serif;font-size:.95rem}.topbar{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.95rem;display:flex}.page-heading{color:var(--text-primary);border-bottom:2px solid var(--border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.9rem}.char-form{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.char-input{background:var(--bg-panel);border:2px solid var(--border);max-width:320px;color:var(--text-primary);border-radius:8px;flex:1;padding:.7rem .9rem;font-family:Inter,sans-serif;font-size:.95rem}.char-input:focus{border-color:var(--jade);outline:none}.char-list{margin:0;padding:0;list-style:none}.char-page-bg{position:relative}.char-page-bg:before{content:"";opacity:.06;z-index:2;pointer-events:none;background:url(/assets/Dragon-Inside-background-C4-HSwhT.png) 50%/contain no-repeat;width:900px;height:900px;position:fixed;top:60%;left:55%;transform:translate(-50%,-50%)}.char-page-content{z-index:1;z-index:1;position:relative}.char-list-panel{background:var(--bg-panel);border:2px solid var(--border);border-radius:12px;width:100%;overflow-x:auto}.char-grid{grid-template-columns:minmax(110px,1.2fr) minmax(110px,1.1fr) 55px minmax(90px,.9fr) 90px 65px 60px minmax(120px,1.1fr) minmax(120px,1fr) auto;min-width:1150px;display:grid}.all-characters-page .char-grid{grid-template-columns:minmax(110px,1.2fr) minmax(110px,1.1fr) 55px minmax(90px,.9fr) 90px 65px 60px minmax(120px,1.1fr) minmax(120px,1fr)}.char-table-row{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;column-gap:1rem;display:grid}.char-table-header{color:var(--gold);border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;background:#110e0a;padding:.6rem 1rem;font-family:"Baloo 2",sans-serif;font-size:.82rem;font-weight:700}.char-table-row>:nth-child(3),.char-table-row>:nth-child(4),.char-table-row>:nth-child(5),.char-table-row>:nth-child(6){text-align:center;justify-self:center}.char-card{padding:.7rem 1rem}.char-card+.char-card{border-top:1px solid var(--border)}.char-name{color:var(--text-primary);font-family:"Baloo 2",sans-serif;font-weight:600}.char-server{color:var(--jade);font-family:Inter,sans-serif;font-size:.85rem}.char-placeholder{color:var(--text-muted)}.spec-button{min-height:2rem;color:var(--gold-bright);background:#d9a4410f;border:1px solid #d9a44180;border-radius:6px;justify-self:start;padding:.25rem .6rem;font-size:.82rem}.spec-button:hover:not(:disabled){background:#d9a44124}.spec-button:disabled{color:var(--text-muted);border-color:var(--border);cursor:not-allowed}.lockout-icons{gap:.35rem;display:flex}.lockout-badge.lockout-free,.lockout-badge.lockout-free:hover{color:var(--jade);border-color:var(--jade)}.lockout-badge.lockout-locked,.lockout-badge.lockout-locked:hover{color:var(--danger);border-color:var(--danger)}.lockout-badge{width:1.9rem;height:1.9rem;color:var(--text-muted);border:1px solid var(--border);cursor:help;background:#120f0c;border-radius:50%;place-items:center;font-family:"Baloo 2",sans-serif;font-size:.75rem;font-weight:700;display:grid;position:relative}.lockout-badge:hover{color:var(--gold-bright);border-color:var(--gold)}.lockout-tooltip-fixed{z-index:50;width:280px;max-height:320px;color:var(--text-primary);border:1px solid var(--border);white-space:pre-line;pointer-events:none;background:#100d09;border-radius:6px;padding:.55rem .65rem;font-family:Inter,sans-serif;font-size:.75rem;line-height:1.4;position:fixed;overflow-y:auto;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 6px 18px #00000059}.error-text{color:var(--danger);margin-bottom:1rem;font-size:.9rem}.empty-state{color:var(--text-muted);font-style:italic}.spec-modal-backdrop{z-index:10;background:#000000ad;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.spec-modal{background:var(--bg-panel-raised);border:2px solid var(--gold);border-radius:12px;width:min(100%,430px);padding:1.5rem;box-shadow:0 16px 44px #0000008c}.spec-modal h2{color:var(--gold-bright);font-size:1.45rem}.spec-modal p{color:var(--text-muted);margin:.4rem 0 1.1rem}.spec-options{gap:.6rem;display:grid}.spec-option{color:var(--text-primary);text-align:left;background:var(--bg-panel);border:1px solid var(--border);border-radius:7px;padding:.65rem .8rem}.spec-option:hover:not(:disabled),.spec-option.selected{color:var(--gold-bright);border-color:var(--gold)}.spec-option:disabled:not(.selected){cursor:not-allowed;opacity:.45}.spec-close{margin:1.2rem 0 0 auto;display:block}.access-gate{background:radial-gradient(ellipse at center, #171008 0%, var(--bg-void) 75%);place-items:center;min-height:100vh;padding:2rem;display:grid}.access-card{text-align:center;background:var(--bg-panel);border:2px solid var(--border);border-radius:14px;width:min(100%,480px);padding:2rem;box-shadow:0 12px 36px #0006}.access-card h1{color:var(--gold-bright);font-size:1.8rem}.access-card p{color:var(--text-muted);line-height:1.6}.access-card .btn-gold{margin-top:1rem}.access-logout{margin:1rem auto 0;display:block}.sidebar-brand{align-items:center;gap:.6rem;display:flex}.sidebar-logo{border:2px solid var(--gold);border-radius:50%;width:36px;height:36px}.sidebar-link{transition:background-color .25s,color .25s,border-color .25s,transform .15s}.sidebar-link:hover{transform:translate(3px)}.char-card{transition:background-color .2s}.char-card:hover{background:#d9a4410f}.btn-gold,.btn-ghost,.btn-danger,.btn-refresh{transition:transform .15s,box-shadow .2s,background-color .25s,border-color .25s,color .25s}.char-input{transition:border-color .25s}.member-list{flex-direction:column;gap:.7rem;display:flex}.member-panel{background:var(--bg-panel);border:2px solid var(--border);border-radius:12px;overflow:hidden}.member-panel.expanded{border-color:var(--gold-dim)}.member-row{width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:1rem 1.3rem;font-family:"Baloo 2",sans-serif;font-size:1.05rem;font-weight:600;display:flex}.member-row:hover{background:#d9a4410f}.member-caret{color:var(--gold);transition:transform .25s;display:inline-block}.member-panel.expanded .member-caret{transform:rotate(90deg)}.member-name{flex:1}.member-count{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.85rem;font-weight:400}.member-drawer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.member-panel.expanded .member-drawer{grid-template-rows:1fr}.member-drawer>*{overflow:hidden}.member-char-panel{border:none;border-top:1px solid var(--border);background:var(--bg-panel-raised);border-radius:0}.all-characters-page .member-list{gap:.35rem}.all-characters-page .member-row{gap:.5rem;padding:.5rem .9rem;font-size:.88rem}.all-characters-page .member-count{font-size:.72rem}.all-characters-page .char-table-header{padding:.4rem .75rem;font-size:.68rem}.all-characters-page .char-card{padding:.4rem .75rem}.all-characters-page .char-name{font-size:.85rem}.all-characters-page .char-server,.all-characters-page .char-placeholder{font-size:.78rem}.all-characters-page .lockout-badge{width:1.5rem;height:1.5rem;font-size:.65rem}.all-characters-page .char-grid{min-width:700px}.btn-battlenet{color:#fff;background:#148eff;border:2px solid #0d6fd4;border-radius:8px;padding:.7rem 1rem;font-size:.95rem;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #0a5aad}.btn-battlenet:hover{transform:translateY(-1px)}.btn-battlenet:active{transform:translateY(3px);box-shadow:0 1px #0a5aad}.bnet-picker-list{padding:0}.bnet-picker-row{border-bottom:1px solid var(--border)}.bnet-picker-row label{cursor:pointer;grid-template-columns:auto 1.3fr 1.2fr .7fr 1fr;align-items:center;gap:1rem;padding:.7rem 1rem;display:grid}.bnet-picker-row:hover{background:#d9a4410f}.bnet-picker-row input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--gold)}.member-edit-pencil{color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:.15rem .35rem;font-size:.85rem}.member-edit-pencil:hover{color:var(--gold);background:#d9a4411a}.member-edit-wrap{flex:1;align-items:center;gap:.5rem;display:flex}.member-edit-input{background:var(--bg-void);border:1px solid var(--gold-dim);color:var(--text-primary);border-radius:6px;padding:.3rem .6rem;font-family:"Baloo 2",sans-serif;font-size:.9rem}.member-edit-save,.member-edit-cancel{border:1px solid var(--border);background:var(--bg-panel-raised);color:var(--text-muted);border-radius:6px;padding:.3rem .7rem;font-size:.8rem}.member-edit-save{color:var(--jade);border-color:var(--jade)}.member-edit-cancel:hover{color:var(--text-primary)}.member-refresh-btn{color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:.15rem .35rem}.member-refresh-btn:hover:not(:disabled){color:var(--jade);background:#58b58a1a}.member-refresh-btn:disabled{opacity:.6;cursor:wait}.sortable-header{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;text-align:center;cursor:pointer;background:0 0;border:none;padding:0;font-family:"Baloo 2",sans-serif;font-size:.82rem;font-weight:700}.sortable-header:hover{color:var(--gold-bright);text-decoration:underline}.parse-value{color:var(--gold-bright);cursor:help;justify-self:center;font-weight:600}.parse-value.parse-low{color:var(--danger)}.parse-value.parse-low:after{content:" 💀"}.all-chars-heading-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.all-chars-heading-row .page-heading{border-bottom:none;margin-bottom:0;padding-bottom:0}.all-chars-sort-header{min-width:0;margin-bottom:.5rem}.all-chars-sort-header .char-table-header{background:0 0;border:none;padding:.4rem .9rem}.improve-value,.wkeys-value{cursor:help;justify-self:center}.wkeys-value{color:var(--jade);font-weight:600}.sync-timer{color:var(--jade);cursor:help;font-family:"Baloo 2",sans-serif;font-size:.85rem;position:relative}.sync-timer-tooltip{border:1px solid var(--border);width:220px;color:var(--text-primary);z-index:20;background:#100d09;border-radius:6px;padding:.55rem .7rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:400;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 6px 18px #00000059}.buff-check-list{flex-direction:column;display:flex}.buff-check-row{border-bottom:1px solid var(--border);grid-template-columns:200px 1fr;gap:1rem;padding:.8rem 1.2rem;display:grid}.buff-check-row-dim{opacity:.4}.buff-check-player{flex-direction:column;gap:.2rem;display:flex}.buff-check-buffs{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.buff-pill{background:var(--bg-panel-raised);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;padding:.2rem .6rem;font-size:.78rem}.buff-pill-match{border-color:var(--jade);color:var(--jade);background:#58b58a26;font-weight:600}.buff-check-gear{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.gear-pill{border:1px solid var(--jade);color:var(--jade);background:#58b58a1f;border-radius:12px;padding:.2rem .6rem;font-size:.75rem}.gear-pill-missing{border-color:var(--danger);color:var(--danger);background:#c15a4526}.buff-check-row{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.8rem 1.2rem;display:flex}.buff-check-player{align-items:baseline;gap:.6rem;display:flex}.buff-check-warnings{flex-wrap:wrap;gap:.4rem;display:flex}.warning-pill{border-radius:12px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.warning-pill-red{border:1px solid var(--danger);color:var(--danger);background:#c15a452e}.warning-pill-yellow{border:1px solid var(--gold);color:var(--gold-bright);background:#d9a4412e}.warning-pill-ok{border:1px solid var(--jade);color:var(--jade);background:#58b58a26}.buff-check-toggle{align-self:flex-start;padding:.3rem .7rem;font-size:.78rem}.buff-check-details{border-top:1px dashed var(--border);margin-top:.4rem;padding-top:.6rem}.armory-link{opacity:.6;margin-left:.4rem;font-size:.75rem;text-decoration:none}.armory-link:hover{opacity:1}.note-icon{opacity:.3;cursor:pointer;background:0 0;border:none;margin-left:.4rem;font-size:.75rem}.note-icon-lit{opacity:1}.note-textarea{background:var(--bg-panel);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:vertical;border-radius:6px;padding:.6rem;font-family:Inter,sans-serif;font-size:.9rem}.ilvl-filter-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ilvl-filter-badges{gap:.4rem;display:flex}.ilvl-badge{border:1px solid var(--jade);color:var(--jade);background:#58b58a26;border-radius:10px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.ilvl-badge-max{border-color:var(--gold);color:var(--gold-bright);background:#d9a44126}.priority-select{background:var(--bg-panel-raised);border:1px solid var(--border);color:var(--gold-bright);cursor:pointer;border-radius:4px;margin-right:.4rem;padding:.1rem .3rem;font-family:"Baloo 2",sans-serif;font-size:.75rem}.tooltip-raid-block{margin-bottom:.5rem}.tooltip-raid-block:last-child{margin-bottom:0}.tooltip-raid-name{color:var(--gold);margin-bottom:.15rem;font-weight:700}.tooltip-boss-line{padding-left:.6rem}.tooltip-locked{color:var(--danger);font-weight:700}.tooltip-unlocked{color:var(--jade);font-weight:700}.ilvl-badge-boss{border-color:var(--danger);color:var(--danger);background:#e2604a26}.roster-section{background:var(--bg-panel);border:2px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.roster-section-title{color:var(--gold);margin-bottom:1rem;font-size:1.05rem}.roster-settings-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.roster-settings-row label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.roster-num-input{width:80px;max-width:80px}.roster-result-card{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:10px;margin-top:1.25rem;padding:1rem 1.25rem}.roster-result-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.roster-avg-badge{color:var(--gold-bright);font-weight:700}.roster-shortfalls{margin-bottom:.6rem}.roster-shortfall-line{color:var(--danger);font-size:.85rem}.roster-char-list{padding:0;list-style:none}.roster-char-row{border-bottom:1px solid var(--border);grid-template-columns:70px 1.3fr 1.1fr 50px 1fr 90px;align-items:center;gap:.75rem;padding:.4rem 0;display:grid}.roster-role-tag{color:var(--jade);text-transform:uppercase;font-size:.75rem;font-weight:700}.member-panel.member-inactive{opacity:.45}.member-inactive-btn,.member-remove-btn{background:0 0;border:none;border-radius:4px;padding:.15rem .35rem;font-size:.85rem}.member-inactive-btn:hover{color:var(--gold);background:#d9a4411f}.member-remove-btn:hover{color:var(--danger);background:#e2604a1f}.roster-req-tag{color:var(--jade);font-size:.7rem;font-weight:700}.roster-flex-tag{color:var(--text-muted);font-size:.7rem}.roster-flex-marker{color:var(--danger);font-weight:700}