body{background:#f6f4eb}.drop-main{max-width:1240px;margin:auto;padding:140px 36px 70px}.back-link{color:var(--teal,#167480);font-size:14px}.drop-intro h1{font-size:clamp(32px,4vw,54px);font-weight:400;letter-spacing:3px;margin:20px 0}.drop-intro h1 span{color:#b78d53;font-size:32px}.drop-lead{color:#708082;line-height:1.9}.drop-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9ddd1;border-bottom:1px solid #d9ddd1;margin:32px 0}.drop-stats div{padding:23px 20px;border-right:1px solid #d9ddd1}.drop-stats div:last-child{border:0}.drop-stats strong{display:block;color:#167480;font-size:30px;font-weight:400}.drop-stats span{font-size:13px;color:#718181}.drop-rule{background:#edf0e6;border:1px solid #dbe0d2;padding:22px 26px;line-height:1.8;font-size:14px;color:#526b6c}.drop-rule strong{color:#24575b;font-size:17px}.drop-rule p{margin:8px 0}.drop-catalog{padding-top:44px;scroll-margin-top:110px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-heading h2{font-weight:400;font-size:28px}.catalog-heading span,.drop-source{font-size:13px;color:#778586}.drop-controls{display:flex;align-items:end;gap:16px;margin:20px 0}.drop-controls label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#526b6c}.search-label{flex:1}.drop-controls input,.drop-controls select{border:1px solid #cfd8cc;background:#fffdf7;border-radius:2px;padding:13px;font:inherit;min-height:47px;color:#264e52}.drop-controls input:focus,.drop-controls select:focus{outline:2px solid #167480;outline-offset:2px}.drop-controls button{min-height:47px;white-space:nowrap}.drop-monster{border-top:1px solid #d8dfd3;padding:24px 0;display:grid;grid-template-columns:210px 1fr 1.1fr;gap:25px}.monster-heading{display:flex;gap:12px;align-items:start}.monster-level{color:#167480;background:#e7ece2;padding:8px 10px;font-size:13px;white-space:nowrap}.monster-heading h3{font-size:18px;font-weight:500;margin:3px 0 6px;color:#214c51}.monster-heading small{color:#83908c;font-size:11px}.map-list,.loot-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-content:start}.map-list li{background:#edf0e7;color:#4c6e70;padding:7px 9px;font-size:13px;line-height:1.6}.map-list small{display:block;color:#84918c;font-size:10px}.loot-list li{border:1px solid #dde2d4;background:#fbfaf3;padding:8px 11px;font-size:13px;line-height:1.7}.loot-list strong{font-weight:500;color:#285d62}.loot-list small{display:block;color:#9a8054;font-size:12px}.column-label{font-size:11px;color:#87938d;letter-spacing:2px;margin:0 0 10px}.pending-location{color:#a08560;font-size:13px}.drop-source{line-height:1.9;margin-top:40px}#drop-result-count{font-size:13px;color:#6e8180;margin:24px 0}#drop-more{display:block;margin:20px auto}#drop-more[hidden]{display:none}.catalog-link{margin-top:20px;white-space:normal}footer{padding:30px 36px}.drop-monster mark{background:#f2e6bf;color:inherit} @media(max-width:760px){.drop-main{padding:110px 20px 45px}.header .brand small{font-size:9px}.back-link{font-size:12px}.drop-stats{grid-template-columns:repeat(2,1fr)}.drop-stats div:nth-child(2){border-right:0}.drop-stats div:nth-child(-n+2){border-bottom:1px solid #d9ddd1}.drop-controls{flex-wrap:wrap;gap:12px}.search-label{flex-basis:100%}.drop-controls label:not(.search-label){flex:1}.drop-controls button{width:100%}.drop-monster{grid-template-columns:1fr;gap:16px;padding:24px 0}.catalog-heading{align-items:start;flex-direction:column;gap:0}.catalog-heading h2{margin-bottom:10px}.drop-rule{padding:18px}.drop-intro h1{letter-spacing:1px}.drop-stats strong{font-size:26px}footer{display:block}footer p{line-height:1.8}}