:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-dark: #1a1a1a;--bg-darker: #121212;--bg-card: #282828;--bg-hover: #3a3a3a;--text-main: #e0e0e0;--text-highlight: #ffcc00;--border-color: #555;--text-color: #e0e0e0;--common: #b0b0b0;--uncommon: #00ff00;--rare: #0059ff;--epic: #be1de3;--legendary: #ecc812}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Montserrat,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}h2,h3{margin:0}.app-main-layout{display:flex;flex-direction:column;min-height:100vh;width:100vw;max-width:100%}.app-header{background-color:var(--bg-darker);color:var(--text-main);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:900;width:100%;box-sizing:border-box}.logo-group{display:flex;align-items:center;gap:10px}.logo-icon{width:32px;height:32px;border-radius:4px;object-fit:contain}.logo-text{font-size:20px;font-weight:700;letter-spacing:.5px}.header-controls{display:flex;align-items:center;gap:15px}.search-group{width:250px}.search-input{width:100%;padding:8px 12px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-main);font-size:14px;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--text-highlight)}.theme-toggle-btn{background-color:transparent;color:var(--text-color, #fff);border:1px solid var(--border-color, #444);padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s ease}.theme-toggle-btn:hover{background-color:var(--border-color, #444)}.main-content{display:grid;grid-template-columns:1fr 350px;width:100%;flex-grow:1;gap:20px;padding:20px;align-items:start;box-sizing:border-box}.side-column{background-color:var(--bg-darker);border-radius:8px;border:1px solid var(--border-color);padding:20px;box-sizing:border-box}.side-column.right-details{position:sticky;top:80px;height:calc(100vh - 100px);overflow-y:auto}.empty p{color:#777;text-align:center;margin-top:50%}.center-items-area{width:100%}.category-section{margin-bottom:20px}.category-header{font-size:18px;margin-bottom:10px;color:#fc0;border-bottom:1px solid var(--border-color);padding-bottom:5px;display:flex;justify-content:flex-start;align-items:center;gap:12px}.sort-select{padding:8px 12px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-main);font-size:14px;cursor:pointer}.sort-select:focus{outline:none;border-color:var(--text-highlight)}.category-toggle-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s}.category-toggle-btn:hover{opacity:1;transform:scale(1.1)}.items-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.item-card{width:56px;height:56px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,border-color .1s}.item-card.highlighted-set{border-color:gold;box-shadow:0 0 10px gold;transform:scale(1.05);z-index:10}.item-card img{max-width:90%;max-height:90%;border-radius:2px;object-fit:contain}.item-card.muted{opacity:.2;filter:grayscale(100%);pointer-events:none;transition:opacity .3s ease,filter .3s ease}.item-card:hover{transform:scale(1.05);border-color:var(--text-highlight);background-color:var(--bg-hover)}.detail-image{width:64px;height:64px;margin-bottom:15px;border-radius:4px;background-color:var(--bg-card);border:1px solid var(--border-color);padding:4px;object-fit:contain}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:var(--bg-darker);width:90%;max-width:500px;padding:30px;border-radius:10px;border:2px solid var(--border-color);position:relative}.detail-panel h2{color:var(--text-highlight);margin-bottom:10px}.detail-panel .description{margin-bottom:20px;color:#ddd;line-height:1.5}.stats .stat-row{margin-bottom:10px;color:var(--text-main);font-size:14px}.stat-row.rarity.common{color:var(--common)}.stat-row.rarity.uncommon{color:var(--uncommon)}.stat-row.rarity.rare{color:var(--rare)}.stat-row.rarity.epic{color:var(--epic)}.stat-row.rarity.legendary{color:var(--legendary)}.close-button{background-color:#555;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:20px}.close-button:hover{background-color:#777}.inline-icon{width:1.2em;height:1.2em;vertical-align:middle;margin:0 2px;position:relative;top:-2px}.inline-buff-container{display:inline-flex;align-items:center;position:relative;cursor:help;color:var(--text-highlight);font-weight:700;background-color:#ffcc001a;padding:0 4px;border-radius:4px;margin:0 2px}.inline-buff-name{margin-left:4px}.inline-buff-tooltip{visibility:hidden;opacity:0;width:200px;background-color:var(--bg-darker);color:var(--text-main);text-align:left;border:1px solid var(--border-color);border-radius:6px;padding:10px;position:absolute;z-index:1010;bottom:125%;left:50%;transform:translate(-50%);transition:opacity .2s;font-weight:400;font-size:13px;box-shadow:0 4px 8px #00000080;pointer-events:none}.inline-buff-container:hover .inline-buff-tooltip{visibility:visible;opacity:1}.inline-buff-tooltip strong{display:block;color:var(--text-highlight);margin-bottom:5px;font-size:14px}.inline-buff-tooltip p{margin:0;line-height:1.4}.right-details .inline-buff-tooltip{bottom:auto;top:125%;left:0;transform:none;z-index:9999}.faq-page{padding:40px;max-width:900px;margin:0 auto;flex-grow:1;color:var(--text-color, #e0e0e0)}.faq-main-title{text-align:center;font-size:2rem;font-weight:400;letter-spacing:2px;margin-bottom:50px;color:var(--text-color, #e0e0e0)}.faq-section{margin-bottom:40px}.faq-question{font-size:1.2rem;font-weight:400;letter-spacing:1px;text-decoration:underline;margin-bottom:15px;color:var(--text-color, #e0e0e0)}.faq-page p{line-height:1.6;margin-bottom:15px;font-size:1rem}.faq-page ul{margin-left:20px;line-height:1.6}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:40px 15%;background-color:var(--bg-darker);color:#888;border-top:1px solid var(--border-color);margin-top:auto;font-size:1rem}.footer-link{color:#4a90e2;cursor:pointer;text-decoration:underline;font-weight:700;transition:color .2s ease}.footer-link:hover{color:#6fb0ff}body.light-mode{background-color:#eef2f5;color:#2c3e50}body.light-mode .app-header,body.light-mode .app-footer,body.light-mode .side-column,body.light-mode .popup-content,body.light-mode .inline-buff-tooltip{background-color:#dce4ec;border-color:#bdc3c7;color:#2c3e50}body.light-mode .search-input{background-color:#cbd4dd;color:#2c3e50;border-color:#bdc3c7}body.light-mode .item-card{background-color:#dce4ec;border-color:#bdc3c7}body.light-mode .detail-image{background-color:#eef2f5;border-color:#bdc3c7}body.light-mode .sort-select{background-color:#cbd4dd;color:#2c3e50;border-color:#bdc3c7}body.light-mode .faq-page,body.light-mode .faq-main-title,body.light-mode .faq-question,body.light-mode .detail-panel h2,body.light-mode .stats .stat-row,body.light-mode .detail-panel .description{color:#2c3e50}body.light-mode .theme-toggle-btn{border-color:#bdc3c7;color:#2c3e50}body.light-mode .theme-toggle-btn:hover{background-color:#cbd4dd}body.light-mode .category-header{color:#1d4ed8}body.light-mode .item-card.highlighted-set{border-color:#1d4ed8;box-shadow:0 0 10px #1d4ed899;background-color:#e6f0ff}body.light-mode .item-card:hover{border-color:#3b82f6;background-color:#eff6ff}.related-items-section{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.related-items-header{margin-bottom:10px;color:#fc0}body.light-mode .related-items-header{color:#1d4ed8}.related-items-grid{display:flex;flex-wrap:wrap;gap:8px}.related-item-icon{width:40px;height:40px;object-fit:contain;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:transform .2s,border-color .2s}.related-item-icon:hover{transform:scale(1.1);border-color:#fc0}body.light-mode .related-item-icon{background-color:#0000000d}body.light-mode .related-item-icon:hover{border-color:#1d4ed8}@media(max-width:850px){.app-header{flex-direction:column;gap:15px;padding:15px}.header-controls{width:100%;flex-wrap:wrap;justify-content:center}.search-group{width:100%}.sort-select{flex-grow:1}.main-content{display:flex;flex-direction:column;padding:10px}.side-column.right-details{display:none}.items-grid{justify-content:center}.app-footer{flex-direction:column;gap:15px;padding:30px 15px;text-align:center}}@media(min-width:851px){.popup-overlay{display:none!important}}