:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{width:100%;overflow-x:hidden}body{margin:0;background:#0b0f14;color:#e6edf3}#app{max-width:1200px;margin:0 auto;padding:16px}.hidden{display:none!important}input,select{padding:10px;border-radius:10px;border:1px solid #30363d;background:#0b0f14;color:#e6edf3}.primary{border-radius:10px;border:1px solid #2ea043;background:#238636;color:#fff;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:700}.secondary{border-radius:10px;border:1px solid #30363d;background:#161b22;color:#e6edf3;padding:8px 10px;cursor:pointer;font-size:12px}button:disabled{opacity:.55;cursor:not-allowed}.footer{margin-top:40px;padding:20px;text-align:center;font-size:12px;color:#888;border-top:1px solid #2a3440}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{background:#161b22;border:1px solid #30363d;color:#c9d1d9;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:12px}.tab.active{background:#238636;border-color:#2ea043;color:#fff}.split{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1000px){.split{grid-template-columns:1fr}}.leftPane,.rightPane{border:1px solid #2a3440;border-radius:14px;background:#0b0f14;padding:12px}#panel-market .split{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1000px){#panel-market .split{grid-template-columns:1fr}}#panel-market .leftPane{max-height:calc(100vh - 340px);display:flex;flex-direction:column}#panel-market .itemList{list-style:none;padding:0 6px 0 0;margin:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1 1 auto}#panel-market .itemRow{border:1px solid #2a3440;border-radius:12px;background:#0b0f14;padding:10px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}#panel-market .itemRow:hover{background:#101a26}#panel-market .itemRow.active{outline:2px solid rgba(255,212,121,.35)}#panel-market .itemMain{flex:1;min-width:0}#panel-market .itemName{font-weight:800;font-size:13px}#panel-market .itemSub{opacity:.7;font-size:12px;margin-top:4px}#panel-market .itemMeta{opacity:.65;font-size:11px;margin-top:2px}#panel-market .itemRight{display:flex;gap:8px;align-items:center}.marketCard{margin-top:10px}.marketStats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.statBox{flex:1 1 140px;background:#0b0f14;border:1px solid #2a3440;border-radius:12px;padding:10px}.statBox .k{opacity:.75;font-size:12px}.statBox .v{font-size:16px;font-weight:900;margin-top:4px;color:#ffd479}.marketTableWrap{overflow:auto;border-radius:12px;border:1px solid #2a3440}.marketTable{width:100%;border-collapse:collapse;min-width:720px;background:#0b0f14}.marketTable th,.marketTable td{padding:8px 10px;border-bottom:1px solid #2a3440;font-size:11px;white-space:nowrap}.marketTable th{background:#0c1420;text-align:left;opacity:.85}.marketTable tr:hover td{background:#101a26}.badgeHQ{color:#7ee787;font-weight:900}.cartPanel{margin-top:10px}.cartHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.cartTotal{font-weight:900;color:#ffd479}.cartList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cartItem{border:1px solid #2a3440;border-radius:12px;padding:10px;background:#0b0f14;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.cartItem .name{font-weight:800}.cartItem .meta{opacity:.7;font-size:12px;margin-top:4px}.cartItem .price{font-weight:900;color:#ffd479}.qtyBox{display:flex;align-items:center;gap:8px}.qtyBox input{width:110px}.favPanel{margin-top:10px}.favHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.subcatBtn{border:1px solid #30363d;background:#161b22;color:#c9d1d9;padding:8px 10px;border-radius:999px;cursor:pointer;font-size:12px}.subcatBtn.active{border-color:#2ea043;background:#238636;color:#fff}#panel-treasure .split{display:grid;grid-template-columns:220px 1fr;gap:20px}@media(max-width:1000px){#panel-treasure .split{grid-template-columns:1fr}}#panel-treasure .itemRow{border:1px solid #2a3440;border-radius:12px;background:#0b0f14;padding:10px;cursor:pointer;transition:.15s}#panel-treasure .itemRow:hover{background:#101a26}#panel-treasure .itemRow.active{outline:2px solid rgba(0,229,255,.45)}#panel-treasure .zoneRowTitle{font-weight:800;font-size:13px}#panel-treasure .zoneRowMeta{margin-top:4px;font-size:12px;opacity:.72}#panel-treasure .treasureMapToolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}#panel-treasure #mapViewport{width:100%;height:600px;overflow:hidden;position:relative;border:1px solid #333;background:#000}#panel-treasure #mapCanvas{position:absolute;left:0;top:0;transform-origin:0 0;cursor:grab;-webkit-user-select:none;user-select:none}#panel-treasure #mapCanvas img{pointer-events:none}#panel-treasure #mapHighlightLayer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}#panel-treasure .mapRect{position:absolute;border:3px solid #00e5ff;background:#00264540;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 0 14px #00e5ff40;transition:.15s;overflow:hidden;text-align:center}#panel-treasure .mapRect:hover{background:#00264566;transform:scale(1.05)}#panel-treasure .mapRect.focus{border:3px solid #00e5ff;box-shadow:0 0 18px #00e5ff99}#panel-treasure .mapRect.dimmed{opacity:.15}#panel-treasure .mapRect.reverseRect{position:absolute;border:3px solid #00e5ff;background:#00264540;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 0 14px #00e5ff40;transition:.15s;overflow:hidden;text-align:center}#panel-treasure .mapRect.reverseRect:hover{background:#00264566;transform:scale(1.05)}#panel-treasure .mapRectInner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1;padding:4px}#panel-treasure .mapRectLabel{font-size:14px;font-weight:800}#panel-treasure .mapRectNick{font-size:11px;color:#ffe7be;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}#panel-treasure .mapRectCoord{font-size:10px;opacity:.85}#panel-treasure .spot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:14px}#panel-treasure .cardItem{border:1px solid #2a3440;border-radius:12px;overflow:hidden;cursor:pointer;background:#0b0f14;transition:.15s}#panel-treasure .cardItem:hover{background:#101a26;transform:translateY(-2px)}#panel-treasure .cardItem.selected{outline:2px solid #00e5ff;box-shadow:0 0 12px #00e5ff80;background:#101a26}#panel-treasure .cardItem.reverseCard{outline:1px solid rgba(255,179,71,.45)}#panel-treasure .cardItem.reverseCard.selected{outline:2px solid #ffb347;box-shadow:0 0 12px #ffb34773}#panel-treasure .spotThumb{width:100%;height:120px;overflow:hidden;position:relative;border-bottom:1px solid #2a3440;background:#000}#panel-treasure .spotThumb img{position:absolute;top:0;left:0}#panel-treasure .spotCardBody{padding:8px}#panel-treasure .spotCardTitle{text-align:center;font-weight:700;font-size:13px}#panel-treasure .spotCardMeta{margin-top:4px;text-align:center;font-size:12px;opacity:.75}#panel-treasure .spotNickList{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}#panel-treasure .nickBadge{padding:3px 7px;border-radius:999px;font-size:11px;background:#1b2430;border:1px solid #3b4b5d;color:#dbe7f3}#panel-treasure .fullmap{margin-top:10px}#panel-treasure .treasureReverse{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1000px){#panel-treasure .treasureReverse{grid-template-columns:1fr}}#panel-treasure .pasteBox{width:100%;min-height:80px;resize:vertical;border-radius:10px;border:1px solid #30363d;background:#0b0f14;color:#e6edf3;padding:10px}#panel-treasure .reverseResult{border:1px solid #2a3440;border-radius:12px;padding:12px}#panel-treasure .reverseHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}#panel-treasure .reverseList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}#panel-treasure .reverseList li{border:1px solid #2a3440;border-radius:10px;padding:8px;background:#0b0f14}#panel-treasure .reverseZoneResult{cursor:pointer}#panel-treasure .reverseZoneResult:hover{background:#101a26}#panel-treasure .reverseZoneName{font-weight:800;font-size:13px}#panel-treasure .reverseZoneMeta{margin-top:4px;font-size:12px;opacity:.75}#panel-treasure .mapRectInner{position:relative;width:100%;height:100%}#panel-treasure .mapRectCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}#panel-treasure .mapRectLabel{width:32px;height:32px;border-radius:50%;background:#00e5ff;color:#000;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00e5ff99}#panel-treasure .mapRectNicks{position:absolute;top:4px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}#panel-treasure .mapRectNick{font-size:10px;background:#000000a6;padding:2px 6px;border-radius:6px;white-space:nowrap}#panel-treasure .mapRectCoord{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:10px;opacity:.8}#panel-treasure .mapRect.selected{outline:2px solid #00e5ff}.mapNickOverlay{position:absolute;transform:translate(-50%,6px);background:#000000d9;padding:4px 8px;border-radius:8px;font-size:13px;white-space:nowrap;display:flex;gap:4px;pointer-events:none;box-shadow:0 2px 6px #00000080;flex-wrap:wrap;max-width:160px}.nickBadge{background:#00e5ff;color:#000;font-weight:700;padding:2px 6px;border-radius:6px}#panel-admin{margin-top:20px}.adminGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media(max-width:900px){.adminGrid{grid-template-columns:1fr}}.adminTable{width:100%;border-collapse:collapse}.adminTable th{background:#0c1420;padding:8px;border-bottom:1px solid #2a3440}.adminTable td{padding:8px;border-bottom:1px solid #2a3440}.adminTable tr{cursor:pointer}.adminTable tr:hover{background:#101a26}.adminTable tr.active{background:#2c3e50}.adminAddRow{margin-top:10px;display:flex;gap:8px}.adminAddRow input{flex:1}.adminUpload{margin-top:14px;display:flex;gap:8px}#panel-admin #adminMapViewport{width:100%;height:600px;overflow:hidden;position:relative;border:1px solid #333}#panel-admin #adminMapCanvas{position:absolute;left:0;top:0;transform-origin:0 0;cursor:grab;display:inline-block}#panel-admin #adminHighlightLayer{position:absolute;left:0;top:0}#panel-admin .mapRect{position:absolute;border:3px solid #00e5ff;background:#00264533;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto}#panel-admin #adminHighlightLayer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}#panel-admin .mapRect{position:absolute;border:3px solid #00e5ff;box-shadow:0 0 14px #00e5ff40}#panel-admin .spotLabel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#00e5ff;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center}.spotThumb{width:160px;height:120px;overflow:hidden;border-radius:6px;border:1px solid #333;position:relative;background:#000}.spotThumb img{position:absolute;top:0;left:0}.mapRect.focus{border:3px solid #00e5ff;animation:spotPulse 1s infinite}@keyframes spotPulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.resizeHandle{width:12px;height:12px;background:#00e5ff;border-radius:50%;position:absolute;pointer-events:auto}.resizeHandle[data-dir=nw]{left:-6px;top:-6px;cursor:nwse-resize}.resizeHandle[data-dir=ne]{right:-6px;top:-6px;cursor:nesw-resize}.resizeHandle[data-dir=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}.resizeHandle[data-dir=se]{right:-6px;bottom:-6px;cursor:nwse-resize}