*{box-sizing:border-box}body{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.app,body{min-height:100vh}.app{margin:0 auto;max-width:1400px;padding:20px;width:100%}.app-header{color:#fff;margin-bottom:30px;padding:0 10px;text-align:center}.app-header h1{font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:10px;text-shadow:2px 2px 4px #00000080}.app-header p{color:#aaa;font-size:clamp(.9rem,2vw,1.1rem)}.search-section{margin-bottom:30px;padding:0 10px}.search-box{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.search-input{background:#fffffff2;border:none;border-radius:10px;box-shadow:0 4px 15px #0003;font-size:1rem;max-width:350px;padding:15px 20px;width:100%}.search-input:focus{box-shadow:0 4px 20px #64c8ff80;outline:none}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.search-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.search-button:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#ff5252;border-radius:10px;color:#fff;margin:0 auto;max-width:500px;padding:15px;text-align:center}.content-section{background:#fffffffa;border-radius:20px;box-shadow:0 10px 40px #0000004d;padding:20px}.player-info{align-items:center;border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:15px}.player-info h2{color:#333;font-size:clamp(1.2rem,3vw,1.5rem);margin:0}.player-id{background:#e0e0e0;border-radius:20px;color:#666;font-size:.9rem;padding:5px 12px}.controls-row{align-items:flex-start;gap:15px;justify-content:space-between;margin-bottom:20px}.controls-row,.tabs{display:flex;flex-wrap:wrap}.tabs{flex:1 1;gap:8px}.tab{background:#f0f0f0;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.tab:hover{background:#e0e0e0}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-mode-toggle{background:#f0f0f0;border-radius:10px;display:flex;gap:5px;padding:4px}.view-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px 14px;transition:all .2s}.view-btn:hover{background:#e0e0e0}.view-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a}.view-icon{font-size:1.1rem}.tab-content{min-height:300px}.items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.item-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:transform .2s,box-shadow .2s}.item-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-3px)}.item-card.selected{border:2px solid #667eea;box-shadow:0 0 0 3px #667eea33}.item-icon-wrapper,.pet-icon-wrapper,.wing-icon-wrapper{align-items:center;background:#fffc;border-radius:12px;display:flex;height:64px;justify-content:center;margin:0 auto 12px;overflow:hidden;width:64px}.item-icon,.pet-icon{max-height:100%;max-width:100%;object-fit:contain}.item-icon-fallback,.pet-icon-fallback{align-items:center;display:flex;font-size:2rem;justify-content:center}.item-info,.pet-info{display:flex;flex:1 1;flex-direction:column}.item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.item-name{color:#333;font-size:1rem;font-weight:700;word-break:break-word}.item-count{background:#667eea;border-radius:12px;color:#fff;flex-shrink:0;font-size:.8rem;padding:2px 8px}.item-count-small{color:#667eea;font-size:.85rem;font-weight:400;margin-left:6px}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.85rem;margin-bottom:12px;min-height:36px;overflow:hidden}.item-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-top:auto}.stat{background:#fff;border-radius:6px;display:flex;font-size:.8rem;justify-content:space-between;padding:5px 8px}.stat-label{color:#888}.stat-value{color:#333;font-weight:700}.positive,.stat-value.positive{color:#4caf50}.pet-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:none;border-radius:15px;padding:20px}.pet-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.pet-name{color:#333;font-size:1.1rem;font-weight:700}.pet-level{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:4px 12px}.pet-level-small{color:#764ba2;font-size:.8rem;font-weight:400;margin-left:8px}.pet-stars,.pet-stars-large{margin-bottom:12px;text-align:center}.star{color:#ffc107;font-size:1rem}.star.empty{opacity:.3}.pet-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.pet-stat{background:#fffc;border-radius:8px;padding:8px;text-align:center}.pet-stat-label{color:#666;display:block;font-size:.75rem;margin-bottom:3px}.pet-stat-value{color:#333;font-size:.95rem;font-weight:700}.wing-card{background:linear-gradient(135deg,#a18cd1,#fbc2eb);border-radius:15px;color:#333;padding:20px}.wing-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.wing-name{font-size:1rem;font-weight:700}.wing-level{background:#fff6;border-radius:12px;font-size:.85rem;font-weight:700;padding:3px 10px}.wing-level-small{color:#764ba2;font-size:.85rem;font-weight:400;margin-left:6px}.equip-card{background:linear-gradient(135deg,#89f7fe,#66a6ff);border-radius:15px;padding:20px}.equip-type{background:#fff6;border-radius:8px;font-size:.75rem;font-weight:700;padding:2px 8px}.equip-type-small{color:#666;display:block;font-size:.75rem;margin-top:2px}.items-list{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.list-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.85rem;font-weight:700;gap:8px;padding:12px 15px}.list-row{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:8px;padding:10px 15px;transition:background .2s}.list-row:last-child{border-bottom:none}.list-row:hover{background:#f5f5f5}.list-row.selected{background:#667eea1a;border-left:3px solid #667eea}.list-col{flex:1 1;font-size:.85rem;min-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-col.icon-col{align-items:center;display:flex;flex:0 0 50px;justify-content:center}.list-col.name-col{flex:2 1;min-width:100px}.list-col.star-col{color:#ffc107}.list-icon{height:36px;object-fit:contain;width:36px}.list-icon-fallback{font-size:1.5rem}.detail-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr;min-height:400px}.detail-list{background:#f5f5f5;border-radius:12px;max-height:500px;overflow-y:auto;padding:10px}.detail-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:5px;padding:10px;transition:background .2s}.detail-item:hover{background:#fffc}.detail-item.selected{background:#fff;box-shadow:0 2px 8px #0000001a}.detail-item-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.detail-icon{max-height:32px;max-width:32px;object-fit:contain}.detail-icon-fallback{font-size:1.3rem}.detail-item-name{color:#333;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-panel{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:25px}.detail-panel-empty{align-items:center;color:#888;display:flex;font-size:1rem;justify-content:center}.detail-panel-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:15px;margin-bottom:15px;padding-bottom:15px}.detail-panel-icon{align-items:center;background:#f5f5f5;border-radius:15px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.pet-panel-icon{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.wing-panel-icon{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.detail-panel-img{max-height:64px;max-width:64px;object-fit:contain}.detail-panel-fallback{font-size:2.5rem}.detail-panel-title h3{color:#333;font-size:1.3rem;margin:0 0 5px}.detail-panel-desc{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:20px}.detail-panel-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.detail-stat{background:#f8f9fa;border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 12px}.detail-stat span:first-child{color:#666}.detail-stat span:last-child{color:#333;font-weight:600}.pet-detail-stats{grid-template-columns:repeat(2,1fr)}.pagination{align-items:center;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px;padding-top:20px}.page-size-selector{align-items:center;display:flex;gap:8px}.page-size-selector label{color:#666;font-size:.9rem;white-space:nowrap}.page-size-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;min-width:100px;padding:8px 12px}.page-size-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.page-navigation{gap:6px}.page-btn,.page-navigation{align-items:center;display:flex}.page-btn{background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;height:36px;justify-content:center;min-width:36px;transition:all .2s}.page-btn:hover:not(:disabled){background:#e0e0e0}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.page-ellipsis{color:#888;padding:0 5px}.page-info{color:#666;font-size:.85rem;margin-left:15px}.empty-message{color:#666;font-size:1.1rem;padding:50px 20px;text-align:center}@media (max-width:1024px){.detail-container{grid-template-columns:1fr}.detail-list{display:flex;flex-wrap:nowrap;gap:10px;max-height:200px;overflow-x:auto;padding:10px}.detail-item{flex-shrink:0;margin-bottom:0}}@media (max-width:768px){.app{padding:15px 10px}.content-section{border-radius:15px;padding:15px}.controls-row{flex-direction:column}.tabs{justify-content:center;width:100%}.tab{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;font-size:.85rem;min-width:0;padding:10px 8px;text-align:center}.view-mode-toggle{justify-content:center;width:100%}.items-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pet-stats{grid-template-columns:repeat(2,1fr)}.item-stats{grid-template-columns:1fr}.items-list{overflow-x:auto}.list-header,.list-row{min-width:600px}.detail-panel-stats{grid-template-columns:1fr}.pagination{align-items:center;flex-direction:column;gap:10px}.page-size-selector{justify-content:center;margin-bottom:10px;width:100%}.page-navigation{flex-wrap:wrap;justify-content:center}.page-btn{font-size:.8rem;height:32px;min-width:32px}.page-info{margin:10px 0 0;text-align:center;width:100%}}@media (max-width:480px){.app-header h1{font-size:1.3rem}.search-box{align-items:stretch;flex-direction:column}.search-button,.search-input{max-width:none;width:100%}.player-info{align-items:flex-start;flex-direction:column;gap:8px}.tab{font-size:.8rem;padding:8px 6px}.items-grid{grid-template-columns:1fr}.item-icon-wrapper,.pet-icon-wrapper{height:56px;width:56px}.detail-panel-icon{height:60px;width:60px}.detail-panel-img{max-height:48px;max-width:48px}}.equipped-items-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:20px;padding:20px}.equipped-title h3{font-size:1.1rem;margin:0 0 15px;text-shadow:1px 1px 2px #0003}.equipped-items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.equipped-item-section h4{font-size:.95rem;margin:0 0 10px;opacity:.9}.equipped-item-card{align-items:center;background:#fffffff2;border-radius:12px;color:#333;display:flex;gap:15px;padding:15px}.equipped-item-icon{align-items:center;background:#667eea1a;border-radius:10px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.equipped-icon-img{max-height:48px;max-width:48px;object-fit:contain}.equipped-icon-fallback{align-items:center;display:flex;font-size:2rem;justify-content:center}.equipped-item-info{flex:1 1;min-width:0}.equipped-item-name{font-size:1rem;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipped-item-level{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;color:#fff;display:inline-block;font-size:.75rem;margin-bottom:6px;padding:2px 8px}.equipped-item-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.mini-stat{background:#f0f0f0;border-radius:6px;color:#4caf50;font-size:.75rem;font-weight:600;padding:2px 6px}.equipped-item-expire{color:#888;font-size:.75rem}.equipped-item-empty{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.empty-icon{font-size:2rem;opacity:.5}.pet-equipment-overview{border-top:1px solid #ffffff4d;margin-top:20px;padding-top:15px}.pet-equipment-overview h4{font-size:1rem;margin:0 0 12px;opacity:.95}.pet-equipment-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pet-equipment-card{background:#fffffff2;border-radius:12px;color:#333;padding:12px}.pet-equipment-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:10px;margin-bottom:10px;padding-bottom:8px}.pet-mini-icon{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pet-mini-img{max-height:32px;max-width:32px;object-fit:contain}.pet-mini-fallback{align-items:center;display:flex;font-size:1.2rem;justify-content:center}.pet-mini-info{flex:1 1;min-width:0}.pet-mini-name{display:block;font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-mini-level{color:#764ba2;font-size:.75rem;font-weight:600}.pet-equipment-items{display:flex;flex-direction:column;gap:8px}.pet-equip-item{background:#f8f9fa;gap:10px;padding:8px}.pet-equip-icon,.pet-equip-item{align-items:center;border-radius:8px;display:flex}.pet-equip-icon{background:#fff;flex-shrink:0;height:36px;justify-content:center;width:36px}.pet-equip-img{max-height:28px;max-width:28px;object-fit:contain}.pet-equip-fallback{align-items:center;display:flex;font-size:1rem;justify-content:center}.pet-equip-info{flex:1 1;min-width:0}.pet-equip-name{color:#333;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-equip-type{color:#888;font-size:.7rem;margin-bottom:2px}.pet-equip-stats{display:flex;flex-wrap:wrap;gap:4px}.pet-equip-stats span{color:#4caf50;font-size:.65rem;font-weight:600}.skin-card{background:linear-gradient(135deg,#ff9a9e,#fecfef);border-radius:15px;color:#333;padding:20px;position:relative}.skin-card.equipped{border:3px solid #4caf50;box-shadow:0 0 15px #4caf5066}.skin-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.skin-name{font-size:1rem;font-weight:700}.skin-level{background:#fff6;border-radius:12px;font-size:.85rem;font-weight:700;padding:3px 10px}.skin-level-small{color:#f093fb;font-size:.85rem;font-weight:400;margin-left:6px}.equipped-badge{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:10px;box-shadow:0 2px 8px #4caf5066;color:#fff;font-size:.7rem;font-weight:700;padding:4px 12px;position:absolute;right:10px;top:-8px}.equipped-small-badge{background:#4caf50;border-radius:6px;color:#fff;display:inline-block;font-size:.65rem;font-weight:400;margin-left:6px;padding:2px 6px}.equipped-badge-panel{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:10px;color:#fff;display:inline-block;font-size:.75rem;margin-left:8px;padding:4px 10px}.equipped-row{border-left:3px solid #4caf50}.equipped-item,.equipped-row{background:#4caf501a!important}.equipped-item{border:1px solid #4caf504d}.equipped-count-badge{background:#667eea;border-radius:6px;color:#fff;display:inline-block;font-size:.65rem;font-weight:400;margin-left:6px;padding:2px 6px}.pet-equipment-section{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.pet-equipped-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.pet-equipped-item{align-items:center;background:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;height:36px;justify-content:center;width:36px}.pet-equipped-icon{max-height:28px;max-width:28px;object-fit:contain}.pet-equipped-fallback{font-size:1rem}.no-equipped{color:#888;font-size:.8rem;font-style:italic}.pet-equipped-section-detail{border-top:2px solid #f0f0f0;margin-top:20px;padding-top:20px}.pet-equipped-section-detail h4{color:#333;font-size:1rem;margin:0 0 12px}.pet-equipped-detail-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pet-equipped-detail-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:10px;padding:10px}.equipped-detail-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.equipped-detail-img{max-height:32px;max-width:32px;object-fit:contain}.equipped-detail-fallback{font-size:1.2rem}.equipped-detail-info{flex:1 1;min-width:0}.equipped-detail-name{color:#333;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipped-detail-type{color:#888;font-size:.75rem;margin-bottom:4px}.equipped-detail-stats{display:flex;flex-wrap:wrap;gap:6px}.equipped-detail-stats span{color:#4caf50;font-size:.7rem;font-weight:600}.no-equipped-detail{background:#f8f9fa;border-radius:10px;color:#888;font-style:italic;padding:15px;text-align:center}.leading-pet-equipped{background:linear-gradient(135deg,#fffffffa,#f0fafffa);border:2px solid #4caf50;box-shadow:0 0 15px #4caf504d}.leading-pet-icon{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:3px solid #4caf50;border-radius:50%;height:70px;width:70px}.pet-leading-img{border-radius:50%;max-height:56px;max-width:56px}.pet-stars-mini{margin:4px 0}.pet-stars-mini .star{font-size:.75rem}.leading-pet-attributes{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.leading-pet-attributes .mini-stat{background:#e3f2fd;color:#1976d2}.leading-pet-equipment{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px}.equipment-label{color:#666;display:block;font-size:.75rem;margin-bottom:4px}.leading-pet-equip-icons{display:flex;flex-wrap:wrap;gap:4px}.leading-pet-equip-item{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;height:28px;justify-content:center;width:28px}.leading-pet-equip-img{max-height:22px;max-width:22px;object-fit:contain}.leading-pet-equip-fallback{align-items:center;display:flex;font-size:.9rem;justify-content:center}
/*# sourceMappingURL=main.74b22102.css.map*/