:root{color-scheme:dark;--bg:#0b1015;--panel:#131b23;--line:#2c3944;--ink:#e5edf0;--muted:#91a2b1;--gold:#e8bd79;--teal:#78d4c4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#1e2e37,transparent 45%),var(--bg);color:var(--ink);font:14px/1.55 system-ui,Segoe UI}header{border-bottom:1px solid var(--line);padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 27px Georgia;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:16px}.brand span{font:11px system-ui;letter-spacing:3px;color:var(--muted)}.connection{display:flex;align-items:end;gap:8px}.connection label{margin:0;min-width:250px}.connection input{padding:7px 11px}.connection button{padding:8px 16px}main{max-width:1500px;margin:auto;padding:30px 32px 12px}.intro{display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--teal);font-size:10px;letter-spacing:3px}h1{font-size:32px;margin:6px 0 3px;letter-spacing:-.7px}h2{font-size:20px;line-height:1.3;margin:0 0 16px}h3{font-size:14px;margin:22px 0 12px;color:var(--gold)}p{margin:4px 0 20px;color:var(--muted)}button{background:#1d2932;border:1px solid #3b4c59;color:var(--ink);border-radius:7px;padding:10px 16px;cursor:pointer;font:600 12px system-ui;transition:.15s}button:hover{background:#2b3b46;border-color:var(--gold)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button:disabled{opacity:.4;cursor:default}.primary{background:var(--gold);color:#24201a;border-color:var(--gold)}.primary:hover{background:#f5d79f}.danger{color:#fcaaaa;border-color:#634247}input,select{width:100%;font:14px system-ui;padding:10px 12px;background:#0c141b;color:var(--ink);border:1px solid #334351;border-radius:6px;min-width:0}input[readonly]{color:#9caeaf;background:#14232c}label{display:block;color:#b7c5ce;font-size:11px;margin:0 0 15px}label input,label select{margin-top:6px}.check{display:flex;align-items:center;gap:8px;font-size:13px}.check input{width:16px;margin:0;accent-color:var(--teal)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metrics>div{padding:18px 22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#1a2731,#111a22)}.metrics span{display:block;color:var(--muted);font-size:11px}.metrics strong{font-size:24px;font-weight:600;display:block;margin-top:5px;color:var(--gold)}nav{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:12px;overflow-x:auto}nav button{border-color:transparent;background:transparent;white-space:nowrap;color:#9aacb9}nav button.active{color:var(--teal);background:#19302f;border-color:#355b53}.pill{display:inline-block;white-space:nowrap;border-radius:20px;border:1px solid #345452;padding:6px 12px;color:var(--teal);background:#132723;font-size:11px}.disabled{opacity:.45}.split{display:grid;grid-template-columns:310px 1fr;gap:18px}aside,article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}.wide{max-width:1100px;margin:auto}.list-head,.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.list-head h2,.panel-head h2{margin-bottom:14px}.list-head button{padding:5px 9px;font-size:10px;margin-bottom:14px}.record-list{max-height:580px;overflow:auto;display:flex;flex-direction:column;gap:6px}.record{padding:12px;text-align:left;position:relative;background:#0e161e;border:1px solid #27343f;color:var(--ink);border-radius:7px;min-height:65px}.record.selected{border-color:var(--teal);background:#1a302f;box-shadow:inset 3px 0 var(--teal)}.record strong,.record span{display:block}.record strong{font-size:12px;font-weight:500}.record span{color:var(--muted);font-size:10px;margin-top:3px}.record small{color:var(--gold);font-size:10px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:var(--muted)}.pager button{padding:4px 12px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.hint{font-size:12px;line-height:1.8;padding:12px 15px;border-left:2px solid #4f746c;background:#101f25;color:#a0b4be}.caption{font-size:10px;line-height:1.7;margin:8px 0 22px}.map-head{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;margin:3px 0 8px}#map-view{display:block;width:100%;height:240px;background:radial-gradient(ellipse,#253936,#111d24);border:1px solid #3b5055;border-radius:6px;cursor:crosshair}.preview{padding:13px 16px;margin:10px 0 20px;border:1px solid #345452;background:#122326;border-radius:7px;color:var(--teal);font-size:12px;line-height:1.9}.preview b{color:var(--gold)}.actions{display:flex;gap:10px;flex-wrap:wrap}details{border-top:1px solid var(--line);margin:14px 0}summary{cursor:pointer;font-size:12px;padding:14px 0;color:var(--muted)}.rarity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.drop-row{display:grid;grid-template-columns:3fr 1fr .7fr .7fr 32px;gap:9px;margin-bottom:9px}.drop-row input{font-size:12px;padding:8px}.drop-row button{padding:0;color:#e8aaaa}.drop-row:first-child{margin-top:16px}.drop-labels{font-size:10px;color:var(--muted);display:grid;grid-template-columns:3fr 1fr .7fr .7fr 32px;gap:9px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#8da1b0;font-weight:500;font-size:10px;padding:13px 10px;border-bottom:1px solid #4b565f}td{padding:12px 10px;border-bottom:1px solid #26333d}td:first-child{color:var(--gold)}.table-scroll{max-height:500px;overflow:auto}thead{position:sticky;top:0;background:var(--panel)}.boost-buttons{display:flex;gap:12px;margin:24px 0}.boost-buttons button{padding:16px 30px;color:var(--gold);font-size:22px}.boost-buttons button.active{background:#29443b;border-color:var(--teal);color:var(--teal)}.save-context{display:flex;align-items:center;gap:24px;margin-top:20px;padding:20px;background:#18212a;border:1px solid var(--line);border-radius:9px}.save-context label{flex:1;margin:0}.save-context div{font-size:10px;max-width:275px;color:var(--muted)}.save-context strong{display:block;color:var(--teal);font-size:13px;margin-bottom:5px}footer{display:flex;gap:24px;padding:22px 0;font-size:10px;color:var(--muted)}footer a{color:var(--gold);text-decoration:none}footer span{margin-left:auto}#message:empty{display:none}#message{position:sticky;top:10px;z-index:20;margin:12px 0;padding:12px 18px;border:1px solid #386453;border-radius:8px;background:#15372a;font-size:12px;box-shadow:0 10px 30px #0006}#message.error{border-color:#986154;background:#462723;color:#ffdbcf}@media(max-width:1050px){.split{grid-template-columns:260px 1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.brand span{display:none}.rarity-grid{grid-template-columns:repeat(3,1fr)}.save-context{flex-wrap:wrap}}@media(max-width:760px){main{padding:20px 14px}header{padding:14px;flex-wrap:wrap}.connection label{min-width:160px}.intro{align-items:start;gap:14px}h1{font-size:25px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics strong{font-size:20px}.split{grid-template-columns:1fr}aside .record-list{max-height:220px}aside,article{padding:18px}.boost-buttons{gap:6px;flex-wrap:wrap}.boost-buttons button{padding:12px 20px}.drop-row{grid-template-columns:2fr 1fr .6fr .6fr 24px;gap:5px}.form-grid{gap:0 10px}.save-context{padding:16px}.save-context label{flex-basis:100%}.panel-head{align-items:start}}

.boss-art{display:flex;align-items:center;gap:22px;margin-bottom:20px}.boss-art img{height:180px;width:145px;object-fit:contain;background:#0e151e;border:1px solid #35434e;border-radius:8px}.boss-art p{max-width:460px}#boss-spawn,#refresh-spawn{margin:12px 0 12px 10px}details[open] summary{margin-bottom:16px}