:root{--bg: #0e0f13;--bg-alt: #16181f;--panel: #1c1f28;--panel-2: #232732;--border: #2c313d;--text: #e7e8ee;--muted: #9aa0b0;--gold: #f8b700;--accent: #69ccf0;--good: #4ade80;--bad: #f87171;--shadow: 0 4px 20px rgba(0,0,0,.35);--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -200px,#1a1d27 0%,var(--bg) 60%);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5rem;font-weight:650;letter-spacing:.2px}h1{font-size:1.6rem}h2{font-size:1.2rem}.app{min-height:100%;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:1.25rem;padding:.8rem 1.5rem;background:#0e0f13d9;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:800;font-size:1.15rem;color:var(--gold);letter-spacing:.5px}.brand span{color:var(--text)}.nav a.link{color:var(--muted);padding:.3rem .1rem;font-weight:550}.nav a.link.active,.nav a.link:hover{color:var(--text);text-decoration:none}.nav .spacer{flex:1}.container{width:100%;max-width:1120px;margin:0 auto;padding:1.5rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.grid{display:grid;gap:1rem}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat{display:flex;flex-direction:column;gap:.15rem}.stat .big{font-size:1.8rem;font-weight:750;color:var(--gold)}.stat .label{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.6px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}tbody tr:hover{background:var(--panel-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;border-radius:var(--radius)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--panel-2);border:1px solid var(--border)}.badge.gold{color:#1a1408;background:var(--gold);border-color:var(--gold)}.badge.boss{color:var(--gold);border-color:#5a4a10}.rank{color:var(--muted);font-variant-numeric:tabular-nums}.rank-1{color:var(--gold);font-weight:800}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.pill-tag{font-size:.72rem;padding:.1rem .45rem;border-radius:6px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}input,select,button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem}input:focus,select:focus{outline:none;border-color:var(--accent)}label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.3rem}button{cursor:pointer;background:var(--panel-2);transition:background .15s,border-color .15s}button:hover{border-color:var(--accent)}button.primary{background:var(--gold);color:#1a1408;border-color:var(--gold);font-weight:700}button.primary:hover{filter:brightness(1.05)}button:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:.9rem}.tuner{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem 1.1rem}.tuner .w{display:flex;flex-direction:column;gap:.25rem}.tuner .w .top{display:flex;justify-content:space-between;font-size:.8rem}.tuner .w input[type=range]{width:100%;accent-color:var(--gold)}.tuner .w b{color:var(--gold);font-variant-numeric:tabular-nums}.center{display:grid;place-items:center;min-height:40vh}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--bad);background:#f8717114;border:1px solid rgba(248,113,113,.3);padding:.7rem 1rem;border-radius:8px}.notice{color:var(--good);background:#4ade8014;border:1px solid rgba(74,222,128,.3);padding:.7rem 1rem;border-radius:8px}.events{max-height:520px;overflow-y:auto}.ev{display:flex;gap:.6rem;align-items:baseline;padding:.28rem .3rem;border-bottom:1px solid var(--border);font-size:.9rem}.ev .t{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem;min-width:74px}.ev.boss{background:#f8b7000f}.ev.death .who{color:var(--bad)}.drop{border:2px dashed var(--border);border-radius:var(--radius);padding:2.4rem;text-align:center;color:var(--muted);transition:border-color .15s,background .15s}.drop.drag{border-color:var(--gold);background:#f8b7000d;color:var(--text)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;gap:1rem;flex-wrap:wrap}.stack>*+*{margin-top:1.25rem}.filters{display:flex;gap:.8rem;flex-wrap:wrap;align-items:end}