.guide-panel-v2{width:min(1000px,95vw)!important;height:min(85vh,800px)!important}.guide-main-v2{display:flex;flex:1;overflow:hidden}.guide-sidebar-v2{width:260px;min-width:260px;background:#0a1219cc;border-right:1px solid rgba(78,205,196,.2);overflow-y:auto;padding:8px 0}.guide-sidebar-v2::-webkit-scrollbar{width:6px}.guide-sidebar-v2::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:3px}.guide-cat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:all .15s;border-left:3px solid transparent}.guide-cat-header:hover{background:#4ecdc41a}.guide-cat-header.expanded{background:#4ecdc426;border-left-color:#4ecdc4}.guide-cat-arrow{font-size:10px;color:#7fdbca;width:14px;transition:transform .2s}.guide-cat-icon{font-size:18px}.guide-cat-name{font-size:13px;font-weight:700;color:#fff;flex:1}.guide-cat-desc{font-size:10px;color:#778}.guide-cat-tabs{display:flex;flex-direction:column;padding:4px 0 8px;background:#0003}.guide-tab-v2{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 36px;background:transparent;border:none;cursor:pointer;transition:all .15s;text-align:left;color:#aab}.guide-tab-v2:hover{background:#4ecdc41a;color:#fff}.guide-tab-v2.active{background:#4ecdc433;color:#7fdbca;border-left:2px solid #4ecdc4}.guide-tab-v2 .tab-icon{font-size:16px}.guide-tab-v2 .tab-name{font-size:13px}.guide-content-v2{flex:1;overflow-y:auto;padding:20px 24px;background:#0f162380}.guide-content-v2::-webkit-scrollbar{width:8px}.guide-content-v2::-webkit-scrollbar-track{background:#0003}.guide-content-v2::-webkit-scrollbar-thumb{background:#4ecdc466;border-radius:4px}.mob-card-v2{background:linear-gradient(135deg,#141e2df2,#0f1623e6);border:1px solid rgba(78,205,196,.2);border-radius:12px;padding:0;margin-bottom:12px;overflow:hidden;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.mob-card-v2:hover{border-color:#4ecdc466;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.mob-card-v2 .mob-header-v2{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(90deg,rgba(78,205,196,.15) 0%,transparent 100%);border-bottom:1px solid rgba(78,205,196,.1)}.mob-card-v2.danger-low .mob-header-v2{background:linear-gradient(90deg,rgba(76,175,80,.2) 0%,transparent 100%)}.mob-card-v2.danger-medium .mob-header-v2{background:linear-gradient(90deg,rgba(255,193,7,.2) 0%,transparent 100%)}.mob-card-v2.danger-high .mob-header-v2{background:linear-gradient(90deg,rgba(255,87,34,.2) 0%,transparent 100%)}.mob-card-v2.danger-extreme .mob-header-v2{background:linear-gradient(90deg,rgba(156,39,176,.25) 0%,transparent 100%)}.mob-card-v2.danger-boss .mob-header-v2{background:linear-gradient(90deg,#e91e6340,#9c27b026)}.mob-card-v2 .mob-icon-v2{font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.mob-card-v2 .mob-title-v2{flex:1}.mob-card-v2 .mob-name-v2{font-size:15px;font-weight:700;color:#fff;margin-bottom:2px}.mob-card-v2 .mob-hp-v2{font-size:12px;color:#ff6b6b;font-weight:500}.mob-card-v2 .mob-hp-v2:before{content:"❤️ ";font-size:10px}.mob-card-v2 .mob-danger-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mob-card-v2.danger-low .mob-danger-badge{background:#4caf504d;color:#81c784;border:1px solid rgba(76,175,80,.4)}.mob-card-v2.danger-medium .mob-danger-badge{background:#ffc1074d;color:#ffd54f;border:1px solid rgba(255,193,7,.4)}.mob-card-v2.danger-high .mob-danger-badge{background:#ff57224d;color:#ff8a65;border:1px solid rgba(255,87,34,.4)}.mob-card-v2.danger-extreme .mob-danger-badge{background:#9c27b04d;color:#ce93d8;border:1px solid rgba(156,39,176,.4)}.mob-card-v2.danger-boss .mob-danger-badge{background:linear-gradient(90deg,#e91e6366,#9c27b066);color:#f48fb1;border:1px solid rgba(233,30,99,.5);animation:boss-pulse 2s ease-in-out infinite}@keyframes boss-pulse{0%,to{box-shadow:0 0 #e91e6300}50%{box-shadow:0 0 8px 2px #e91e634d}}.mob-card-v2 .mob-body-v2{padding:12px 16px}.mob-card-v2 .mob-location-v2{display:flex;align-items:center;gap:6px;font-size:12px;color:#89a;margin-bottom:10px}.mob-card-v2 .mob-location-v2:before{content:"📍";font-size:11px}.mob-card-v2 .mob-drops-v2{margin-bottom:10px}.mob-card-v2 .mob-drops-title{font-size:11px;color:#667;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.mob-card-v2 .mob-drops-grid{display:flex;flex-wrap:wrap;gap:6px}.mob-card-v2 .mob-drop-item{background:#4ecdc41a;border:1px solid rgba(78,205,196,.2);border-radius:6px;padding:4px 8px;font-size:11px;color:#abc}.mob-card-v2 .mob-tip-v2{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;background:#ffc10714;border-radius:6px;border-left:3px solid rgba(255,193,7,.5)}.mob-card-v2 .mob-tip-v2 .tip-icon{font-size:12px}.mob-card-v2 .mob-tip-v2 .tip-text{font-size:11px;color:#cb9;line-height:1.4}.skills-info-compact{background:#4ecdc41a;border:1px solid rgba(78,205,196,.2);border-radius:8px;padding:10px 14px;margin-bottom:16px}.skills-info-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;font-size:12px;color:#aab}.skills-info-row span{white-space:nowrap}.skills-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.skill-card{background:linear-gradient(135deg,#141e2df2,#0f1623e6);border:1px solid rgba(78,205,196,.2);border-radius:10px;overflow:hidden;transition:all .2s ease}.skill-card:hover{border-color:#4ecdc466;transform:translateY(-2px)}.skill-card.predator{border-left:3px solid #ff6b6b}.skill-card.miner{border-left:3px solid #ffd93d}.skill-card.defender{border-left:3px solid #6bcb77}.skill-card.builder{border-left:3px solid #4d96ff}.skill-card-header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.skill-card.predator .skill-card-header{background:linear-gradient(90deg,rgba(255,107,107,.15) 0%,transparent 100%)}.skill-card.miner .skill-card-header{background:linear-gradient(90deg,rgba(255,217,61,.15) 0%,transparent 100%)}.skill-card.defender .skill-card-header{background:linear-gradient(90deg,rgba(107,203,119,.15) 0%,transparent 100%)}.skill-card.builder .skill-card-header{background:linear-gradient(90deg,rgba(77,150,255,.15) 0%,transparent 100%)}.skill-card-icon{font-size:22px}.skill-card-title{flex:1}.skill-card-name{font-size:14px;font-weight:700;color:#fff}.skill-card-form{font-size:11px;color:#7fdbca}.skill-card-rewards{padding:8px 12px;background:#0003}.skill-reward{display:flex;gap:6px;margin-bottom:4px;font-size:11px;line-height:1.4}.skill-reward:last-child{margin-bottom:0}.skill-reward .reward-label{font-weight:700;white-space:nowrap}.skill-reward.ultimate .reward-label{color:gold}.skill-reward.form .reward-label{color:#ce93d8}.skill-reward .reward-text{color:#aab}.skill-card-perks{padding:8px 10px}.perk-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;margin-bottom:2px;transition:background .15s}.perk-row:hover{background:#4ecdc41a}.perk-row:last-child{margin-bottom:0}.perk-icon{font-size:12px;width:18px;text-align:center}.perk-name{font-size:11px;color:#dde;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perk-val{font-size:10px;color:#7fdbca;white-space:nowrap;background:#4ecdc41a;padding:2px 6px;border-radius:4px}.skills-tips-compact{background:#ffc10714;border:1px solid rgba(255,193,7,.2);border-radius:8px;padding:10px 14px}.tips-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tip-item{font-size:11px;color:#cb9;white-space:nowrap}@media (max-width: 600px){.skills-grid-2x2{grid-template-columns:1fr}.skills-info-row,.tips-row{flex-direction:column;align-items:center;gap:6px}}@media (max-width: 700px){.guide-main-v2{flex-direction:column}.guide-sidebar-v2{width:100%;min-width:100%;max-height:200px;border-right:none;border-bottom:1px solid rgba(78,205,196,.2)}.guide-cat-tabs{flex-direction:row;flex-wrap:wrap;padding:4px 8px}.guide-tab-v2{padding:8px 12px}.mob-card-v2 .mob-icon-v2{font-size:24px}.mob-card-v2 .mob-name-v2{font-size:13px}}
