:root{--bg: #0a0b0f;--panel: #14161d;--panel-2: #181b22;--border: #23262f;--text: #e8eaf0;--muted: #8a8f99;--accent: #f4c430;--accent-glow: rgba(244, 196, 48, .28);--warn: #e0474c;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Barlow", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(70% 45% at 50% -6%,rgba(244,196,48,.06),transparent 60%),radial-gradient(120% 70% at 50% -10%,#16181f,#0a0b0f00 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body)}h1,h2,.char-name,.kicker,.readout-value,.readout-label{font-family:var(--font-display)}#root{min-height:100vh;display:flex;flex-direction:column}#root>main{flex:1 0 auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1.5rem;background:#0a0b0fd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;text-decoration:none}.lookup-form.compact{margin:0;padding:0;background:none;border:none;gap:.4rem;align-items:center;flex-wrap:nowrap}.lookup-form.compact label{flex:0 0 auto;gap:0}.lookup-form.compact input,.lookup-form.compact select{padding:.4rem .5rem;font-size:.85rem}.lookup-form.compact input{width:9rem}.lookup-form.compact button{flex:0 0 auto;padding:.45rem .9rem;font-size:.85rem}.site-footer{flex-shrink:0;margin-top:3rem;padding:1.6rem 1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.75rem;line-height:1.6;color:var(--muted)}.footer-credits a{color:var(--muted);text-decoration:underline}.footer-credits a:hover{color:var(--text)}.footer-fineprint{margin-top:.5rem;opacity:.8}.switch-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--panel);border:1px solid var(--border);border-radius:9px;color:var(--muted);font-family:inherit;font-size:.85rem;padding:.4rem .7rem;cursor:pointer}.switch-btn:hover{color:var(--text);border-color:#2c333f}.switch-kbd,.palette-foot kbd{font-family:var(--font-display);font-size:.7rem;color:var(--muted);background:#0f1115;border:1px solid var(--border);border-radius:5px;padding:.05rem .34rem}.cdrop{position:relative}.cdrop-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#0f1115;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .65rem;font-size:1rem;font-family:inherit;cursor:pointer}.cdrop-caret{color:var(--muted);font-size:.7rem}.cdrop-menu{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#14161d;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #00000080;max-height:240px;overflow-y:auto}.cdrop-opt{padding:.5rem .6rem;border-radius:6px;font-size:.95rem;cursor:pointer}.cdrop-opt.active{background:#f4c43024}.realm-input{width:100%;background:#0f1115;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .65rem;font-size:1rem;font-family:inherit}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#06070a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.palette{width:100%;max-width:560px;background:linear-gradient(180deg,#14161d,#0f1116);border:1px solid #262b36;border-radius:16px;box-shadow:0 24px 70px #0009;display:flex;flex-direction:column}.palette-scope{display:flex;gap:.5rem;padding:.85rem .85rem 0}.palette-scope .cdrop{flex:0 0 88px}.palette-scope .realm-field{flex:1}.palette-input{margin:.7rem .85rem .5rem;padding:.5rem .2rem;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:1.15rem;font-family:var(--font-display);outline:none}.palette-list{max-height:46vh;overflow-y:auto;padding:.3rem .5rem .5rem}.palette-section{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#565b6b;font-family:var(--font-display);padding:.6rem .5rem .3rem}.palette-item{width:100%;display:flex;align-items:center;gap:.6rem;background:transparent;border:none;border-radius:9px;padding:.55rem .6rem;cursor:pointer;text-align:left;color:var(--text);font-family:inherit}.palette-item.active{background:#f4c43021}.palette-item-main{font-weight:600;font-size:.95rem}.palette-item-sub{color:var(--muted);font-size:.82rem}.palette-item-score{margin-left:auto;font-family:var(--font-display);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.palette-empty{color:var(--muted);font-size:.88rem;padding:1.2rem .6rem;text-align:center}.palette-foot{display:flex;gap:1rem;justify-content:center;border-top:1px solid var(--border);padding:.55rem;color:#565b6b;font-size:.72rem}.palette-foot span{display:inline-flex;align-items:center;gap:.3rem}.container{width:100%;max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}h1{margin:0;font-size:2.5rem;letter-spacing:-.02em}.accent{color:var(--accent)}.hero-lockup{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.home{max-width:920px;text-align:center}.home-hero{display:flex;flex-direction:column;align-items:center;padding:2.5rem 0 3rem}.home .hero-lockup{justify-content:center;margin-bottom:1.6rem}.home-title{margin:0 0 1.8rem;font-size:1.15rem;font-weight:500;line-height:1.5;color:var(--muted);max-width:46ch}.home-sub{color:var(--muted);max-width:54ch;margin:1.1rem auto 2.1rem;font-size:1.05rem;line-height:1.55}.cta{display:inline-flex;align-items:center;gap:.7rem;background:var(--accent);color:#14161a;border:0;border-radius:12px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;padding:.85rem 1.5rem;cursor:pointer;box-shadow:0 0 0 1px #f4c43080,0 10px 34px var(--accent-glow);transition:filter .15s ease,transform .15s ease}.cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.cta kbd{font-family:var(--font-display);font-size:.8rem;font-weight:700;background:#0000002e;color:#14161a;border-radius:6px;padding:.1rem .42rem}.home-cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.cta-secondary{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px #f4c4308c}.cta-secondary:hover{background:#f4c43014}.home-recents{margin-top:2.6rem;width:100%}.home-recents-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem}.home-recents-list{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.recent-card{display:inline-flex;align-items:baseline;gap:.55rem;padding:.5rem .85rem;border:1px solid var(--border);border-radius:10px;text-decoration:none;background:linear-gradient(180deg,var(--panel-2),var(--panel));transition:border-color .15s ease,transform .15s ease}.recent-card:hover{border-color:#f4c43066;transform:translateY(-1px)}.recent-name{font-weight:700}.recent-realm{font-size:.78rem;color:var(--muted)}.recent-score{font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}@media (max-width: 640px){.home-title{font-size:1.05rem}}.page{width:100%}.char-hero{border-bottom:1px solid var(--border);padding:2rem 1.5rem 1.6rem}.char-hero-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.sheet{width:100%;max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem 4rem}.muted{color:var(--muted)}.status{margin-top:2rem;color:var(--muted)}.status.error{color:#ff6b6b}.loader{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:6rem 1rem}.loader-mark{filter:drop-shadow(0 0 16px rgba(244,196,48,.35));animation:loader-glow 1.6s ease-in-out infinite}.loader-bar{transform-box:fill-box;transform-origin:50% 100%;animation:loader-bar 1s ease-in-out infinite}.loader-bar:nth-child(2){animation-delay:.16s}.loader-bar:nth-child(3){animation-delay:.32s}@keyframes loader-bar{0%,to{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes loader-glow{0%,to{filter:drop-shadow(0 0 10px rgba(244,196,48,.22))}50%{filter:drop-shadow(0 0 20px rgba(244,196,48,.45))}}.loader-label{margin:0;color:var(--muted);font-family:var(--font-display);font-size:.9rem;letter-spacing:.04em}@media (prefers-reduced-motion: reduce){.loader-mark,.loader-bar{animation:none}}.identity{display:flex;align-items:center;gap:1rem}.avatar{width:56px;height:56px;border-radius:12px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#14161a;flex-shrink:0;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.kicker{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.char-name{font-size:1.9rem;margin:.1rem 0}.char-sub{font-size:.9rem;font-weight:600}.spec-name{font-size:.85rem;font-weight:600;color:var(--muted);margin-top:.35rem}.readouts{display:flex;gap:2rem}.readout{display:flex;flex-direction:column;align-items:flex-end}.readout-value{font-size:1.9rem;font-weight:700;line-height:1}.readout-value.accent{color:var(--accent)}.readout-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0 1.75rem}.source{font-size:.82rem}.refresh-link{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.refresh-link:hover:not(:disabled){text-decoration:none}.refresh-link:disabled{opacity:.6;cursor:default}.section-head{display:flex;align-items:center;justify-content:space-between;margin:2rem 0 .85rem}.section-head h2{margin:0;display:flex;align-items:center;gap:.6rem;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#aeb3c2}.section-head h2:before{content:"";width:4px;height:14px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.audit-flag{font-size:.8rem;font-weight:600}.audit-warn{color:var(--warn)}.audit-ok{color:#4fbf7b}.gear-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.gear-board--weapons{margin-top:1rem}.gear-column{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.gear-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border-bottom:1px solid var(--border)}.gear-row:last-child{border-bottom:none}.gear-row--warn{background:#e0474c0f;box-shadow:inset 2px 0 0 var(--warn)}.slot-chip{width:38px;height:38px;border-radius:9px;border:1px solid;background:#0f1115;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;overflow:hidden}.slot-icon{width:100%;height:100%;object-fit:cover;display:block}.gear-body{flex:1;min-width:0}.slot-label{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#646979}.item-name{font-weight:600;text-decoration:none;font-size:.92rem}.item-name:hover{text-decoration:underline}.gear-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;margin-top:.3rem;font-size:.76rem}.enchant{color:#4fbf7b}.no-enchant{color:var(--warn);font-weight:600}.gem{display:block;color:#6fb6ff;text-decoration:none}.gem:hover{text-decoration:underline}.gear-ilvl{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.85rem;font-weight:600;color:#cbcfd9;flex-shrink:0}.gear-gs{font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--accent, #d8b25a)}.parses-source{margin-top:1rem;font-size:.72rem}.parses-source a{color:var(--accent)}.raid-strip{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.55rem;margin-bottom:1.1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.raid-tile{position:relative;flex:0 0 152px;height:92px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background-color:var(--panel);background-size:cover;background-position:center 32%;cursor:pointer;filter:brightness(.62) saturate(.85);transition:filter .15s ease,transform .15s ease,border-color .15s ease}.raid-tile:hover{filter:brightness(.85) saturate(1);transform:translateY(-1px)}.raid-tile.active{border-color:var(--accent);filter:brightness(1) saturate(1.05);box-shadow:0 4px 16px #00000073}.raid-tile.empty{filter:grayscale(1) brightness(.5)}.raid-tile.empty:hover{filter:grayscale(1) brightness(.65)}.raid-tile.empty.active{filter:grayscale(.6) brightness(.72)}.raid-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0b0f0d,#0a0b0fe0)}.raid-tile-name{position:absolute;left:.6rem;right:.6rem;bottom:.5rem;text-align:left;font-size:.78rem;font-weight:700;line-height:1.15;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.9)}.raid-tile-score{position:absolute;top:.4rem;right:.6rem;font-size:1.25rem;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.95)}.raid-tile-score.none{font-size:1rem;color:var(--muted)}.parses-board{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.5rem 1rem}.parse-row{display:flex;align-items:center;gap:.85rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.parse-row:last-child{border-bottom:none}.parse-boss{flex:0 0 13rem;font-size:.85rem}.parse-bar{flex:1;height:7px;border-radius:4px;background:#171a21;overflow:hidden}.parse-fill{height:100%;border-radius:4px}.parse-pct{flex:0 0 2.2rem;text-align:right;font-size:.9rem;font-weight:700}.stats-board{column-width:230px;column-gap:1rem}.stat-group{break-inside:avoid;margin-bottom:1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem 1rem}.stat-group-title{margin:0 0 .7rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat-grid{display:flex;flex-direction:column;margin:0}.stat-cell{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.stat-cell:last-child{border-bottom:none;padding-bottom:0}.stat-label{font-size:.82rem;color:var(--muted);white-space:nowrap}.stat-value{margin:0;font-size:.9rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}@media (max-width: 680px){.gear-board{grid-template-columns:1fr}.parse-boss{flex-basis:8rem}}.guild-link{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}.guild-link:hover{color:var(--accent)}.metric-table{width:100%;border-collapse:collapse;font-size:.9rem}.metric-table th,.metric-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);text-align:left}.metric-table th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.metric-table th.num,.metric-table td.num{text-align:right;font-variant-numeric:tabular-nums}.metric-table tbody tr:hover{background:#ffffff08}.member-link{font-weight:700;text-decoration:none}.member-link:hover{text-decoration:underline}.member-sub{display:block;font-size:.75rem;color:var(--muted);font-weight:500}.rank-gm{color:var(--accent);font-weight:600}.refresh-icon{text-decoration:none;font-size:1.05rem}.refresh-icon .spin{display:inline-block;animation:gsme-spin .8s linear infinite}@keyframes gsme-spin{to{transform:rotate(360deg)}}.roster-add{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem}.roster-add .roster-name{flex:1 1 12rem;min-width:8rem}.cta-sm{font-size:.95rem;padding:.6rem 1.1rem;border-radius:10px}.cta-sm:disabled{opacity:.5;cursor:default;filter:none;transform:none}.roster-remove{background:none;border:none;padding:0 .2rem;font-size:1.2rem;line-height:1;color:var(--muted);cursor:pointer}.roster-remove:hover{color:#ff6b6b}.roster-empty{padding:1.5rem .25rem;text-align:center}.roster-toolbar{display:flex;justify-content:flex-end;margin-bottom:.5rem}.roster-clear{display:inline-flex;align-items:center;gap:.45rem;background:none;border:1px solid var(--border);border-radius:8px;padding:.4rem .75rem;font:inherit;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.roster-clear svg{display:block}.roster-clear:hover{color:#ff6b6b;border-color:#ff6b6b80;background:#ff6b6b12}.metric-spacer td{border:none;padding:0;height:1.1rem}.roster-avg td{border-bottom:none;border-top:2px solid var(--accent);background:#f4c4300f;padding-top:.8rem;padding-bottom:.8rem;font-weight:700;font-size:1rem}.roster-avg td:first-child{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.74rem}