.qa-page{color:#fff;background-color:#4c4d51;background-image:linear-gradient(#090909 0%,#0000 18.23%),linear-gradient(#0000 78.12%,#090909 93.23%),linear-gradient(#000c,#000c),url(/background-images/bg-texture-crop.png);background-position:50%,50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat,repeat-y;background-size:100% 100%,100% 100%,100% 100%,150%;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}@media (max-width:768px){.qa-page{background-size:100% 100%,100% 100%,100% 100%,300%}}.qa-page-header{text-align:center;margin-bottom:2rem}.qa-page-header h1{color:#fff;margin-bottom:.5rem;font-size:2.5rem}.qa-page-header p{color:#ffffffb3;font-size:1.1rem}.qa-page-header h3.qa-date-range{color:#ffffff80;margin-top:.5rem;font-size:.9rem;font-weight:400}.qa-page .stats-tabs{z-index:1;gap:0;margin-bottom:0;display:flex;position:relative;overflow-x:auto}.qa-page .stats-tab{color:#fff9;cursor:pointer;white-space:nowrap;background:#0000004d;border:1px solid #fff3;border-bottom:none;border-radius:8px 8px 0 0;margin-right:-1px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;position:relative}.qa-page .stats-tab:hover{color:#ffffffe6;background:#ffffff1a}.qa-page .stats-tab[style*=--set-color]:hover:not(.active){background:color-mix(in srgb,var(--set-color)30%,transparent)}.qa-page .stats-tab.active{color:#fff;z-index:2;background:#00000080;border-color:#ffffff4d}.qa-page .stats-content{background:#00000080;border:1px solid #ffffff4d;border-radius:0 0 8px 8px;min-height:400px;margin-top:-1px;padding:2rem;position:relative}.qa-page .stats-loading-skeleton,.qa-page .stats-error,.qa-page .stats-empty{text-align:center;color:#ffffffb3;padding:3rem;font-size:1.1rem}.qa-page .stats-error{color:#e74c3c}.qa-page .stats-empty p{margin:.5rem 0}.qa-page .generation-stats{width:100%}.qa-page .stats-summary{border-bottom:1px solid #fff3;margin-bottom:2rem;padding-bottom:1rem}.qa-page .stats-summary h2{color:#fff;margin-bottom:1.5rem;font-size:1.8rem}.qa-page .stats-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.qa-page .stat-item{background:#0000004d;border:1px solid #fff3;border-radius:6px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.qa-page .stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.qa-page .stat-value{color:#2196f3;font-size:1.8rem;font-weight:700}.qa-page .stat-detail{color:#ffffff80;font-size:.8rem}.qa-page .stats-warning{color:#f39c12;background:#f39c1226;border:1px solid #f39c124d;border-radius:6px;margin:1rem 0 0;padding:.75rem 1rem;font-size:.9rem}.qa-page .stats-subtabs{border-bottom:2px solid #ffffff26;gap:.5rem;margin-bottom:1.5rem;display:flex}.qa-page .stats-subtab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s}.qa-page .stats-subtab:hover{color:#fffc}.qa-page .stats-subtab.active{color:#fff;border-bottom-color:#2196f3}.qa-page .packs-subtab{padding-top:1rem}.qa-page .packs-summary{color:#ffffffb3;margin-bottom:1.5rem;font-size:.95rem}.qa-page .pools-grid{flex-direction:column;gap:1rem;display:flex}.qa-page .pool-container{background:#0000004d;border:1px solid #ffffff26;border-radius:8px;padding:.5rem}.qa-page .pool-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.25rem;display:flex}.qa-page .pool-type{color:#ffffff80;text-transform:capitalize;background:#ffffff1a;border-radius:4px;padding:.15rem .4rem;font-size:.75rem}.qa-page .pool-link{color:#2196f3;font-family:monospace;font-size:.7rem;text-decoration:none}.qa-page .pool-link:hover{text-decoration:underline}.qa-page .pool-stats-block{flex-direction:column;gap:2px;margin-top:.5rem;margin-left:30px;font-size:.7rem;line-height:1.3;display:flex}.qa-page .pool-stat-line{gap:.25rem;display:flex}.qa-page .pool-stat-label{color:#fff9;flex-shrink:0}.qa-page .pool-stat-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qa-page .pool-packs-column{flex-direction:column;gap:.25rem;display:flex}.qa-page .pack-row{align-items:center;gap:.25rem;display:flex}.qa-page .pack-label-inline{color:#ffffff80;flex-shrink:0;width:20px;font-size:.6rem}.qa-page .pack-cards-row{flex-wrap:nowrap;flex:1;gap:2px;display:flex}.qa-page .pack-cards-row .pack-card{flex:1;min-width:30px;max-width:70px}.qa-page .pack-card{aspect-ratio:5/7;background:#1a1a1a;border:1px solid #ffffff26;border-radius:2px;flex-shrink:0;width:50px;position:relative;overflow:hidden}.qa-page .pack-card.foil{box-shadow:0 0 15px #ffffff80}.qa-page .pack-card.foil:after{content:"";mix-blend-mode:overlay;opacity:.8;pointer-events:none;z-index:10;filter:blur(8px);background:linear-gradient(115deg,#0000 0%,#ff000059 20%,#ff7f0066 25%,#ffff0073 30%,#00ff0073 35%,#00ffff73 40%,#0000ff73 45%,#8b00ff66 50%,#ff00ff59 55%,#0000 65% 100%) -100% 0/300% 300%;width:100%;height:100%;animation:6s linear infinite foil-shimmer;position:absolute;top:0;left:0}.qa-page .pack-card.hyperspace{border-color:#8a2be299}.qa-page .pack-card.showcase{border-color:#ff69b499}.qa-page .pack-card.base,.qa-page .pack-card.leader{position:relative;overflow:hidden}.qa-page .pack-card.base .pack-card-image,.qa-page .pack-card.leader .pack-card-image{transform-origin:50%;object-fit:cover;width:140%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.qa-page .pack-card-image{object-fit:cover;width:100%;height:100%}.qa-page .pack-card-placeholder{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:.25rem;display:flex}.qa-page .pack-card-placeholder .placeholder-name{color:#fff9;word-break:break-word;font-size:.6rem}.qa-page .load-more-container{justify-content:center;margin-top:2rem;display:flex}.qa-page .load-more-button{color:#2196f3;cursor:pointer;background:#2196f333;border:1px solid #2196f380;border-radius:6px;padding:.75rem 2rem;font-size:.95rem;font-weight:500;transition:all .2s}.qa-page .load-more-button:hover:not(:disabled){background:#2196f34d;border-color:#2196f3}.qa-page .load-more-button:disabled{opacity:.5;cursor:not-allowed}.qa-page .reference-tab{width:100%}.qa-page .reference-tab h2{color:#fff;margin-bottom:1.5rem;font-size:1.8rem}.qa-page .reference-intro{color:#ffffffb3;margin-bottom:2rem;font-size:1rem;line-height:1.6}.qa-page .reference-sections{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.qa-page .reference-section.reference-full-width{grid-column:1/-1}.qa-page .reference-section{background:#0006;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.qa-page .reference-section h3{color:#2196f3;border-bottom:2px solid #2196f34d;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.qa-page .reference-description{color:#fffc;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.qa-page .reference-description p{margin:.75rem 0}.qa-page .reference-description strong{color:#fff;font-weight:600}.qa-page .reference-description ul,.qa-page .reference-description ol{margin:.5rem 0;padding-left:1.5rem}.qa-page .reference-description li{color:#fffc;margin:.5rem 0}.qa-page .reference-table{border-collapse:collapse;width:100%;margin-top:1rem}.qa-page .reference-table thead{background:#0000004d}.qa-page .reference-table th{text-align:left;color:#2196f3;border-bottom:2px solid #2196f34d;padding:.75rem;font-weight:600}.qa-page .reference-table tbody tr{border-bottom:1px solid #ffffff1a;transition:background .2s}.qa-page .reference-table tbody tr:hover{background:#ffffff08}.qa-page .reference-table tbody tr:last-child{border-bottom:none}.qa-page .reference-table td{color:#fffc;vertical-align:top;padding:.75rem}.qa-page .reference-table td:first-child{font-weight:500}.qa-page .reference-table strong{color:#fff;font-weight:700}.qa-page .stats-legend{flex-direction:column;gap:1rem;display:flex}.qa-page .legend-item{align-items:flex-start;gap:1rem;display:flex}.qa-page .legend-color{border:1px solid #ffffff4d;border-radius:6px;flex-shrink:0;width:40px;height:40px}.qa-page .legend-text{flex:1}.qa-page .legend-text strong{color:#fff;margin-bottom:.25rem;font-size:1rem;display:block}.qa-page .legend-text p{color:#fff9;margin:0;font-size:.9rem;line-height:1.4}.qa-page .qa-tab{width:100%}.qa-page .qa-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.qa-page .qa-header h2{color:#fff;margin:0;font-size:1.8rem}.qa-page .qa-results{width:100%}.qa-page .qa-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.qa-page .qa-summary-card{text-align:center;background:#0000004d;border:2px solid #fff3;border-radius:8px;padding:1.5rem}.qa-page .qa-summary-card.qa-summary-passed{background:#27ae601a;border-color:#27ae6080}.qa-page .qa-summary-card.qa-summary-failed{background:#e74c3c1a;border-color:#e74c3c80}.qa-page .qa-summary-number{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.qa-page .qa-summary-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.qa-page .qa-test-list{background:#0000004d;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.qa-page .qa-test-list h3{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.qa-page .qa-run-time{color:#fff9;margin-bottom:1.5rem;font-size:.9rem}.qa-page .qa-test-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:.75rem;padding:1rem}.qa-page .qa-test-item:hover{background:#ffffff14}.qa-page .qa-test-item.qa-test-passed{border-left:4px solid #27ae60}.qa-page .qa-test-item.qa-test-failed{border-left:4px solid #e74c3c}.qa-page .qa-test-header{align-items:center;gap:1rem;display:flex}.qa-page .qa-test-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;font-weight:700;display:flex}.qa-page .qa-status-passed{color:#27ae60;background:#27ae6033}.qa-page .qa-status-failed{color:#e74c3c;background:#e74c3c33}.qa-page .qa-test-name{color:#fff;flex:1;font-weight:500}.qa-page .qa-test-suite{color:#ffffff80;background:#ffffff1a;border-radius:12px;padding:.25rem .75rem;font-size:.85rem}.qa-page .qa-test-time{color:#fff6;font-size:.85rem}.qa-page .qa-test-error{color:#fcc;background:#e74c3c1a;border-left:3px solid #e74c3c;border-radius:4px;margin-top:.75rem;padding:.75rem;font-family:monospace;font-size:.85rem}@media (max-width:768px){.qa-page{padding:1rem}.qa-page-header h1{font-size:2rem}.qa-page .stats-content{padding:1rem}.qa-page .reference-sections{grid-template-columns:1fr}.qa-page .qa-header{flex-direction:column;align-items:stretch;gap:1rem}}@media (max-width:1200px){.qa-page .pack-card{width:45px}}@media (max-width:900px){.qa-page .pack-card{width:38px}.qa-page .pool-stats-block{font-size:.65rem}}@media (max-width:600px){.qa-page .pack-card{width:40px}.qa-page .pool-stats-block{font-size:.6rem}.qa-page .pack-label-inline{width:16px;font-size:.5rem}.qa-page .pool-container{padding:.4rem}}.qa-page .skeleton-block{background:#ffffff1a;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}.qa-page .skeleton-line{background:#ffffff1a;border-radius:4px;width:100%;height:.9rem;animation:1.5s ease-in-out infinite skeleton-pulse}.qa-page .skeleton-row{border-bottom:1px solid #ffffff0d;gap:1rem;padding:.75rem 0;display:flex}