@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Philosopher:wght@400;700&display=swap');
:root{--bg:#060b14;--panel:#0d1421;--panel2:#111c2d;--line:#21314a;--blue:#279fe9;--orange:#e89257;--cream:#eee1cb;--muted:#748197}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:transparent;color:#dce4ed;font-family:'Open Sans',Arial,sans-serif}button,select{font:inherit}.drop-app{width:100%;padding:8px 8px 24px}.drop-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 5px 22px}.eyebrow{color:var(--orange);font-size:9px;letter-spacing:2.2px}.drop-intro h1{font:38px 'Philosopher',serif;color:var(--cream);margin:7px 0}.drop-intro p{color:var(--muted);font-size:11px;margin:0}.database-state{display:flex;align-items:center;gap:8px;color:#7f8da3;font-size:9px}.database-state i{width:7px;height:7px;border-radius:50%;background:#4ccd88;box-shadow:0 0 10px #4ccd88}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.mode-tab{border:1px solid var(--line);background:linear-gradient(135deg,#101a2a,#0a111d);color:#aab4c3;text-align:left;padding:15px;display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;cursor:pointer}.mode-tab:hover{border-color:#35618e}.mode-tab.active{border-color:#248fd2;background:linear-gradient(135deg,#153253,#0d1b2e);box-shadow:inset 0 -2px #2aaaf3}.mode-icon{height:38px;width:38px;display:grid;place-items:center;border:1px solid #2d527b;color:#5ebaff;background:#0b2038;font:19px 'Philosopher',serif}.mode-tab b{display:block;color:#e6ebf1;font:15px 'Philosopher',serif}.mode-tab small{display:block;color:#65738a;font-size:8px;margin-top:4px}.drop-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid var(--line);background:rgba(8,14,24,.97);min-height:445px}.query-panel{padding:28px;border-right:1px solid var(--line);background:linear-gradient(180deg,#101a2a,#0a111d)}.query-form{display:none}.query-form.active{display:block}.query-label{color:var(--orange);font-size:8px;letter-spacing:1.8px}.query-form h2{font:25px 'Philosopher',serif;color:var(--cream);margin:7px 0 9px}.query-form p{font-size:10px;color:#68758a;line-height:1.6;margin:0 0 23px}.query-form label{display:block;color:#8390a3;font-size:8px;letter-spacing:1px;margin-bottom:7px}.query-form select{width:100%;height:50px;border:1px solid #2b3d59;background:#09111e;color:#bdc9d8;padding:0 12px;outline:0;font-size:11px}.query-form select:focus{border-color:var(--blue)}.query-form button{width:100%;height:47px;border:0;margin-top:11px;background:linear-gradient(100deg,#157fd1,#1bd4dc);color:white;font:700 13px 'Philosopher',serif;cursor:pointer;box-shadow:0 10px 25px rgba(17,166,213,.18)}.query-form button:hover{filter:brightness(1.12)}.query-form button span{margin-left:7px}.result-panel{padding:25px;min-width:0}.empty-state{height:100%;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state>span{width:70px;height:70px;display:grid;place-items:center;border:1px solid #263d5d;color:#3d78aa;background:radial-gradient(circle,#102e50,#0a111c);font:32px 'Philosopher',serif}.empty-state h3{font:21px 'Philosopher',serif;color:#cfd8e4;margin:14px 0 5px}.empty-state p{font-size:9px;color:#617086}.empty-state.error>span{color:#e89257;border-color:#6b3d2d}.empty-state.compact{min-height:250px}.result-header{display:flex;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.result-icon{height:49px;width:49px;display:grid;place-items:center;background:#0e2b4c;border:1px solid #286499;color:#5dbbfa;font-size:21px;margin-right:13px}.result-header small{color:var(--orange);font-size:7px;letter-spacing:1.6px}.result-header h3{font:22px 'Philosopher',serif;color:var(--cream);margin:4px 0}.selected-map{margin:2px 0 0;color:#7588a2;font-size:8px;line-height:1.4}.selected-map i{color:var(--orange);font-style:normal;margin-right:5px}.result-header>strong{margin-left:auto;color:#63c4fc;font:25px 'Philosopher',serif;text-align:center}.result-header>strong span{display:block;color:#647187;font:7px 'Open Sans',sans-serif;letter-spacing:1px}.table-head,.table-row{display:grid;align-items:center}.item-results .table-head,.item-results .table-row{grid-template-columns:55px minmax(135px,1fr) minmax(100px,145px) 85px 62px 78px}.table-head{height:36px;color:#8498b5;font-size:7px;letter-spacing:.9px}.table-row{min-height:60px;border-top:1px solid #19263a;color:#7f8da2;font-size:10px}.table-row>span{min-width:0}.table-row img{width:26px;height:26px;object-fit:contain}.table-row b{display:block;color:#e5ebf2;font:14px 'Philosopher',serif;white-space:normal}.table-row small{color:#4f5d72;font-size:7px}.table-row em{font-style:normal;border:1px solid #2d3d56;padding:4px 7px}.table-row strong{color:#56b9f7}.map-name{color:#9aabc0;font-size:9px;line-height:1.35;padding-right:8px}.item-gem{width:25px;height:25px;display:grid;place-items:center;background:#0f2d50;border:1px solid #236da9;color:#59bdff;font-style:normal}.drop-note{text-align:center;color:#536176;font-size:8px;margin:16px 0 0}.drop-note span{color:var(--orange)}
.slot-list{display:grid;gap:10px;margin-top:16px}.slot-group{border:1px solid #213451;background:#0a121f}.slot-group[open]{border-color:#2b5378;background:#0b1625}.slot-group summary{list-style:none;display:grid;grid-template-columns:46px minmax(0,1fr) auto 25px;gap:12px;align-items:center;min-height:66px;padding:10px 14px;cursor:pointer;background:linear-gradient(90deg,#111e31,#0b1422)}.slot-group summary::-webkit-details-marker{display:none}.slot-group summary:hover{background:linear-gradient(90deg,#142640,#0c1727)}.slot-number{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2b6798;background:#0d2a48;color:#65c3fa;font:20px 'Philosopher',serif}.slot-number small{display:block;margin-bottom:-8px;color:#7798b6;font:6px 'Open Sans',sans-serif;letter-spacing:1px}.slot-heading b{display:block;color:#e7dfd1;font:16px 'Philosopher',serif}.slot-heading small{display:block;margin-top:4px;color:#69778b;font-size:8px;line-height:1.45}.slot-count{color:#74859b;font-size:7px;letter-spacing:1px;text-align:right}.slot-count b{display:block;color:#70c6f8;font:18px 'Philosopher',serif}.slot-toggle{color:#5d7893;font-style:normal;font-size:17px;transition:transform .2s}.slot-group[open] .slot-toggle{transform:rotate(45deg);color:var(--orange)}.slot-content{border-top:1px solid #20324c;padding:0 14px 8px}.slot-table-head,.slot-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center}.slot-table-head{height:31px;color:#71849f;font-size:7px;letter-spacing:1px}.slot-table-head span:last-child{text-align:right}.slot-row{min-height:51px;border-top:1px solid #17263b}.slot-item{display:flex;align-items:center;gap:11px;min-width:0}.slot-item b{color:#e2e8ef;font:13px 'Philosopher',serif}.slot-rate{text-align:right}.slot-rate strong{display:inline-block;min-width:54px;padding:6px 8px;border:1px solid #24517a;background:#0d2742;color:#6cc6fa;font-size:10px;text-align:center}
@media(max-width:760px){.drop-app{padding:4px}.drop-intro{display:block}.database-state{margin-top:14px}.drop-intro h1{font-size:31px}.drop-workspace{grid-template-columns:1fr}.query-panel{border-right:0;border-bottom:1px solid var(--line)}.result-panel{padding:19px}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;gap:11px;padding:14px 0}.table-row>span:before{content:attr(data-label);display:block;color:#59667b;font-size:7px;margin-bottom:4px}.table-row>span:nth-child(2){grid-column:1/-1;grid-row:1}.table-row>span:nth-child(2):before{display:none}.slot-group summary{grid-template-columns:44px minmax(0,1fr) auto 20px;padding:9px 11px}.slot-content{padding:0 11px 7px}}
.result-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;margin-top:10px;border-top:1px solid var(--line)}.result-pagination form{margin:0}.result-pagination button{min-width:92px;height:34px;padding:0 13px;border:1px solid #28547c;background:#0d2945;color:#75c8fa;font-size:9px;cursor:pointer}.result-pagination button:hover:not(:disabled){border-color:#43a8e7;background:#123b62}.result-pagination button:disabled{opacity:.35;cursor:default}.result-pagination>span{color:#65748a;font-size:9px;text-align:center}.result-pagination>span b{color:#d6e0eb}
@media(max-width:460px){.mode-tab{grid-template-columns:32px 1fr;padding:11px}.mode-icon{width:31px;height:31px}.mode-tab small{display:none}.query-panel{padding:20px}.result-panel{padding:14px}.table-row{grid-template-columns:1fr}.table-row>span:nth-child(2){grid-column:auto}.result-header h3{font-size:18px}.slot-group summary{grid-template-columns:42px minmax(0,1fr) 20px}.slot-count{display:none}.slot-heading small{font-size:7px}.slot-table-head,.slot-row{grid-template-columns:minmax(0,1fr) 76px}.result-pagination{flex-wrap:wrap}.result-pagination>span{order:-1;width:100%}.result-pagination form{width:calc(50% - 6px)}.result-pagination button{width:100%}}
.mode-tabs{grid-template-columns:repeat(3,1fr)}
.map-results .table-head,.map-results .table-row{grid-template-columns:52px minmax(135px,1fr) 84px 60px 74px 108px}
.item-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid #2b4f73;background:radial-gradient(circle,#183b5d,#091422);box-shadow:inset 0 0 12px rgba(48,153,224,.16);font-style:normal}
.item-icon img{width:34px;height:34px;object-fit:contain}
.drop-slot-count strong{display:inline;color:#69c4f8;font:16px 'Philosopher',serif}
.inline-detail-form{margin:0}.inline-detail-form button{width:96px;height:31px;border:1px solid #28547c;background:#0d2945;color:#75c8fa;font-size:8px;cursor:pointer}.inline-detail-form button:hover{border-color:#43a8e7;background:#123b62}
@media(max-width:760px){.map-results .table-row{grid-template-columns:1fr 1fr;gap:11px;padding:14px 0}.map-results .table-row>span:nth-child(2){grid-column:1/-1;grid-row:1}.map-results .table-row>span:nth-child(2):before{display:none}}
@media(max-width:520px){.mode-tabs{grid-template-columns:1fr}.map-results .table-row{grid-template-columns:1fr}.map-results .table-row>span:nth-child(2){grid-column:auto}.inline-detail-form button{width:100%}}