.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){:root{--color-border: #000000;--color-border-strong: #000000;--color-text-primary: #000000;--color-background: #ffffff}[data-theme=dark]{--color-text-primary: #ffffff;--color-background: #000000;--color-border: #ffffff}.btn,.form-input,.form-select,.form-textarea,.option-command{border-width:2px}.option-command:hover,.option-command:focus{border-width:3px}.launch-option{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation:none;border-top-color:var(--color-accent)}.skeleton{animation:none;background:var(--color-surface)}.option-command,.launch-option,.launch-options-btn,.launch-options-close{transition:none;animation:none}.option-command:hover,.launch-option:hover,.launch-options-btn:hover,.launch-options-close:hover{transform:none}.option-command.copied,.option-command.copy-failed,.launch-options-row[style*=table-row],.launch-options-row[style*=none],.empty-icon,.info-modal-overlay,.info-modal{animation:none}*{transition-duration:.01ms!important}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.skip-link{position:absolute;top:-60px;left:6px;background:var(--color-accent);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;z-index:var(--z-maximum);transition:top var(--transition-fast)}.skip-link:focus{top:6px}.skip-link:focus-visible{top:6px;outline:2px solid var(--color-interactive-focus);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-accent),0 0 10px var(--color-accent)}50%{box-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes copySuccessAnimation{0%{transform:scale(1);background-color:var(--color-code-background)}50%{transform:scale(1.02);background-color:var(--color-success);color:var(--color-text-inverse)}to{transform:scale(1);background-color:var(--color-code-background)}}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes searchPendingPulse{0%,to{opacity:.8;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.05)}}@keyframes suggestionSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes highlightGlow{0%{background:var(--color-accent);color:var(--color-text-inverse)}to{background:var(--color-accent-subtle);color:var(--color-accent)}}@keyframes filterTagSlideIn{0%{opacity:0;transform:translate(-20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes closeAllPulse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(0) scale(1.05)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes launchOptionsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes launchOptionSlideIn{0%{opacity:.7;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes verifiedGlow{0%{opacity:.8}to{opacity:1}}@keyframes themeToggleFloat{0%,to{transform:translateY(-2px)}50%{transform:translateY(-6px)}}@keyframes searchInputFocusGlow{0%{box-shadow:var(--shadow-sm)}to{box-shadow:var(--shadow-glow),var(--shadow-lg)}}@keyframes progressBar{0%{width:0%}to{width:100%}}@keyframes buttonRipple{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeOut{animation:fadeOut .3s ease-out}.animate-fadeInUp{animation:fadeInUp .5s ease-out}.animate-fadeInDown{animation:fadeInDown .5s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-slideInRight{animation:slideInRight .4s ease-out}.animate-slideInLeft{animation:slideInLeft .4s ease-out}.animate-bounceIn{animation:bounceIn .5s ease-out}.animate-searchPending{animation:searchPendingPulse 2s infinite ease-in-out}.animate-suggestionSlideIn{animation:suggestionSlideIn .2s ease-out}.animate-filterTagSlideIn{animation:filterTagSlideIn .3s ease-out}.animate-successPulse{animation:successPulse .6s ease-out}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform var(--transition-fast)}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow:hover{animation:glow 2s ease-in-out infinite alternate}.hover-search-enhance{transition:all var(--transition-fast)}.hover-search-enhance:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hover-suggestion-slide{transition:all var(--transition-fast)}.hover-suggestion-slide:hover{transform:translate(4px);border-left:3px solid var(--color-accent)}body{animation:fadeInUp .4s ease-out}.search-container,.slops-search{opacity:0;animation:fadeInScale .8s ease-out .2s both}.filters-container,.slops-filters{opacity:0;animation:slideInLeft .6s ease-out .4s both}.results-container,.slops-results{opacity:0;animation:slideInRight .6s ease-out .4s both}.btn,.launch-options-btn{position:relative;overflow:hidden}.filter-tag{animation:filterTagSlideIn .3s ease-out;position:relative;overflow:hidden}.games-table tbody tr{opacity:1;animation:slideInLeftNoScroll .3s ease-out forwards}.games-table tbody tr:nth-child(1){animation-delay:.05s}.games-table tbody tr:nth-child(2){animation-delay:.1s}.games-table tbody tr:nth-child(3){animation-delay:.15s}.games-table tbody tr:nth-child(4){animation-delay:.2s}.games-table tbody tr:nth-child(5){animation-delay:.25s}.games-table tbody tr:nth-child(6){animation-delay:.3s}.games-table tbody tr:nth-child(7){animation-delay:.35s}.games-table tbody tr:nth-child(8){animation-delay:.4s}.games-table tbody tr:nth-child(9){animation-delay:.45s}.games-table tbody tr:nth-child(10){animation-delay:.5s}.option-command.copied{animation:copySuccessAnimation .4s ease-out}.suggestions-dropdown{transform-origin:top center;animation:suggestionSlideIn .2s ease-out}.suggestion-item{opacity:0;animation:slideInLeft .2s ease-out forwards;position:relative;overflow:hidden}.suggestion-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gradient-accent);transition:width var(--transition-fast)}.suggestion-item:nth-child(1){animation-delay:.02s}.suggestion-item:nth-child(2){animation-delay:.04s}.suggestion-item:nth-child(3){animation-delay:.06s}.suggestion-item:nth-child(4){animation-delay:.08s}.suggestion-item:nth-child(5){animation-delay:.1s}.search-input.search-pending{animation:searchInputPending 2s infinite ease-in-out}.search-pending-indicator{animation:searchPendingPulse 2s infinite ease-in-out}.theme-toggle,#theme-toggle{transition:all var(--transition-base)}.theme-toggle:hover,#theme-toggle:hover{animation:themeToggleFloat 2s ease-in-out infinite}.loading-shimmer{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-interactive-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-pulse{animation:pulse 2s infinite}.loading-float{animation:float 3s ease-in-out infinite}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.loading-stripes{background-image:linear-gradient(45deg,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%);background-size:15px 15px;animation:loadingStripes 1s linear infinite}.skeleton-loader{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-interactive-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:60%;margin-bottom:0}.error-shake{animation:shake .5s ease-in-out}.success-checkmark{animation:checkmark .4s ease-out}.success-feedback{animation:successPulse .6s ease-out}.scroll-animate{opacity:0;animation:slideInFromBottom .6s ease-out forwards}.enhanced-focus:focus-visible{outline:none;position:relative}.enhanced-focus:focus-visible:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--color-accent);border-radius:inherit;animation:glow 1s ease-in-out infinite alternate}.interactive-enhance{position:relative;overflow:hidden}.interactive-enhance:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.interactive-enhance:hover:before{left:100%}.text-reveal{opacity:0;animation:slideInFromBottom .6s ease-out forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-shimmer{animation:none;background:var(--color-surface)}.loading-pulse{animation:none;opacity:.7}.loading-float,.loading-stripes{animation:none}.search-pending-indicator{animation:none;opacity:1}.suggestions-dropdown{animation:none}.filter-tag,.launch-option,.launch-options-list{animation:none;opacity:1}.option-command.copied{animation:none}.hover-lift:hover{transform:none;box-shadow:var(--shadow-md)}.hover-scale:hover,.hover-rotate:hover{transform:none}.hover-glow:hover{animation:none}.hover-search-enhance:hover,.hover-suggestion-slide:hover{transform:none}.theme-toggle:hover,#theme-toggle:hover,.option-verified{animation:none}.enhanced-focus:focus-visible:after{animation:none;opacity:1}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;max-width:1400px;padding:var(--space-lg) var(--space-md);margin:0 auto;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);transition:color var(--transition-base),background-color var(--transition-base);overflow-x:hidden}#app{max-width:1200px;margin:0 auto}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.safari-flex-fix{min-height:0;min-width:0}@supports not (display: grid){.grid{display:flex;flex-wrap:wrap}.grid-cols-2>*{flex:0 0 50%}.grid-cols-3>*{flex:0 0 33.333%}.grid-cols-4>*{flex:0 0 25%}}@supports not (backdrop-filter: blur(4px)){.modal-overlay{background-color:#000c}}@supports not (color: var(--color-accent)){.btn-primary{background-color:#2563eb;border-color:#2563eb}.text-accent{color:#2563eb}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.filter-select,.sort-select,#categoryFilter,#developerFilter,#optionsFilter,#yearFilter,#yearFilterSelect,#sortSelect{height:2.75rem!important;padding:.5rem 2.5rem .5rem .75rem!important;display:flex!important;align-items:center!important;line-height:1.25rem!important}.filter-select option,.select option,#categoryFilter option,#developerFilter option,#optionsFilter option,#yearFilter option,#sortSelect option{background-color:var(--color-surface-raised)!important;color:var(--color-text-primary)!important;padding:var(--space-2) var(--space-3)!important;font-size:var(--font-size-sm)!important;font-weight:500!important;border:none!important;outline:none!important}.filter-select option:hover,select option:hover{background-color:var(--color-interactive-hover)!important;color:var(--color-text-primary)!important}.filter-select option:checked,select option:checked{background-color:var(--color-accent)!important;color:var(--color-text-inverse)!important;font-weight:600!important}[data-theme=dark] .filter-select option,[data-theme=dark] select option{background-color:var(--color-surface)!important;color:var(--color-text-primary)!important}[data-theme=dark] .filter-select option:hover,[data-theme=dark] select option:hover{background-color:var(--color-interactive-hover)!important}[data-theme=dark] .filter-select option:checked,[data-theme=dark] select option:checked{background-color:var(--color-accent)!important;color:var(--color-text-inverse)!important}@supports (-webkit-appearance: none){.filter-select option,select option,.filter-select,select{background-color:var(--color-surface-raised)!important;color:var(--color-text-primary)!important}}@-moz-document url-prefix(){.filter-select option,select option{background-color:var(--color-surface-raised)!important;color:var(--color-text-primary)!important}}.filters-container select option,.hero-filters select option,.slops-filters select option{background:var(--color-surface-raised)!important;color:var(--color-text-primary)!important;padding:8px 12px!important}.filter-select:focus,select:focus{background-color:var(--color-surface-raised)!important;color:var(--color-text-primary)!important}.filter-select,.sort-select,#categoryFilter,#developerFilter,#optionsFilter,#yearFilter,#sortSelect{background-color:var(--color-surface-raised)!important;color:var(--color-text-primary)!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.filter-select[aria-expanded=true],select[aria-expanded=true]{background-color:var(--color-surface-raised)!important}.filter-select optgroup,select optgroup{background-color:var(--color-surface-raised)!important;color:var(--color-text-primary)!important;font-weight:600!important}:root{color-scheme:dark}[data-theme=dark]{color-scheme:dark}option{background-color:var(--color-surface-raised, #1e293b)!important;color:var(--color-text-primary, #f1f5f9)!important}.filter-select option[style],select option[style]{background-color:var(--color-surface-raised)!important;color:var(--color-text-primary)!important}.filters-container,.slops-filters,.hero-filters .filters-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);padding:var(--space-8);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);margin-bottom:var(--space-8);box-shadow:var(--shadow-lg);position:relative}fieldset{border:none;padding:0;margin:0}.filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.filter-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);letter-spacing:.025em;margin-bottom:var(--space-2)}.filter-select,.sort-select{padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;min-height:44px;box-sizing:border-box;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.2em 1.2em}.filter-select:hover,.sort-select:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.filter-select:focus,.sort-select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-glow),var(--shadow-sm);transform:translateY(-1px)}.filter-select:disabled,.sort-select:disabled{background-color:var(--color-interactive-disabled);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.filter-select.loading,.sort-select.loading{opacity:.6;pointer-events:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"),linear-gradient(45deg,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%);background-size:1.2em 1.2em,15px 15px;background-position:right var(--space-3) center,0 0;animation:loadingStripes 1s linear infinite}.filter-group.show-all-filter{order:-1}#showAllGamesFilter{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important}.show-all-checkbox-container{display:flex!important;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px;box-sizing:border-box}.show-all-checkbox-container:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}#showAllGamesFilter:checked+.show-all-checkbox-container{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.checkbox-label-text{display:block!important;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);flex:1;margin:0}.checkbox-stats{display:inline-block!important;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;margin-left:.75rem;white-space:nowrap;transition:all .2s ease;background:var(--color-surface-subtle, #64748b);color:#fff}#showAllGamesFilter:checked+.show-all-checkbox-container .checkbox-stats{background:var(--color-success, #10b981);color:#fff}#showAllGamesFilter:focus+.show-all-checkbox-container{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.custom-checkbox{display:none!important}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding:0 var(--space-8)}.filter-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gradient-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;animation:filterTagSlideIn .3s ease-out;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.filter-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.filter-tag:hover:before{left:100%}.filter-remove{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);background:#fff3;border:none;border-radius:var(--radius-full);color:inherit;cursor:pointer;font-size:var(--font-size-xs);line-height:1;transition:all var(--transition-fast)}.filter-remove:hover{background:#ffffff4d;transform:scale(1.1)}.results-container,.slops-results{max-width:1200px;margin:0 auto;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.results-header,.slops-results-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--gradient-surface)}.results-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;transition:all var(--transition-fast)}.results-count.success-highlight{color:var(--color-success);font-weight:var(--font-weight-semibold);animation:successPulse .6s ease-out}[data-theme=dark] .filter-select,[data-theme=dark] .sort-select{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .filter-select:focus,[data-theme=dark] .sort-select:focus{background-color:var(--color-surface-raised);border-color:var(--color-accent)}[data-theme=dark] .show-all-checkbox-container{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .show-all-checkbox-container:hover{background-color:var(--color-interactive-hover)}[data-theme=dark] #showAllGamesFilter:checked+.show-all-checkbox-container{background-color:var(--color-accent-subtle)}[data-theme=dark] .checkbox-label-text{color:var(--color-text-primary)}[data-theme=dark] .checkbox-stats{background:var(--color-surface-subtle)}[data-theme=dark] #showAllGamesFilter:checked+.show-all-checkbox-container .checkbox-stats{background:var(--color-success)}@keyframes filterTagSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes loadingStripes{0%{background-position:right var(--space-3) center,0 0}to{background-position:right var(--space-3) center,15px 0}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}footer{text-align:center;padding:var(--space-2xl) var(--space-md);margin-top:var(--space-3xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-lg);max-width:1200px;margin-left:auto;margin-right:auto}.hero-section{position:relative;min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;margin-bottom:var(--space-16);background:var(--color-background)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center top,rgba(59,130,246,.15) 0%,rgba(59,130,246,.05) 40%,transparent 70%)}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.05) 0%,transparent 50%);background-size:500px 500px,400px 400px;background-position:0 0,100px 100px;animation:heroPattern 20s ease-in-out infinite alternate}@keyframes heroPattern{0%{transform:translate(0) scale(1)}to{transform:translate(-10px,-10px) scale(1.05)}}.hero-content{position:relative;z-index:2;max-width:1200px;width:100%;padding:var(--space-12) var(--space-6);text-align:center}.hero-branding{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);margin-bottom:var(--space-4)}.logo-container{position:relative;animation:logoFloat 6s ease-in-out infinite;margin-bottom:-.875em}.hero-logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));transition:all var(--transition-base)}.hero-logo:hover{transform:scale(1.05);filter:drop-shadow(0 15px 30px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(59,130,246,.3))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-text{max-width:800px}.hero-title{margin:0 0 var(--space-6) 0;font-weight:800;line-height:1.1;letter-spacing:-.02em}.hero-title-main{display:block;font-size:clamp(3rem,6vw,4.5rem);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 50%,var(--color-text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.hero-title-accent{display:block;font-size:clamp(1.5rem,3vw,2rem);color:var(--color-accent);font-weight:600;opacity:.9}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.hero-search{margin-bottom:var(--space-12);max-width:700px;margin-left:auto;margin-right:auto}.hero-search .search-input-wrapper{position:relative;margin-bottom:0}.hero-search .search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-14);font-size:var(--font-size-medium);font-weight:500;color:var(--color-text-primary);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);transition:all var(--transition-base);box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a}.hero-search .search-input:focus{outline:none;border-color:var(--color-accent);background:#ffffff26;box-shadow:0 0 0 4px #3b82f61a,var(--shadow-xl),inset 0 1px #fff3}.hero-search .search-icon{position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);font-size:var(--font-size-xl);color:var(--color-text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-fast)}.hero-search .search-input:focus+.search-icon{color:var(--color-accent)}.hero-search .search-field:focus-within{transform:translateY(-2px);transition:transform var(--transition-fast)}.hero-stats{position:relative;z-index:var(--z-behind);display:flex;justify-content:center;align-items:center;gap:var(--space-12);margin-bottom:var(--space-8);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);transition:all var(--transition-base);min-width:120px}.stat-item:hover{transform:translateY(-4px);background:#ffffff1a;border-color:#3b82f64d;box-shadow:var(--shadow-xl)}.stat-number{font-size:var(--font-size-2xl);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hero-filters{position:relative;z-index:2;max-width:1200px;width:100%;padding:0 var(--space-6)}.hero-filters .filters-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.hero-filters .filter-select{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);color:var(--color-text-primary);transition:all var(--transition-fast)}.hero-filters .filter-select:focus{background:#ffffff26;border-color:var(--color-accent);box-shadow:0 0 0 4px #3b82f61a}.hero-filters .filter-select:hover{background:#ffffff26;border-color:#fff3}.hero-filters .-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;padding:0}@media (max-width: 1024px){.hero-section{min-height:60vh}.hero-stats{gap:var(--space-8)}.stat-item{min-width:100px;padding:var(--space-3) var(--space-4)}}@media (max-width: 768px){.hero-section{min-height:50vh}.hero-content{padding:var(--space-8) var(--space-4)}.hero-branding{gap:var(--space-6)}.logo-container{margin-bottom:0}.hero-logo{width:80px;height:80px}.hero-search{margin-bottom:var(--space-8)}.hero-stats{gap:var(--space-4);margin-bottom:var(--space-6)}.stat-item{min-width:80px;padding:var(--space-2) var(--space-3)}.stat-number{font-size:var(--font-size-lg)}.hero-filters .filters-container{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6)}}@media (max-width: 480px){.hero-content{padding:var(--space-6) var(--space-3)}.hero-logo{width:60px;height:60px}.hero-stats{flex-direction:column;gap:var(--space-3)}.stat-item{flex-direction:row;gap:var(--space-3);min-width:auto;width:100%;max-width:200px}}[data-theme=dark] .hero-search .search-input{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .hero-search .search-input:focus{background:#ffffff1a;border-color:var(--color-accent)}[data-theme=dark] .stat-item{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .stat-item:hover{background:#ffffff14;border-color:#3b82f633}[data-theme=dark] .hero-filters .filters-container{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .hero-filters .filter-select{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .hero-filters .filter-select:focus{background:#ffffff1a}.hero-section{animation:fadeInUp 1s ease-out}.hero-branding{animation:fadeInScale 1.2s ease-out .3s both}.hero-search{animation:fadeInUp .6s ease-out .6s both}.hero-stats{animation:fadeInUp .6s ease-out .9s both}.hero-filters{animation:fadeInUp .6s ease-out 1.2s both}.stat-item{animation:fadeInScale .4s ease-out both}.stat-item:nth-child(1){animation-delay:1s}.stat-item:nth-child(2){animation-delay:1.1s}.stat-item:nth-child(3){animation-delay:1.2s}.hero-background,.hero-pattern,.hero-gradient{will-change:transform}.hero-logo{will-change:transform,filter}@media (prefers-reduced-motion: reduce){.hero-pattern,.logo-container{animation:none}.hero-logo:hover,.stat-item:hover{transform:none}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.gap-0{gap:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-auto{margin:auto}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pagination-container{margin:var(--space-xl) 0;padding:var(--space-lg);background-color:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.pagination{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center;justify-content:center}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-align:center}.pagination-controls{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.75rem;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background-color:var(--color-interactive-hover);border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-btn:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px;z-index:1}.pagination-btn-active{background-color:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);font-weight:var(--font-weight-semibold)}.pagination-btn-active:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.pagination-btn-prev,.pagination-btn-next{padding:var(--space-sm) var(--space-lg);font-weight:var(--font-weight-semibold);background-color:var(--color-surface)}.pagination-btn-prev:hover,.pagination-btn-next:hover{background-color:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.pagination-btn-page:hover:not(.pagination-btn-active){background-color:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.75rem;color:var(--color-text-tertiary);font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none;pointer-events:none}.pagination-quick-jump{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.pagination-jump-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-xs)}.pagination-jump-input{width:4rem;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast)}.pagination-jump-input:focus{outline:none;border-color:var(--color-interactive-focus);box-shadow:0 0 0 3px #3b82f61a}.pagination-btn-go{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);min-width:auto;height:auto;background-color:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.pagination-btn-go:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}@media (max-width: 768px){.pagination-controls{gap:var(--space-2xs)}.pagination-btn{min-width:2.25rem;height:2.25rem;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.pagination-btn-prev,.pagination-btn-next{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.pagination-quick-jump{flex-direction:column;gap:var(--space-xs);text-align:center}.pagination-jump-label{justify-content:center}}@media (max-width: 480px){.pagination-container{margin:var(--space-lg) 0;padding:var(--space-md)}.pagination-controls{flex-wrap:wrap;max-width:100%}.pagination-btn{min-width:2rem;height:2rem;font-size:var(--font-size-xs);padding:var(--space-2xs) var(--space-xs)}.pagination-ellipsis{display:none}.pagination-btn-page:not(.pagination-btn-active):not(:first-of-type):not(:last-of-type){display:none}}[data-theme=dark] .pagination-container{background-color:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .pagination-btn{background-color:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .pagination-btn:hover:not(:disabled){background-color:var(--color-interactive-hover);border-color:var(--color-border-strong)}[data-theme=dark] .pagination-jump-input{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.pagination-container{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.search-input,.suggestions-dropdown,.filter-tag,.games-table tbody tr,.theme-toggle{transform:translateZ(0);backface-visibility:hidden}.games-table{contain:layout}.suggestions-dropdown{contain:layout style}.games-table tbody{content-visibility:auto;contain-intrinsic-size:1px 400px}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-size{contain:size}.content-auto{content-visibility:auto;contain-intrinsic-size:1px 400px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-scroll{will-change:scroll-position}@media (min-width: 640px){.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}}@media (min-width: 768px){.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}}@media (min-width: 1024px){.lg\:text-lg{font-size:var(--font-size-lg)}.lg\:text-xl{font-size:var(--font-size-xl)}.lg\:text-2xl{font-size:var(--font-size-2xl)}.lg\:text-3xl{font-size:var(--font-size-3xl)}}@media (min-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 640px){.sm\:p-md{padding:var(--space-md)}.sm\:p-lg{padding:var(--space-lg)}}@media (min-width: 768px){.md\:p-lg{padding:var(--space-lg)}.md\:p-xl{padding:var(--space-xl)}.md\:gap-lg{gap:var(--space-lg)}.md\:gap-xl{gap:var(--space-xl)}}@media (min-width: 1024px){.lg\:p-xl{padding:var(--space-xl)}.lg\:p-2xl{padding:var(--space-2xl)}.lg\:gap-xl{gap:var(--space-xl)}.lg\:gap-2xl{gap:var(--space-2xl)}}@media (min-width: 1280px){.xl\:p-2xl{padding:var(--space-2xl)}.xl\:p-3xl{padding:var(--space-3xl)}}@media (max-width: 768px){html,body{overflow-x:hidden!important;max-width:100vw!important}body{padding:var(--space-md) var(--space-sm);line-height:1.5;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}#app{width:100%!important;max-width:100vw!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden!important}h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}p,span,div{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}*{transition-duration:.2s!important}.card,.games-table,.filters-container,.hero-section{box-shadow:var(--shadow-sm)!important}.filters-container,.table-container,.hero-section{contain:layout}}@media (max-width: 480px){body{padding:var(--space-sm) var(--space-xs);font-size:var(--font-size-sm)}input[type=text],input[type=search],input[type=email],input[type=password],select,textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}button,.btn,.launch-options-btn{min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-lg)}}@media (max-width: 374px){body{padding:var(--space-xs)}*{box-shadow:none!important}.card,.slops-search,.slops-results{box-shadow:var(--shadow-xs)!important}.hover-lift:hover{transform:none}}@media (max-width: 768px){.hero-section{min-height:60vh;padding:0;margin-bottom:var(--space-12);overflow-x:hidden}.hero-content{padding:var(--space-8) var(--space-4)}.hero-branding{gap:var(--space-4);margin-bottom:var(--space-4)}.hero-logo{width:70px;height:70px}.hero-title-main{font-size:clamp(2rem,8vw,3rem);line-height:1.1;overflow-wrap:break-word;word-break:break-word}.hero-title-accent{font-size:clamp(1.125rem,4vw,1.5rem);line-height:1.2}.hero-search{margin-bottom:var(--space-6);width:100%;max-width:100%}.hero-search .search-input{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);font-size:16px;min-height:44px;width:100%;box-sizing:border-box}.hero-search .search-icon{left:var(--space-3);font-size:var(--font-size-lg)}.hero-stats{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding:0 var(--space-4)}.stat-item{flex-direction:row;gap:var(--space-3);min-width:auto;width:100%;max-width:280px;padding:var(--space-3) var(--space-4);margin:0 auto}.stat-number{font-size:var(--font-size-xl)}.hero-filters{width:100%;padding:0 var(--space-2)}}@media (max-width: 480px){.hero-section{min-height:50vh;margin-bottom:var(--space-6)}.hero-content{padding:var(--space-4) var(--space-3)}.hero-logo{width:50px;height:50px}.hero-title-main{font-size:clamp(1.75rem,10vw,2.5rem)}.hero-title-accent{font-size:clamp(1rem,5vw,1.25rem)}.hero-search .search-input{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10)}.hero-search .search-icon{left:var(--space-2);font-size:var(--font-size-base)}.hero-stats{gap:var(--space-2)}.stat-item{padding:var(--space-2) var(--space-3);max-width:240px}.stat-number{font-size:var(--font-size-lg)}.stat-label{font-size:var(--font-size-xs)}}@media (min-width: 428px) and (max-width: 768px){.hero-stats{flex-direction:row;gap:var(--space-4);justify-content:center}.stat-item{flex-direction:column;gap:var(--space-2);min-width:100px}}@media (max-height: 500px) and (orientation: landscape){.hero-section{min-height:50vh!important}.hero-content{padding:var(--space-6) var(--space-4)!important}.hero-branding{flex-direction:row;align-items:center;gap:var(--space-6);margin-bottom:var(--space-3)}.hero-logo{width:60px;height:60px}.hero-stats{flex-direction:row!important;gap:var(--space-4)!important}.stat-item{flex-direction:column;gap:var(--space-1);min-width:80px;padding:var(--space-2) var(--space-3)}}@media (max-width: 768px){.filters-container,.slops-filters,.hero-filters .filters-container{display:flex!important;flex-direction:column!important;gap:var(--space-4)!important;padding:var(--space-6) var(--space-4)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-bottom:var(--space-6)!important;border-radius:var(--radius-xl)!important;grid-template-columns:1fr!important}.filter-group{width:100%!important;max-width:100%!important;min-width:0!important}.filter-label{font-size:var(--font-size-sm)!important;margin-bottom:var(--space-2)!important;font-weight:600!important}.filter-select,.sort-select{width:100%!important;max-width:100%!important;min-height:48px!important;padding:var(--space-3) var(--space-4)!important;font-size:16px!important;border-radius:var(--radius-lg)!important;box-sizing:border-box!important}.show-all-checkbox-container{width:100%!important;max-width:100%!important;min-height:48px!important;padding:var(--space-3) var(--space-4)!important;font-size:var(--font-size-sm)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.checkbox-label-text{font-size:var(--font-size-sm)!important;flex:1!important;margin-right:var(--space-2)!important}.checkbox-stats{font-size:var(--font-size-xs)!important;padding:var(--space-1) var(--space-2)!important;flex-shrink:0!important;white-space:nowrap!important}.active-filters{display:flex!important;flex-wrap:wrap!important;gap:var(--space-2)!important;padding:0 var(--space-4)!important;margin-bottom:var(--space-4)!important;width:100%!important;box-sizing:border-box!important}.filter-tag{font-size:var(--font-size-xs)!important;padding:var(--space-1) var(--space-3)!important;border-radius:var(--radius-full)!important;flex-shrink:0!important;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-remove{width:var(--space-4);height:var(--space-4);font-size:var(--font-size-xs);flex-shrink:0;margin-left:var(--space-1)}}@media (max-width: 480px){.filters-container,.slops-filters,.hero-filters .filters-container{padding:var(--space-4) var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.filter-label{font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.filter-select,.sort-select,.show-all-checkbox-container{min-height:44px;font-size:16px;padding:var(--space-2) var(--space-3)}.checkbox-label-text{font-size:var(--font-size-xs)}.checkbox-stats{font-size:.6875rem;padding:2px 6px}.active-filters{padding:0 var(--space-3);gap:var(--space-1)}.filter-tag{font-size:.6875rem;padding:var(--space-1) var(--space-2);max-width:150px}.filter-remove{width:16px;height:16px;font-size:10px}}@media (max-width: 768px){.year-filter-container{flex-direction:column;gap:var(--space-3);align-items:stretch}.year-select,.year-input{flex:none;max-width:none;min-height:44px;font-size:16px}.year-input{padding:var(--space-3) var(--space-4)}.year-divider{text-align:center;margin:var(--space-1) 0}}@media (min-width: 768px) and (max-width: 1024px){.filters-container,.slops-filters{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media (min-width: 1020px){.games-table th,.games-table td{padding:var(--space-3) var(--space-4)}}@media (max-width: 768px){.games-table,.games-table thead,.games-table tbody,.games-table th,.games-table td,.games-table tr{display:block!important;width:100%!important;box-sizing:border-box}.games-table thead tr{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.games-table tbody tr{display:block;margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);position:relative;width:100%;max-width:100%;overflow:hidden;transform:none}.games-table tbody tr:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.games-table tbody tr:hover{transform:none;box-shadow:var(--shadow-xl);background:var(--color-surface-raised)}.games-table td{display:flex!important;align-items:flex-start;width:100%!important;padding:var(--space-3) var(--space-2) var(--space-3) 40%!important;border:none!important;position:relative;min-height:var(--space-10);line-height:var(--line-height-relaxed);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.games-table td:before{content:attr(data-label) ": ";position:absolute;left:var(--space-2);top:var(--space-3);width:35%;font-weight:700;color:var(--color-text-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.8;word-wrap:break-word;line-height:var(--line-height-tight)}.games-table td:first-child{padding-top:var(--space-4);font-weight:600;font-size:var(--font-size-base)}.games-table td:first-child:before{font-weight:800;color:var(--color-accent);font-size:var(--font-size-sm)}.game-title{font-size:var(--font-size-base);font-weight:600;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.game-title:before{display:none}.games-table td:last-child{padding-top:var(--space-5);padding-left:var(--space-2)!important;width:100%!important}.games-table td:last-child:before{display:none}.launch-options-btn{width:100%!important;padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--space-12);margin-top:var(--space-2)}.options-count{min-width:var(--space-5);height:var(--space-5);font-size:var(--font-size-xs);margin-left:var(--space-2)}}@media (max-width: 480px){.games-table{font-size:var(--font-size-xs)}.games-table tbody tr{padding:var(--space-4)!important;margin-bottom:var(--space-4)!important}.games-table td{padding:var(--space-2) var(--space-1) var(--space-2) 42%!important;min-height:var(--space-8)!important}.games-table td:before{width:38%!important;font-size:calc(var(--font-size-xs) * .9)!important;left:var(--space-1)}.game-title{font-size:var(--font-size-sm)}.launch-options-btn{min-height:44px;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}}@media (max-width: 320px){.games-table,.games-table thead,.games-table tbody,.games-table th,.games-table td,.games-table tr{display:block}.games-table tr{border:1px solid var(--color-border);margin-bottom:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background-color:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.games-table td{border:none;position:relative;padding-left:30%!important;padding-top:var(--space-xs);padding-bottom:var(--space-xs);min-height:2rem;display:flex;align-items:center}.games-table td:before{content:attr(data-label) ": ";position:absolute;left:6px;width:25%;padding-right:var(--space-xs);white-space:nowrap;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-xs)}}@media (max-width: 768px){.launch-options-row{display:block!important;width:100%!important;margin:var(--space-4) 0!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.launch-options-cell{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding:var(--space-6) var(--space-4)!important;background:var(--gradient-surface);border-radius:var(--radius-xl);margin:var(--space-4) 0;box-shadow:var(--shadow-lg);box-sizing:border-box!important}.launch-options-list{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:var(--space-5)!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;list-style:none!important;box-sizing:border-box!important}.launch-option{width:100%!important;max-width:100%!important;padding:var(--space-5) var(--space-4)!important;border-radius:var(--radius-lg)!important;background:var(--color-surface-raised)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-md)!important;margin:0 auto!important;position:relative;overflow:hidden;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}.launch-option:hover{transform:none!important;box-shadow:var(--shadow-lg)!important;border-color:var(--color-accent)!important}.option-command{width:100%!important;max-width:100%!important;padding:var(--space-4)!important;margin-bottom:var(--space-4)!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-relaxed)!important;border-radius:var(--radius-md)!important;background:var(--color-code-background)!important;color:var(--color-code-text)!important;font-family:var(--font-family-mono)!important;word-break:break-all!important;overflow-wrap:break-word!important;white-space:pre-wrap!important;cursor:pointer;position:relative;border:1px solid rgba(255,255,255,.1);text-align:left!important;box-sizing:border-box!important;display:block!important}.option-command:hover{transform:none}.option-command:after{content:"📋 Tap to copy";position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);background:#000000e6;color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family-base);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;z-index:var(--z-raised);white-space:nowrap}.option-command code:nth-child(1){font-size:--var(--font-size-xl)}.option-command.copied,.option-command.copy-failed{transform:none!important}.option-command.copied:after{content:"✅ Copied!";opacity:1;background:var(--color-success)}.option-command.copy-failed:after{content:"❌ Failed";opacity:1;background:var(--color-error)}.option-description{width:100%!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--space-4)!important;color:var(--color-text-secondary)!important;word-wrap:break-word;overflow-wrap:break-word;text-align:left!important;box-sizing:border-box!important}.option-meta{width:100%!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:var(--space-2)!important;padding-top:var(--space-3)!important;border-top:1px solid var(--color-border-subtle)!important;font-size:var(--font-size-xs)!important;box-sizing:border-box!important}.option-source{flex:1 1 auto!important;min-width:0!important}.option-votes,.option-verified{flex:0 0 auto!important;margin-left:var(--space-2)!important}.launch-options-close-container{width:100%!important;margin-top:var(--space-8)!important;padding-top:var(--space-6)!important;border-top:1px solid var(--color-border)!important;text-align:center!important;display:flex!important;justify-content:center!important;box-sizing:border-box!important}.launch-options-close{width:auto!important;min-width:200px!important;max-width:280px!important;padding:var(--space-4) var(--space-6)!important;font-size:var(--font-size-sm)!important;border-radius:var(--radius-lg)!important;margin:0!important;box-sizing:border-box!important}.no-options,.launch-options-cell .no-options{width:100%!important;max-width:100%!important;padding:var(--space-8) var(--space-4)!important;text-align:center!important;border-radius:var(--radius-lg)!important;margin:0 auto!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.no-options:before,.launch-options-cell .no-options:before{font-size:var(--space-12)!important;margin-bottom:var(--space-4)!important}.launch-options-cell .loading{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:var(--space-4)!important;padding:var(--space-8)!important;text-align:center!important;font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important;box-sizing:border-box!important}.launch-options-cell .error{width:100%!important;max-width:100%!important;padding:var(--space-8) var(--space-4)!important;background:var(--color-surface-subtle)!important;border:2px solid var(--color-error)!important;border-radius:var(--radius-lg)!important;color:var(--color-text-primary)!important;margin:0 auto!important;text-align:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important}}@media (max-width: 480px){.launch-options-cell{padding:var(--space-5) var(--space-3)!important}.launch-option{padding:var(--space-4) var(--space-3)!important}.option-command{padding:var(--space-3)!important;font-size:calc(var(--font-size-sm) * .95)!important}.launch-options-close{min-width:180px!important;max-width:250px!important;font-size:calc(var(--font-size-sm) * .95)!important}.option-meta{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-1)!important}}@media (min-width: 1020px){.launch-options-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 768px) and (max-width: 1024px){.launch-options-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.search-container,.slops-search{margin-bottom:var(--space-8);padding:var(--space-8) var(--space-6);border-radius:var(--radius-2xl)}.search-header h1,.slops-logo{font-size:clamp(2rem,8vw,2.5rem)}.search-header h2,.slops-logo{font-size:var(--font-size-xl)}.search-pending-indicator{position:absolute!important;right:var(--space-3)!important;top:50%!important;transform:translateY(-50%)!important;font-size:var(--font-size-xs)!important;padding:var(--space-1) var(--space-2)!important;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.suggestions-dropdown{position:fixed!important;top:auto!important;left:var(--space-2)!important;right:var(--space-2)!important;bottom:var(--space-2)!important;max-height:40vh!important;border-radius:var(--radius-xl)!important;z-index:var(--z-modal)!important;box-shadow:var(--shadow-2xl)!important;margin:0}.hero-search .suggestions-dropdown{left:-var(--space-4);right:-var(--space-4);border-radius:var(--radius-lg);max-height:12rem;position:absolute;bottom:auto;top:100%}.suggestion-item{padding:var(--space-4) var(--space-4)!important;font-size:var(--font-size-sm)!important;min-height:48px!important;display:flex!important;align-items:center!important}.suggestion-value{font-size:var(--font-size-sm)}.suggestion-category-header{padding:var(--space-1) var(--space-3);font-size:calc(var(--font-size-xs) * .9)}}@media (max-width: 480px){.suggestions-dropdown,.slops-suggestions{left:0;right:0;margin-left:0;margin-right:0}.suggestion-item{padding:var(--space-3) var(--space-4)}.suggestion-value{font-size:var(--font-size-xs)}}@media (max-width: 768px){.pagination-container{padding:var(--space-4)!important;margin:var(--space-6) 0!important}.pagination-controls{flex-wrap:wrap!important;gap:var(--space-2)!important;justify-content:center!important}.pagination-btn{min-width:44px!important;min-height:44px!important;font-size:var(--font-size-sm)!important}.results-header,.slops-results-header{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4) var(--space-4);text-align:center}.results-count{font-size:var(--font-size-sm);order:-1}}@media (max-width: 480px){.pagination-btn-page:not(.pagination-btn-active):not(:first-of-type):not(:last-of-type){display:none!important}}@media (max-width: 768px){.empty-table-state{padding:var(--space-12) var(--space-4);margin:var(--space-6) 0;border-radius:var(--radius-xl);min-height:20rem}.empty-icon{font-size:3rem}.empty-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.empty-description{font-size:var(--font-size-base);margin-bottom:var(--space-6)}.empty-stats{flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{min-width:auto;width:100%;max-width:200px;margin:0 auto}.stat-number{font-size:var(--font-size-xl)}.empty-actions{flex-direction:column;align-items:center;gap:var(--space-3)}.btn{width:100%;max-width:280px;min-height:44px;justify-content:center}.suggestion-chips{gap:var(--space-2);justify-content:center}.suggestion-chip{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:36px}.search-tips{text-align:center}.search-tips li{padding:var(--space-2) 0;font-size:var(--font-size-sm)}.info-modal-overlay{padding:var(--space-4)}.info-modal{margin:0;max-height:90vh;border-radius:var(--radius-xl)}.info-modal-header{padding:var(--space-4)}.info-modal-header h3{font-size:var(--font-size-lg)}.info-modal-close{padding:var(--space-2);font-size:var(--font-size-xl);min-width:44px;min-height:44px}.info-modal-body{padding:var(--space-4);max-height:calc(90vh - 4rem)}.info-modal-body p{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.info-modal-body h4{font-size:var(--font-size-base);margin:var(--space-4) 0 var(--space-2) 0}.table-loading{padding:var(--space-12) var(--space-4);flex-direction:column;gap:var(--space-3)}.loading-spinner{width:var(--space-5);height:var(--space-5)}.modal{margin:var(--space-sm);max-width:none;max-height:90vh}.modal-body{max-height:calc(90vh - 4rem)}}@media (max-width: 480px){.suggestion-chip{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}}@media (max-height: 500px) and (orientation: landscape) and (max-width: 900px){.filters-container,.slops-filters,.hero-filters .filters-container{grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-4)}.filter-select,.sort-select,.show-all-checkbox-container{min-height:40px;font-size:var(--font-size-sm)}.empty-table-state{padding:var(--space-8) var(--space-4);min-height:20rem}.empty-stats{flex-direction:row;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.stat-card{min-width:100px;max-width:120px}.empty-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}.btn{width:auto;min-width:120px}.modal{max-height:80vh}.modal-body{max-height:50vh}.launch-options-cell{padding:var(--space-4) var(--space-3)!important}.launch-option{padding:var(--space-3)!important}.option-command{padding:var(--space-3)!important;font-size:var(--font-size-xs)!important}.launch-options-close-container{margin-top:var(--space-4)!important;padding-top:var(--space-3)!important}}@media (max-width: 768px){.options-first-toggle{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius-lg)}.toggle-container{gap:var(--space-3)}.toggle-label{font-size:var(--font-size-base);gap:var(--space-3)}.toggle-slider{width:3rem;height:1.75rem;flex-shrink:0}.toggle-slider:before{width:1.5rem;height:1.5rem}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(1.25rem)}.toggle-description{padding-left:0;margin-top:var(--space-2)}.toggle-hint{font-size:var(--font-size-sm)}.toggle-stats{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.theme-toggle,#theme-toggle{top:var(--space-4);right:var(--space-4);padding:var(--space-2);min-width:var(--space-10);height:var(--space-10);font-size:var(--font-size-base);border-radius:var(--radius-lg);z-index:var(--z-fixed)}.close-all-btn{right:40px}.close-all-icon{width:var(--space-4);height:var(--space-4);font-size:var(--font-size-xs)}.close-all-text{display:none}}@media (max-width: 480px){.theme-toggle,#theme-toggle{top:var(--space-3);right:var(--space-3);padding:var(--space-1);min-width:var(--space-8);height:var(--space-8);font-size:var(--font-size-sm)}.toggle-slider{width:3rem;height:1.75rem}.toggle-slider:before{width:1.5rem;height:1.5rem}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(1.25rem)}}@media (pointer: coarse){.btn,.launch-options-btn,.filter-select,.pagination-btn,.suggestion-item,.dropdown-item{min-height:44px;min-width:44px;touch-action:manipulation}.suggestion-item,.dropdown-item{padding:var(--space-md) var(--space-lg)}.filter-tag{padding:var(--space-sm) var(--space-md);min-height:32px}.filter-remove{width:24px;height:24px;margin-left:var(--space-xs)}input[type=checkbox],input[type=radio]{width:20px;height:20px}.launch-options-btn:active{transform:scale(.95);background:var(--color-accent-hover)}.option-command:active{transform:scale(.98);background:var(--color-interactive-hover)}.suggestion-chip:active{transform:scale(.95)}.filter-select:active,.sort-select:active,.show-all-checkbox-container:active{background-color:var(--color-interactive-hover);transform:scale(.98)}@media (hover: none){.hover-lift:hover,.hover-scale:hover,.hover-rotate:hover{transform:none}.games-table tbody tr:hover{transform:none;background:var(--color-surface-raised)}}}@media (max-width: 768px){*:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px;border-radius:var(--radius-sm)}.launch-options-btn:focus-visible,.filter-select:focus-visible,.option-command:focus-visible{outline:3px solid var(--color-interactive-focus)!important;outline-offset:2px!important}.filter-select:focus-visible,.sort-select:focus-visible,#showAllGamesFilter:focus+.show-all-checkbox-container{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}}@media (max-width: 768px){.skip-link{left:var(--space-2);top:-50px;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-lg)}.skip-link:focus{top:var(--space-2)}}@media (prefers-contrast: high) and (max-width: 768px){.games-table tbody tr,.launch-option,.filter-select{border-width:2px!important}.games-table td:before{font-weight:800!important}.filter-tag{border:2px solid}}@media (prefers-reduced-motion: reduce) and (max-width: 768px){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transform:none!important}.games-table tbody tr:hover,.launch-option:hover,.option-command:hover{transform:none!important}*:focus-visible{outline:2px solid var(--color-interactive-focus)!important;outline-offset:2px!important}}@media (max-width: 375px){.search-input,.slops-search-input{font-size:16px}.games-table td{padding-left:35%!important}.games-table td:before{width:30%}}@supports (-webkit-touch-callout: none){.hero-section{min-height:-webkit-fill-available}input[type=text],input[type=search],select{font-size:16px;transform:translateZ(0)}.games-table thead{position:-webkit-sticky;position:sticky}*{-webkit-tap-highlight-color:transparent}.filter-select,.sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.show-all-checkbox-container{-webkit-tap-highlight-color:transparent}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.games-table tbody tr:before,.launch-option:before{height:3px!important}.filter-tag,.option-command,.launch-options-btn{border-width:.5px!important}}@media print{.theme-toggle,.slops-search,.slops-filters,.pagination,.launch-options-btn,.filter-tag,.suggestions-dropdown,.modal-overlay,.active-filters{display:none!important}.games-table{box-shadow:none;border:1px solid #000;font-size:10pt;width:100%}.games-table th,.games-table td{border:1px solid #000;padding:4pt}.games-table th{background:#f0f0f0!important;font-weight:700}.launch-options-cell{font-size:9pt}.option-command{background:#f0f0f0!important;color:#000!important;border:1px solid #ccc!important;font-size:8pt}.games-table tr,.launch-options-row{page-break-inside:avoid}body:before{content:"Steam Launch Options Database - Vanilla Slops";display:block;text-align:center;font-size:16pt;font-weight:700;margin-bottom:20pt;border-bottom:2px solid #000;padding-bottom:10pt}}@media print and (max-width: 768px){body{font-size:10pt;line-height:1.4}.games-table{font-size:8pt}.games-table td{padding:4pt!important}.games-table td:before{font-size:7pt!important}.mobile-hidden-print{display:none!important}.games-table tbody tr{page-break-inside:avoid!important;margin-bottom:var(--space-2)!important;padding:var(--space-2)!important}.launch-options-row{page-break-inside:avoid!important}.launch-option{page-break-inside:avoid!important;margin-bottom:var(--space-1)!important}}@media (max-width: 768px){.mobile-text-sm{font-size:var(--font-size-sm)!important}.mobile-text-xs{font-size:var(--font-size-xs)!important}.mobile-text-wrap{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.mobile-p-2{padding:var(--space-2)!important}.mobile-p-3{padding:var(--space-3)!important}.mobile-p-4{padding:var(--space-4)!important}.mobile-m-2{margin:var(--space-2)!important}.mobile-m-3{margin:var(--space-3)!important}.mobile-m-4{margin:var(--space-4)!important}.mobile-stack{display:flex!important;flex-direction:column!important;gap:var(--space-3)!important}.mobile-full-width{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}.mobile-no-overflow{overflow-x:hidden!important;max-width:100%!important}.mobile-padding{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.mobile-touch-target{min-height:48px!important;min-width:48px!important}}@media (max-width: 768px){[data-theme=dark] .games-table tbody tr{background:var(--color-surface)!important;border-color:var(--color-border)!important}[data-theme=dark] .launch-option{background:var(--color-surface-raised)!important;border-color:var(--color-border)!important}[data-theme=dark] .option-command{background:var(--color-code-background)!important;border-color:#ffffff1a!important}[data-theme=dark] .suggestions-dropdown{background:var(--color-surface)!important;border-color:var(--color-border)!important}}.search-container,.slops-search{position:relative;margin:0 auto var(--space-16);padding:var(--space-12) var(--space-8);background:var(--gradient-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.search-container:before,.slops-search:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-subtle),transparent)}.search-header,.slops-search-header{text-align:center;margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle);position:relative}.slops-logo{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);letter-spacing:-.02em;line-height:1.1}.search-header p,.slops-tagline{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:500;margin:0;opacity:.8}.search-input-wrapper{position:relative;max-width:700px;margin-bottom:0;margin-left:auto;margin-right:auto;contain:layout}.search-field{position:relative;display:flex;align-items:center;contain:layout}.search-field:focus-within{transform:translateY(-1px);transition:transform var(--transition-fast)}.search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-14);font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-primary);background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-2xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-glow),var(--shadow-lg);background:var(--color-surface-raised)}.search-input::placeholder{color:var(--color-text-placeholder);font-weight:400}.search-input.search-pending{border-color:var(--color-warning);box-shadow:0 0 0 1px var(--color-warning),var(--shadow-sm);background:var(--color-surface-raised)}.search-input:focus.search-pending{border-color:var(--color-accent);box-shadow:var(--shadow-glow),var(--shadow-lg)}.search-pending-indicator{position:absolute;right:var(--space-16);top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);color:var(--color-warning);opacity:.8;pointer-events:none;animation:searchPendingPulse 2s infinite ease-in-out;z-index:10;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#f59e0b1a;border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:500;white-space:nowrap}.search-icon{position:relative;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-xl);color:var(--color-text-tertiary);pointer-events:none;z-index:1;transition:all var(--transition-fast)}.search-input:focus+.search-icon{color:var(--color-accent);transform:translateY(-50%) scale(1.1)}.search-input.search-pending~.search-icon{color:var(--color-warning)}.suggestions-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:var(--z-dropdown);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-height:16rem;overflow-y:auto;display:none;transform-origin:top center;animation:suggestionSlideIn .2s ease-out;contain:layout style;will-change:transform,opacity;pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.suggestions-dropdown::-webkit-scrollbar{width:4px}.suggestions-dropdown::-webkit-scrollbar-track{background:transparent}.suggestions-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.suggestions-dropdown.is-open{display:block}.suggestion-category-header{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:1;opacity:.8}.suggestion-item{padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-2);position:relative;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.suggestion-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--color-accent);transition:width var(--transition-fast)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.highlighted{background:var(--color-interactive-hover);color:var(--color-text-primary);transform:translate(2px);border-left:2px solid var(--color-accent)}.suggestion-item:hover:before,.suggestion-item.highlighted:before{width:3px}.suggestion-item.no-suggestions{color:var(--color-text-tertiary);font-style:italic;font-size:var(--font-size-xs);cursor:default;justify-content:center;opacity:.7;padding:var(--space-3) var(--space-4)}.suggestion-item.no-suggestions:hover{background:transparent;transform:none;border-left:none;color:var(--color-text-tertiary)}.suggestion-item.no-suggestions:before{display:none}.suggestion-value{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-secondary);line-height:var(--line-height-tight)}.suggestion-item:hover .suggestion-value,.suggestion-item.highlighted .suggestion-value{color:var(--color-text-primary)}.suggestion-item mark{background:var(--color-accent-subtle);color:var(--color-accent);padding:var(--space-1) var(--space-1);border-radius:var(--radius-xs);font-weight:500;font-size:inherit}[data-theme=dark] .suggestions-dropdown{background:var(--color-surface);border-color:var(--color-border-subtle);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff08}[data-theme=dark] .suggestion-category-header{background:var(--color-surface-subtle);color:var(--color-text-tertiary);opacity:.9}[data-theme=dark] .search-pending-indicator{background:#f59e0b26;border-color:#f59e0b4d;color:var(--color-warning)}.theme-toggle,#theme-toggle{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-fixed);padding:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);min-width:var(--space-12);height:var(--space-12);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-toggle:hover,#theme-toggle:hover{background:var(--color-interactive-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl);animation:themeToggleFloat 2s ease-in-out infinite}.search-input,.suggestions-dropdown,.filter-tag{transform:translateZ(0);backface-visibility:hidden}.table-container{width:100%;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-subtle);background:var(--color-surface-raised)}.games-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm);background:var(--color-surface-raised);position:relative;table-layout:fixed;margin:0}.games-table thead{background:var(--gradient-surface);position:sticky;top:0;z-index:var(--z-sticky)}.games-table th{padding:var(--space-4) var(--space-6);text-align:left;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs);border-bottom:2px solid var(--color-border);white-space:nowrap;position:relative;background:var(--color-surface)}.games-table th:first-child{border-top-left-radius:var(--radius-2xl)}.games-table th:last-child{border-top-right-radius:var(--radius-2xl)}.games-table th.sortable{cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.games-table th.sortable:hover{background:var(--color-interactive-hover);color:var(--color-accent)}.games-table th.sortable:after{content:"↕";position:absolute;right:var(--space-3);opacity:.5;font-size:var(--font-size-xs);transition:opacity var(--transition-fast)}.games-table th.sortable:hover:after{opacity:1}.games-table tbody tr{transition:all var(--transition-fast);border-bottom:1px solid var(--color-border-subtle);position:relative}.games-table tbody tr:last-child{border-bottom:none}.games-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-2xl)}.games-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-2xl)}.games-table td{padding:var(--space-4) var(--space-6);vertical-align:middle;position:relative;transition:all var(--transition-fast);border-bottom:1px solid var(--color-border);word-wrap:break-word;overflow-wrap:break-word}.game-title{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-2);word-wrap:anywhere}.game-title:before{content:"🎮";font-size:var(--font-size-sm);opacity:.6}.games-table td:nth-child(2),.games-table td:nth-child(3){color:var(--color-text-secondary);font-weight:500}.games-table td:nth-child(4){color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.games-table td:nth-child(5){color:var(--color-text-secondary);font-weight:500}.games-table td:nth-child(5):before{content:"⚙️";margin-right:var(--space-2);opacity:.6}.launch-options-btn{background:var(--gradient-accent);color:var(--color-text-inverse);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:var(--space-2);min-width:120px;justify-content:center;position:relative;overflow:hidden}.launch-options-btn:before{content:"🚀";font-size:var(--font-size-sm)}.launch-options-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--brand-500) 0%,var(--brand-700) 100%)}.launch-options-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.launch-options-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.launch-options-btn:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px;z-index:var(--z-raised)}.options-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-6);height:var(--space-6);background:var(--color-accent-subtle);color:var(--color-launch-options);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;margin-left:var(--space-2)}.launch-options-row{background:var(--gradient-surface)!important;border-top:2px solid var(--color-accent-subtle);transition:all var(--transition-base)}.launch-options-row:hover{background:var(--gradient-surface)!important;transform:none!important}.launch-options-row[style*=none]{animation:fadeOut .3s ease-out}.launch-options-cell{padding:var(--space-10)!important;border-radius:0;height:auto!important;overflow:visible!important;opacity:1!important;visibility:visible!important}.launch-options-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);list-style:none;margin:0;padding:0;opacity:1;animation:launchOptionsFadeIn .6s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.launch-option{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden;cursor:default;opacity:1}.launch-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.launch-option:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.005);border-color:var(--color-accent);z-index:var(--z-raised)}.launch-option:has(.option-command.copied),.launch-option:has(.option-command.copy-failed){transform:none}.option-command{background:var(--color-code-background);color:var(--color-code-text);font-family:var(--font-family-mono);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-size:var(--font-size-sm);position:relative;cursor:pointer;transition:all var(--transition-fast);border:1px solid rgba(255,255,255,.1);-webkit-user-select:none;user-select:none}.option-command:hover{box-shadow:var(--shadow-lg);transform:scale(1.015);border-color:var(--color-accent)}.option-command:after{content:"📋 Click to copy";position:absolute;top:var(--space-2);right:var(--space-3);padding:var(--space-1) var(--space-2);background:#000c;color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;font-family:var(--font-family-body)}.option-command:hover:after{opacity:1}.option-command code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.option-command code:nth-child(1){font-size:--var(--font-size-2xl)}.option-command[tabindex]:focus{background:var(--color-interactive-hover);border-color:var(--color-accent);outline:2px solid var(--color-interactive-focus);outline-offset:2px;z-index:var(--z-raised)}.option-description{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.option-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.option-source{cursor:help;text-decoration:underline;text-decoration-style:dotted;color:var(--color-text-secondary);font-weight:500;display:flex;align-items:center;gap:var(--space-1)}.option-source:before{content:"📝";font-size:var(--font-size-xs)}.option-votes{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-success);font-weight:600}.option-votes:before{content:"👍";font-size:var(--font-size-xs)}.option-verified{color:var(--color-success);font-weight:700;display:inline-flex;align-items:center;gap:var(--space-1);animation:verifiedGlow 2s ease-in-out infinite alternate}.option-verified:before{content:"✅";font-size:var(--font-size-xs)}.launch-options-close-container{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}.launch-options-close{padding:var(--space-3) var(--space-8);background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2);position:relative;overflow:hidden}.launch-options-close:before{content:"✕";font-size:var(--font-size-sm)}.launch-options-close:hover{background:var(--color-interactive-hover);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.launch-options-close:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px;z-index:var(--z-raised)}.launch-options-close:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;pointer-events:none}.launch-options-close:active:after{width:200px;height:200px}.games-table tbody tr:hover{background:var(--color-interactive-hover);transform:scale(1.005);box-shadow:var(--shadow-md);z-index:var(--z-raised)}.option-command.copied{animation:copySuccessAnimation .6s ease-out;background-color:var(--color-success)!important;color:var(--color-text-inverse)!important;border-color:var(--color-success)!important}.option-command.copy-failed{animation:copyFailedAnimation .6s ease-out;background-color:var(--color-error)!important;color:var(--color-text-inverse)!important;border-color:var(--color-error)!important}.launch-options-cell .loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.launch-options-cell .spinner{width:var(--space-5);height:var(--space-5);border:2px solid var(--color-border);border-top:2px solid var(--color-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}.table-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center;font-size:var(--font-size-base);color:var(--color-text-secondary)}.loading-spinner{width:var(--space-6);height:var(--space-6);border:2px solid var(--color-border);border-top:2px solid var(--color-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}.games-table.loading{opacity:.7}.games-table.loading tbody tr{opacity:.5;pointer-events:none}.launch-options-cell .error{padding:var(--space-8);background:var(--color-surface-subtle);border:2px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-text-primary)}.launch-options-cell .error h3{color:var(--color-error);margin-bottom:var(--space-4)}.launch-options-cell .error details{margin:var(--space-4) 0;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.launch-options-cell .error summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.launch-options-cell .error summary:hover{background-color:var(--color-interactive-hover)}.no-options,.launch-options-cell .no-options{text-align:center;padding:var(--space-12);color:var(--color-text-secondary);background:var(--color-surface-subtle);border-radius:var(--radius-xl);border:2px dashed var(--color-border);opacity:1!important;visibility:visible!important;height:auto!important;overflow:visible!important;display:block!important}.no-options:before,.launch-options-cell .no-options:before{content:"🔍";display:block;font-size:var(--space-16);margin-bottom:var(--space-4);opacity:.5}.no-options h4,.launch-options-cell .no-options h4{margin-bottom:var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-lg);opacity:1!important;visibility:visible!important}.no-options p,.launch-options-cell .no-options p{opacity:1!important;visibility:visible!important;color:var(--color-text-secondary)}.no-options ul{list-style:none;margin:0 auto}.options-first-toggle{margin:var(--space-6) 0;padding:var(--space-6);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.options-first-toggle:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.toggle-container{display:flex;flex-direction:column;gap:var(--space-3)}.toggle-label{display:flex;align-items:center;gap:var(--space-4);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.toggle-label:hover{color:var(--color-accent)}.toggle-checkbox{position:relative;width:0;height:0;opacity:0;pointer-events:none}.toggle-slider{position:relative;display:inline-block;width:3.5rem;height:2rem;background:var(--color-border-strong);border-radius:var(--radius-full);transition:all var(--transition-base);flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:.125rem;left:.125rem;width:1.75rem;height:1.75rem;background:var(--color-white);border-radius:var(--radius-full);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-checkbox:checked+.toggle-slider{background:var(--color-accent)}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(1.5rem)}.toggle-checkbox:focus-visible+.toggle-slider{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.toggle-text{font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1}.toggle-stats{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal);padding:var(--space-1) var(--space-3);background:var(--color-surface-subtle);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-checkbox:checked~.toggle-stats{background:var(--color-accent-subtle);color:var(--color-accent)}.toggle-description{margin-top:var(--space-2);padding-left:calc(3.5rem + var(--space-4))}.toggle-hint{font-size:var(--font-size-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.toggle-hint.options-first{color:var(--color-accent);font-weight:var(--font-weight-medium)}.toggle-hint.showing-all{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.empty-table-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-8);min-height:24rem;background:var(--gradient-surface);border-radius:var(--radius-2xl);border:2px dashed var(--color-border);margin:var(--space-8) 0}.empty-icon{font-size:4rem;margin-bottom:var(--space-6);opacity:.7;animation:float 3s ease-in-out infinite}.empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.empty-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:40rem;line-height:var(--line-height-relaxed)}.empty-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:8rem;transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.stat-card.muted{opacity:.7}.stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.empty-suggestions{margin-bottom:var(--space-8);max-width:40rem}.empty-suggestions h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.suggestion-chip{padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.suggestion-chip:hover{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.empty-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem}.btn-primary{background:var(--gradient-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--brand-500) 0%,var(--brand-700) 100%)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-interactive-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.inline-btn{background:none;border:none;color:var(--color-accent);text-decoration:underline;cursor:pointer;font-size:inherit;font-weight:var(--font-weight-semibold);padding:0;transition:color var(--transition-fast)}.inline-btn:hover{color:var(--color-accent-hover)}.empty-link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);padding:var(--space-2)}.empty-link:hover{color:var(--color-accent-hover);text-decoration:underline}.search-tips{max-width:30rem;text-align:left}.search-tips h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:center}.search-tips ul{list-style:none;padding:0;margin:0}.search-tips li{padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);position:relative;padding-left:var(--space-6)}.search-tips li:before{content:"💡";position:absolute;left:0;font-size:var(--font-size-sm)}.active-filters-summary{margin-bottom:var(--space-6);max-width:40rem}.active-filters-summary h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.filter-summary{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.filter-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.empty-suggestion{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-info-subtle);border:1px solid var(--color-info);border-radius:var(--radius-lg);color:var(--color-text-primary)}.no-results{text-align:center;padding:var(--space-16);color:var(--color-text-secondary);background:var(--gradient-surface);border-radius:var(--radius-2xl);border:2px dashed var(--color-border)}.no-results h3{color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:var(--font-size-xl)}.year-filter-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%}.year-select{flex:1;min-width:120px;max-width:180px}.year-divider{color:var(--color-text-muted, #6b7280);font-size:.75rem;font-style:italic;white-space:nowrap;opacity:.7;-webkit-user-select:none;user-select:none}.year-input{flex:0 0 100px;padding:.5rem .75rem;border:1px solid var(--color-border, #d1d5db);border-radius:.375rem;font-size:.875rem;background:var(--color-bg-input, #f9fafb);color:var(--color-text, #1f2937);transition:all .2s ease;font-family:inherit;height:2.5rem}.year-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px var(--color-primary-alpha, rgba(59, 130, 246, .1));background:var(--color-bg-input-focus, f9fafb)}.year-input::placeholder{color:var(--color-text-placeholder, #9ca3af);font-style:italic}.year-input:hover{border-color:var(--color-border-hover, #9ca3af)}.year-input:invalid{border-color:var(--color-error, #ef4444);box-shadow:0 0 0 2px var(--color-error-alpha, rgba(239, 68, 68, .1))}.year-input.invalid-year{animation:shake .3s ease-in-out;border-color:var(--color-error, #ef4444)}.year-input.has-value{border-color:var(--color-success, #10b981);background:var(--color-bg-success, #f0fdf4)}.year-input[data-validation=out-of-range]{border-color:var(--color-warning, #f59e0b);background:var(--color-bg-warning, #fffbeb)}.filter-group:has(.year-filter-container){min-width:280px}.filter-group:has(.year-filter-container) .filter-label{margin-bottom:.5rem;display:block;font-weight:500;color:var(--color-text-secondary, #374151)}.filter-group .filter-label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-label, #374151);display:block}.filter-select,.year-input{height:2.5rem;border-radius:.375rem;border:1px solid var(--color-border, #d1d5db);font-size:.875rem;line-height:1.25rem}.year-filter-container.loading{opacity:.6;pointer-events:none}.year-filter-container.loading .year-select,.year-filter-container.loading .year-input{background:var(--color-bg-loading, #f3f4f6);cursor:wait}.year-select:focus-visible,.year-input:focus-visible{outline:2px solid var(--color-focus, #3b82f6);outline-offset:2px}.year-filter-container:after{content:attr(data-hint);font-size:.75rem;color:var(--color-text-hint, #6b7280);grid-column:span 2;margin-top:.25rem;font-style:italic}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.info-modal{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:32rem;width:100%;max-height:80vh;overflow:hidden;animation:scaleIn .2s ease-out}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border);background:var(--gradient-surface)}.info-modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.info-modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:1}.info-modal-close:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.info-modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(80vh - 5rem)}.info-modal-body p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.info-modal-body h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--space-6) 0 var(--space-3) 0}.info-modal-body h4:first-of-type{margin-top:0}.info-modal-body ul,.info-modal-body ol{margin:var(--space-3) 0 var(--space-4) var(--space-6);color:var(--color-text-secondary)}.info-modal-body li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.info-modal-body strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}@media (max-width: 640px){.games-table,.games-table thead,.games-table tbody,.games-table th,.games-table td,.games-table tr{display:block}.games-table thead tr{position:absolute;top:-9999px;left:-9999px}.games-table tr{border:1px solid var(--color-border);margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-md);position:relative}.games-table tr:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.games-table td{border:none;position:relative;padding-left:35%!important;padding-top:var(--space-3);padding-bottom:var(--space-3);padding-right:var(--space-4);min-height:var(--space-12);display:flex;align-items:center}.games-table td:before{content:attr(data-label) ": ";position:absolute;left:var(--space-4);width:30%;padding-right:var(--space-3);white-space:nowrap;font-weight:700;color:var(--color-text-primary);font-size:var(--font-size-sm)}.launch-options-btn{width:100%;padding:var(--space-3);font-size:var(--font-size-sm)}.year-filter-container{flex-direction:column;align-items:stretch;gap:.75rem}.year-select{flex:none;max-width:none}.year-divider{align-self:center;margin:-.25rem 0}.year-input{flex:none;max-width:none}.filter-group:has(.year-filter-container){min-width:auto}}@media (max-width: 480px){.year-filter-container{gap:.5rem}.year-input{padding:.625rem .75rem;font-size:1rem}}.launch-option,.option-command,.launch-options-btn{transform:translateZ(0);backface-visibility:hidden}[data-theme=dark] .games-table th{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .games-table tbody tr:hover{background:var(--color-interactive-hover)}[data-theme=dark] .launch-options-row{background:var(--gradient-dark)!important}[data-theme=dark] .launch-option{background:var(--color-surface-raised);border-color:var(--color-border)}[data-theme=dark] .option-command{background:var(--color-code-background);border-color:#ffffff1a}[data-theme=dark] .option-command.copied{background-color:var(--color-success)!important;color:var(--color-text-inverse)!important}[data-theme=dark] .option-command.copy-failed{background-color:var(--color-error)!important;color:var(--color-text-inverse)!important}[data-theme=dark] .launch-options-cell .error{background:var(--color-surface);border-color:var(--color-error)}[data-theme=dark] .launch-options-cell .no-options,[data-theme=dark] .no-options,[data-theme=dark] .options-first-toggle{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .toggle-slider{background:var(--color-border-strong)}[data-theme=dark] .toggle-slider:before{background:var(--color-surface-raised);box-shadow:var(--shadow-md)}[data-theme=dark] .empty-table-state{background:var(--gradient-dark);border-color:var(--color-border)}[data-theme=dark] .stat-card,[data-theme=dark] .suggestion-chip,[data-theme=dark] .info-modal{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .info-modal-header{background:var(--gradient-dark);border-color:var(--color-border)}[data-theme=dark] .year-input{background:var(--color-bg-input-dark, #374151);border-color:var(--color-border-dark, #4b5563);color:var(--color-text-dark, #f9fafb)}[data-theme=dark] .year-input:focus{background:var(--color-bg-input-focus-dark, #4b5563);border-color:var(--color-primary-dark, #60a5fa);box-shadow:0 0 0 2px var(--color-primary-alpha-dark, rgba(96, 165, 250, .2))}[data-theme=dark] .year-divider{color:var(--color-text-muted-dark, #9ca3af)}[data-theme=dark] .year-input::placeholder{color:var(--color-text-placeholder-dark, #6b7280)}[data-theme=dark] .year-input:invalid{border-color:var(--color-error-dark, #f87171);box-shadow:0 0 0 2px var(--color-error-alpha-dark, rgba(248, 113, 113, .2))}[data-theme=dark] .year-input.has-value{border-color:var(--color-success-dark, #34d399);background:var(--color-bg-success-dark, #064e3b)}[data-theme=dark] .year-input[data-validation=out-of-range]{border-color:var(--color-warning-dark, #fbbf24);background:var(--color-bg-warning-dark, #451a03)}[data-theme=dark] .filter-group .filter-label{color:var(--color-text-label-dark, #d1d5db)}[data-theme=dark] .year-filter-container.loading .year-select,[data-theme=dark] .year-filter-container.loading .year-input{background:var(--color-bg-loading-dark, #374151)}:root{--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Cascadia Code", monospace;--font-family-heading: var(--font-family-base);--font-family-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: clamp(.75rem, .7rem + .25vw, .8rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, .9rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.125rem + .625vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--font-size-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-3xs: clamp(.125rem, .1rem + .125vw, .1875rem);--space-2xs: clamp(.25rem, .2rem + .25vw, .375rem);--space-xs: clamp(.375rem, .3rem + .375vw, .5625rem);--space-sm: clamp(.5rem, .4rem + .5vw, .75rem);--space-md: clamp(.75rem, .6rem + .75vw, 1.125rem);--space-lg: clamp(1rem, .8rem + 1vw, 1.5rem);--space-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--space-2xl: clamp(2rem, 1.6rem + 2vw, 3rem);--space-3xl: clamp(3rem, 2.4rem + 3vw, 4.5rem);--space-px: 1px;--space-0: 0;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-3_5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .06);--shadow-glow: 0 0 0 1px rgb(59 130 246 / .1), 0 0 16px rgb(59 130 246 / .1);--z-behind: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-maximum: 999;--transition-micro: .1s cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--color-white: #ffffff;--color-black: #000000;--brand-50: #f0f9ff;--brand-100: #e0f2fe;--brand-200: #bae6fd;--brand-300: #7dd3fc;--brand-400: #38bdf8;--brand-500: #0ea5e9;--brand-600: #0284c7;--brand-700: #0369a1;--brand-800: #075985;--brand-900: #0c4a6e;--gray-25: #fcfcfd;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--gradient-brand: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-600) 100%);--gradient-surface: linear-gradient(135deg, var(--gray-25) 0%, var(--gray-50) 100%);--gradient-dark: linear-gradient(135deg, var(--gray-800) 0%, var(--gray-900) 100%);--gradient-accent: linear-gradient(135deg, var(--brand-400) 0%, var(--brand-600) 50%, var(--brand-700) 100%);--success-50: #ecfdf5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--info-50: #eff6ff;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--color-background: var(--gray-25);--color-surface: var(--color-white);--color-surface-raised: var(--color-white);--color-surface-subtle: var(--gray-50);--color-surface-overlay: rgba(255, 255, 255, .95);--color-border: var(--gray-200);--color-border-strong: var(--gray-300);--color-border-subtle: var(--gray-100);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-700);--color-text-tertiary: var(--gray-500);--color-text-placeholder: var(--gray-400);--color-text-disabled: var(--gray-300);--color-text-inverse: var(--color-white);--color-launch-options: var(--brand-300);--color-launch-options-hover: var(--brand-400);--color-launch-options-active: var(--brand-500);--color-launch-options-subtle: var(--brand-50);--color-launch-options-muted: var(--brand-100);--color-accent: var(--brand-600);--color-accent-hover: var(--brand-700);--color-accent-active: var(--brand-800);--color-accent-subtle: var(--brand-50);--color-accent-muted: var(--brand-100);--color-error: var(--error-600);--color-error-hover: var(--error-700);--color-error-subtle: var(--error-50);--color-warning: var(--warning-600);--color-warning-hover: var(--warning-700);--color-warning-subtle: var(--warning-50);--color-info: var(--info-600);--color-info-hover: var(--info-700);--color-info-subtle: var(--info-50);--color-interactive-hover: var(--gray-50);--color-interactive-active: var(--gray-100);--color-interactive-disabled: var(--gray-100);--color-interactive-focus: var(--brand-500);--color-success: var(--success-600);--color-success-hover: var(--success-700);--color-success-subtle: var(--success-50);--color-code-background: var(--gray-900);--color-code-text: var(--gray-100);--color-code-comment: var(--gray-500);--color-code-keyword: var(--brand-400);--color-code-string: var(--success-400);--color-code-number: var(--warning-400)}[data-theme=dark]{--color-background: var(--gray-950);--color-surface: var(--gray-900);--color-surface-raised: var(--gray-800);--color-surface-subtle: var(--gray-900);--color-surface-overlay: rgba(15, 23, 42, .95);--color-border: var(--gray-700);--color-border-strong: var(--gray-600);--color-border-subtle: var(--gray-800);--color-text-primary: var(--gray-100);--color-text-secondary: var(--gray-300);--color-text-tertiary: var(--gray-400);--color-text-placeholder: var(--gray-500);--color-text-disabled: var(--gray-600);--color-text-inverse: var(--gray-900);--color-accent: var(--brand-500);--color-accent-hover: var(--brand-400);--color-accent-active: var(--brand-300);--color-accent-subtle: rgba(14, 165, 233, .1);--color-accent-muted: rgba(14, 165, 233, .2);--gradient-surface: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%);--gradient-dark: linear-gradient(135deg, var(--gray-950) 0%, var(--gray-900) 100%);--color-success: var(--success-500);--color-success-hover: var(--success-400);--color-success-subtle: rgba(16, 185, 129, .1);--color-error: var(--error-500);--color-error-hover: var(--error-400);--color-error-subtle: rgba(239, 68, 68, .1);--color-warning: var(--warning-500);--color-warning-hover: var(--warning-400);--color-warning-subtle: rgba(245, 158, 11, .1);--color-info: var(--info-500);--color-info-hover: var(--info-400);--color-info-subtle: rgba(59, 130, 246, .1);--color-interactive-hover: var(--gray-800);--color-interactive-active: var(--gray-700);--color-interactive-disabled: var(--gray-800);--color-interactive-focus: var(--brand-400);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6)}