: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;position:relative;display:flex;align-items:center}.search-input{width:100%;padding:8px 30px 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}.clear-search-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:16px;color:#888;display:flex;align-items:center;justify-content:center;padding:0}.clear-search-btn:hover{color:var(--text-main)}.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:#000c;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;z-index:1000}.popup-content{background-color:var(--bg-darker);width:100%;max-width:500px;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:45px 20px 20px;border-radius:10px;border:2px solid var(--border-color);position:relative;box-sizing:border-box}.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}}.popup-close-x{position:absolute;top:10px;right:10px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);font-size:24px;line-height:1;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100}.popup-close-x:hover{color:var(--text-highlight);border-color:var(--text-highlight)}body.light-mode .popup-close-x{background-color:#dce4ec;color:#2c3e50;border-color:#bdc3c7}body.light-mode .popup-close-x:hover{border-color:#1d4ed8;color:#1d4ed8}.main-nav-buttons{display:flex;gap:10px}.nav-btn{background-color:transparent;color:var(--text-main);border:1px solid transparent;padding:8px 20px;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease}.nav-btn:hover{background-color:var(--bg-hover)}.nav-btn.active{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-highlight)}body.light-mode .nav-btn{color:#2c3e50}body.light-mode .nav-btn:hover{background-color:#cbd4dd}body.light-mode .nav-btn.active{background-color:#dce4ec;border-color:#bdc3c7;color:#1d4ed8}@media(max-width:850px){.main-nav-buttons{order:3;width:100%;justify-content:center;margin-top:10px}}.events-page-wrapper{width:100%;grid-column:1 / -1;display:flex;justify-content:center}.events-tile-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%;max-width:1200px;align-items:flex-start}.event-tile{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;width:150px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;overflow:hidden}.event-tile:hover{transform:translateY(-5px);border-color:var(--text-highlight);box-shadow:0 5px 15px #0006}.event-tile-image-wrapper{background-color:#c4c4c4;height:120px;display:flex;justify-content:center;align-items:center;padding:10px;border-bottom:1px solid var(--border-color)}.event-tile-image-wrapper img{max-width:100%;max-height:100%;object-fit:contain}.event-tile-name{padding:12px 5px;font-size:14px;text-align:center;color:var(--text-main);font-weight:700}.event-popup-scroll{max-height:85vh;overflow-y:auto;border-radius:8px;background-color:var(--bg-card)}.event-card-large{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d}.event-header{background-color:#b0b0b0;color:#000;text-align:center;padding:15px;font-weight:900;border-bottom:1px solid var(--border-color)}.event-header h2{margin:0;font-size:24px}.event-image-container{background-color:#c4c4c4;display:flex;justify-content:center;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.event-main-image{max-width:300px;max-height:200px;object-fit:contain}.event-option-section{background-color:#b0b0b0;color:#000}.option-title{padding:10px 15px;border-bottom:1px solid var(--border-color);font-size:16px}.option-stat{margin-left:5px}.event-outcomes-table{width:100%;border-collapse:collapse;table-layout:fixed}.event-outcomes-table th{background-color:#a0a0a0;padding:10px;text-align:center;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);color:#000}.event-outcomes-table th:last-child{border-right:none}.event-outcomes-table td{padding:15px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);vertical-align:top;color:#000}.event-outcomes-table td:last-child{border-right:none}.event-outcomes-table tr:last-child td{border-bottom:none}.tier-cell{text-align:center;font-weight:700}.narrative-cell,.effect-cell{line-height:1.5}.effects-list{margin:0;padding-left:20px}.effects-list li{margin-bottom:10px}body.light-mode .event-tile{background-color:#dce4ec;border-color:#bdc3c7}body.light-mode .event-tile:hover{border-color:#1d4ed8}body.light-mode .event-tile-image-wrapper{background-color:#f1f5f9;border-color:#bdc3c7}body.light-mode .event-tile-name{color:#2c3e50}body.light-mode .event-popup-scroll{background-color:#dce4ec}body.light-mode .event-card-large{border-color:#bdc3c7}body.light-mode .event-header,body.light-mode .event-option-section{background-color:#e2e8f0}body.light-mode .event-image-container{background-color:#f1f5f9}body.light-mode .event-outcomes-table th{background-color:#cbd5e1}body.light-mode .event-outcomes-table th,body.light-mode .event-outcomes-table td,body.light-mode .event-header,body.light-mode .event-image-container,body.light-mode .option-title{border-color:#94a3b8}.event-popup-overlay-fixed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex!important;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;z-index:9999}.event-popup-content-fixed{width:100%;max-width:900px;background:transparent;border:none;position:relative;display:block!important}.events-grouped-container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:30px}.act-section{width:100%}.act-header{font-size:28px;margin-bottom:20px;color:var(--text-main);border-bottom:2px solid var(--border-color);padding-bottom:10px;text-transform:uppercase;letter-spacing:1px}body.light-mode .act-header{color:#2c3e50;border-color:#bdc3c7}.item-hover-container{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:help}.inline-item-icon{width:20px;height:20px;object-fit:contain}.inline-item-name{font-weight:700;color:#4a90e2}.item-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:120%;left:50%;transform:translate(-50%);width:max-content;max-width:250px;background-color:#222;color:#fff;text-align:center;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:400;z-index:9999;box-shadow:0 4px 10px #00000080;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;white-space:pre-wrap;line-height:1.4}.item-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#222 transparent transparent transparent}.item-hover-container:hover .item-tooltip{visibility:visible;opacity:1}