.main-nav{gap:2px}.main-nav a{padding-left:18px;padding-right:18px}.drop-intro{padding:46px 0 30px;position:relative}.drop-intro h1{font-size:42px;margin:17px 0 13px;letter-spacing:2px}.drop-intro h1 em{font-style:normal;color:#94def3}.drop-intro>p{color:var(--muted);font-size:14px;margin:0}.intro-related{position:absolute;right:0;bottom:33px;color:#acc9db;font-size:12px;border-bottom:1px solid #49677d;padding-bottom:6px}.intro-related span{margin-left:14px;color:var(--accent)}.drop-search{padding:23px 25px 14px;border:1px solid #3f637d;border-top:2px solid #83cfe9;border-radius:5px;background:linear-gradient(100deg,#162c40,#102132);box-shadow:0 14px 40px #0002}.field-title{display:block;margin-bottom:12px;color:#d5e9f5;font-size:14px}.search-line{display:flex;gap:12px}.query-wrap{display:flex;align-items:center;flex:1;min-width:0;background:#091725;border:1px solid #36566f;border-radius:3px;padding:0 16px;gap:13px}.query-wrap:focus-within{border-color:#97e8ff;box-shadow:0 0 0 2px #83d7f018}.query-wrap svg{width:21px;height:21px;flex:none;color:#97def4}.query-wrap input{width:100%;height:52px;color:#eef8ff;background:transparent;outline:0;border:0;font-size:16px;min-width:0}.query-wrap input::placeholder{color:#7592aa;font-size:14px}.type-field{display:flex}.type-field select{color:#d1e3f0;border:1px solid #36566f;border-radius:3px;background:#0d1c2c;padding:0 16px;max-width:170px}.search-submit{border:1px solid #b7ecff;border-radius:3px;background:#8bddf5;color:#0a2a3a;font-weight:700;padding:12px 28px;min-width:150px;white-space:nowrap}.search-submit:hover{background:#bbf0ff}.search-submit:disabled{background:#294a60;border-color:#476478;color:#9eb7c9}.search-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.search-bottom p{font-size:11px;color:#92b0c5;margin:10px 0 0}.text-button{padding:5px 0 0;border:0;background:transparent;color:#b1d4e6;font-size:12px;white-space:nowrap}.text-button:hover{text-decoration:underline}.start-panel{text-align:center;margin:28px 0 0;padding:50px 20px 44px;border:1px solid #263b4e;background:linear-gradient(180deg,#11213255,#0a152050);border-radius:4px}.start-symbol{display:grid;place-items:center;width:100px;height:100px;margin:0 auto 23px;border:1px solid #34546a;border-radius:50%;background:radial-gradient(circle,#28537144,#10213177);color:#94bbd1}.start-symbol svg{width:58px;height:58px;stroke-width:1.15}.start-panel h2{font:24px var(--serif);letter-spacing:2px;color:#d4e7f1;margin:0 0 15px}.start-panel>p{font-size:13px;color:#8da7bb;line-height:1.9;margin:0}.search-steps{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:33px;font-size:12px;color:#9bb7ca}.search-steps b{font:15px Georgia;color:#72bfdc;margin-right:9px}.search-steps i{font-style:normal;color:#446378}.mobile-only{display:none}.drop-workspace{display:grid;grid-template-columns:295px minmax(0,1fr);gap:24px;margin-top:26px;align-items:start}.item-rail{border:1px solid var(--line);border-radius:4px;background:#0c1a29;overflow:hidden}.item-results{max-height:660px;overflow:auto;scrollbar-width:thin;scrollbar-color:#395b74 #0c1a29;overflow-anchor:none}.item-row{display:flex;gap:12px;align-items:center;width:100%;border:0;border-left:3px solid transparent;border-bottom:1px solid #243a4b;background:transparent;text-align:left;padding:17px 15px;min-height:84px}.item-row:hover{background:#173246}.item-row[aria-pressed=true]{border-left-color:#9ce7fb;background:linear-gradient(90deg,#23485d,#142a3d)}.item-row-symbol{font-size:27px;color:#7ba5be;align-self:center}.item-row[aria-pressed=true] .item-row-symbol{color:#b8e9f9}.item-row-copy{flex:1;min-width:0}.item-row-copy strong{display:block;color:#e1edf6;font-weight:500;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.item-row-copy small{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 10px;color:#93aec2;font-size:10px;margin-top:7px}.row-arrow{color:#6d91a9;font-size:21px}.drop-detail{border:1px solid var(--line);border-radius:4px;background:#101f30;overflow:hidden;min-width:0}.drop-detail-head{padding:26px 28px 23px;background:linear-gradient(105deg,#18364b80,transparent)}.drop-detail-head .overline{font:10px Georgia;letter-spacing:2px;color:#7fb1cf}.drop-detail-head h2{font:28px/1.5 var(--serif);margin:9px 0 13px;overflow-wrap:anywhere;letter-spacing:1px;color:#edf7ff}.item-tags{display:flex;flex-wrap:wrap;gap:8px}.item-tags span{border:1px solid #3a5b71;padding:2px 9px;border-radius:3px;font-size:11px;color:#b2cfe1}.item-tags span:first-child{color:#a3e2f6;background:#27506566;border-color:#4d819b}.variant-note{margin:15px 0 0;font-size:11px;color:#92aabd}.sources-section{border-top:1px solid #294154;padding:22px 24px 24px}.sources-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.sources-toolbar h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;margin:0}.sources-toolbar h3 svg{width:19px;height:19px;color:#8ec9e2}.sources-toolbar select{border:1px solid #3a596f;padding:8px 10px;background:#0b1b2a;color:#c4dce9;border-radius:3px;font-size:12px;max-width:210px}.source-count{font-size:11px;color:#84a5bd;margin:12px 0 16px}.source-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.drop-source{background:#0b1927;border:1px solid #2b4357;border-radius:4px;min-width:0}.source-head{padding:12px 12px 10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;position:relative}.source-thumb{width:64px;height:73px;flex:none;display:grid;place-items:center;background:radial-gradient(ellipse,#284f6455,transparent 70%);color:#6992ac;font-size:25px}.source-thumb img{width:100%;height:100%;object-fit:contain}.source-title{flex:1;min-width:80px}.source-title>span{font:11px Georgia;color:#7bc8e5}.source-title h3{font-size:16px;font-weight:500;line-height:1.5;margin:3px 0;overflow-wrap:anywhere;color:#dcecf8}.monster-detail-link{font-size:10px;color:#92d1e9;margin-left:auto;flex-basis:100%;text-align:right;padding:1px 3px 3px}.monster-detail-link span{margin-left:5px}.monster-detail-link:hover{color:#d8f7ff;text-decoration:underline}.source-locations{padding:3px 14px 12px;border-top:1px solid #29405480}.location-line{display:flex;align-items:flex-start;gap:8px;padding-top:10px}.location-line svg{width:15px;height:15px;margin-top:2px;flex:none;color:#749eb7}.location-line strong{font-size:12px;font-weight:500;color:#bed8e8;display:block;overflow-wrap:anywhere}.location-line span{display:block;color:#718fa7;font-size:10px;margin-top:1px}.condition-label{font-size:10px;color:#d7b77c}.conditional-note{font-size:11px;color:#b8b29e;margin:17px 0 0}.sources-section>.load-more{margin-top:16px;border:1px solid #34576b;border-radius:3px}.source-missing{text-align:center;padding:45px 25px;background:#0b192580;border-top:1px solid #294154}.source-missing>span{font-size:45px;color:#648ba6;line-height:1}.source-missing h3{font-size:18px;color:#c5dce9;font-weight:500;margin:15px 0 12px}.source-missing p{font-size:12px;color:#8ca8be;line-height:2;margin:0}.drop-detail-foot{border-top:1px solid #263e51;padding:12px 25px;font-size:10px;color:#819fb5}.drop-data-note{display:flex;align-items:baseline;gap:26px;margin:24px 0 0;padding:18px 0;border-top:1px solid #233a4e;font-size:10px;color:#738fa6;line-height:1.8}.drop-data-note>span{flex-shrink:0}.drop-data-note b{font-weight:400;color:#9ab5c9;margin-left:8px}.drop-data-note p{margin:0}.site-footer{margin-top:22px}.no-results{text-align:center;padding:55px 20px;border:1px solid #263e51;margin-top:26px}.no-results h2{font:23px var(--serif);color:#cedfea}.no-results p{font-size:13px;color:#91acc0}.load-error{border:1px solid #8b6d48;border-radius:4px;padding:22px;margin:24px 0;color:#dfc3a0;background:#3c2d1b33}.load-error p{font-size:13px}.load-error button{padding:7px 15px;color:#e5d2b8;background:#403523;border:1px solid #94774f}.drop-search select option{background:#102234}.drop-detail{scroll-margin-top:20px}
@media(min-width:1500px){.drop-workspace{grid-template-columns:320px minmax(0,1fr)}.source-head{gap:12px}.source-thumb{width:72px;height:80px}.source-title h3{font-size:18px}.monster-detail-link{flex-basis:auto;margin-left:auto;align-self:flex-start;margin-top:10px}}
@media(max-width:1100px){.drop-workspace{grid-template-columns:250px minmax(0,1fr);gap:18px}.main-nav a{padding-left:13px;padding-right:13px}.drop-intro h1{font-size:37px}.source-cards{grid-template-columns:1fr}.source-head{flex-wrap:nowrap}.monster-detail-link{flex-basis:auto;white-space:nowrap}.source-thumb{width:58px;height:63px}.source-locations{display:flex;flex-wrap:wrap;gap:0 18px}.sources-section{padding:20px}.drop-detail-head{padding:23px}.query-wrap input{font-size:15px}.search-submit{min-width:130px;padding:12px 19px}.type-field select{max-width:145px}}
@media(max-width:850px){.intro-related{position:static;display:inline-block;margin-top:20px}.drop-intro{padding-top:32px}.search-line{flex-wrap:wrap}.query-wrap{flex-basis:100%}.type-field{flex:1}.type-field select{width:100%;max-width:none;min-height:43px}.search-submit{min-width:165px}.drop-search{padding:20px 20px 12px}.drop-workspace{grid-template-columns:220px minmax(0,1fr);gap:14px}.item-row{padding:14px 11px;gap:9px}.item-row-copy strong{font-size:13px}.sources-toolbar{align-items:flex-start;flex-direction:column}.sources-toolbar label,.sources-toolbar select{width:100%;max-width:none}.source-head{flex-wrap:wrap}.source-title h3{font-size:15px}.monster-detail-link{flex-basis:100%}.drop-detail-head h2{font-size:24px}.drop-data-note{gap:16px}}
@media(max-width:700px){.drop-intro h1{font-size:31px;letter-spacing:1px;line-height:1.6}.drop-intro>p{font-size:12px;line-height:1.9;max-width:330px}.intro-related{font-size:11px;margin-top:14px}.drop-search{padding:17px 14px 9px}.field-title{font-size:13px}.query-wrap{padding:0 10px;gap:9px}.query-wrap input{height:48px;font-size:16px}.query-wrap input::placeholder{font-size:12px}.search-line{gap:9px}.type-field select{padding-left:11px;font-size:12px}.search-submit{min-width:130px;font-size:13px}.search-bottom{gap:8px;align-items:baseline}.search-bottom p{font-size:10px;max-width:235px}.text-button{font-size:11px}.start-panel{padding:35px 15px;margin-top:20px}.start-symbol{width:84px;height:84px;margin-bottom:20px}.start-symbol svg{width:50px}.start-panel h2{font-size:23px}.start-panel>p{font-size:12px}.search-steps{gap:10px;font-size:10px;margin-top:25px}.search-steps b{font-size:12px;margin-right:4px}.mobile-only{display:block}.drop-workspace{grid-template-columns:1fr;gap:19px;margin-top:20px}.item-results{max-height:230px}.item-row{min-height:76px;padding:13px 15px}.item-row-copy strong{font-size:14px}.item-row-copy small{justify-content:flex-start;gap:18px}.item-rail .rail-heading{height:46px;padding:0 15px}.item-rail .rail-heading h2{font-size:13px}.drop-detail-head{padding:22px 20px}.sources-section{padding:20px 17px}.sources-toolbar{flex-direction:row;align-items:center}.sources-toolbar h3{font-size:13px;white-space:nowrap}.sources-toolbar label{width:auto;min-width:0}.sources-toolbar select{max-width:150px;font-size:11px}.source-cards{gap:12px}.source-head{flex-wrap:nowrap;padding:11px 12px;gap:9px}.source-title h3{font-size:16px}.monster-detail-link{flex-basis:auto;font-size:10px}.source-locations{padding-bottom:13px;gap:0 16px}.drop-data-note{display:block;padding-top:15px}.drop-data-note p{margin-top:7px;font-size:10px;line-height:1.9}.drop-detail-foot{padding:12px 18px}.source-missing{padding:30px 19px}.source-missing h3{font-size:17px}.source-missing p{font-size:11px}.main-nav a{padding:12px 13px}.no-results{padding:35px 16px}.no-results h2{font-size:20px}.no-results p{font-size:12px}}
@media(max-width:365px){.drop-intro h1{font-size:28px}.sources-toolbar{flex-direction:column;align-items:stretch}.sources-toolbar select{max-width:none}.search-submit{min-width:115px;padding:10px}.monster-detail-link{font-size:9px}.source-title h3{font-size:14px}}
