.search-page{padding:1rem}@media (min-width:769px){.search-page{padding:1.5rem 0}}.search-header{margin-bottom:1.5rem}@media (min-width:640px){.search-header{margin-bottom:2rem}}.search-header h1{margin-bottom:1rem;font-size:1.5rem}@media (min-width:640px){.search-header h1{font-size:1.875rem}}.search-form{max-width:100%}@media (min-width:640px){.search-form{max-width:600px}}.search-input-wrapper{align-items:stretch;gap:.5rem;display:flex;position:relative}.search-input-container{flex:1;min-width:0;position:relative}.search-input{border:2px solid var(--color-border-medium);background-color:var(--color-bg-primary);width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:.5rem;min-width:0;height:44px;padding:.5rem 1rem;font-size:1rem;transition:border-color .15s}.search-input:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #0891b21a}.search-input::placeholder{color:var(--color-text-tertiary)}.search-button{background-color:var(--color-secondary);min-width:44px;height:44px;color:var(--color-text-inverse);border:2px solid var(--color-secondary);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:1rem;transition:all .15s;display:inline-flex}.search-button:hover{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.search-button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.search-loading,.search-error,.search-empty{text-align:center;color:var(--color-text-secondary);padding:2rem}.search-error{color:var(--color-error)}.search-results-header{border-bottom:1px solid var(--color-border-light);margin-bottom:1.5rem;padding-bottom:1rem}.search-results-count{color:var(--color-text-secondary);font-size:1.125rem;font-weight:500}.search-results{flex-direction:column;gap:2rem;display:flex}.search-results-section h2{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.5rem}.search-results-list{flex-direction:column;gap:1rem;display:flex}.search-result-item{border:1px solid var(--color-border-light);background-color:var(--color-bg-secondary);border-radius:.5rem;padding:1rem;transition:all .15s}.search-result-item:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 1px 2px #0000000d}.search-result-item h3{margin-bottom:.25rem;font-size:1.25rem}.search-result-item h3 a{color:var(--color-secondary);text-decoration:none}.search-result-item h3 a:hover{color:var(--color-secondary-hover);text-decoration:underline}.search-result-subtitle{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:1.125rem;font-weight:500}.search-result-excerpt{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.6}.search-result-meta{color:var(--color-text-tertiary);flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}.search-result-rating{color:var(--color-rating);font-weight:500}.search-result-date{color:var(--color-text-tertiary)}.search-result-type{background-color:var(--color-bg-tertiary);text-transform:uppercase;letter-spacing:.5px;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.search-result-game{background-color:var(--color-bg-tertiary);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.search-suggestions{background-color:var(--color-bg-primary);border:2px solid var(--color-border-medium);z-index:100;border-radius:.5rem;max-height:300px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.search-suggestion-item{text-align:left;width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:1rem;transition:background-color .15s;display:block}.search-suggestion-item:hover,.search-suggestion-item:focus{background-color:var(--color-bg-secondary);outline:none}.search-suggestion-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.search-suggestion-item:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.search-filters{border-top:1px solid var(--color-border-light);margin-top:1.5rem;padding-top:1.5rem}.search-filters-row{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.search-filters-row{flex-flow:wrap;align-items:flex-end}}.search-filter-group{flex-direction:column;flex:1;gap:.25rem;min-width:150px;display:flex}@media (min-width:640px){.search-filter-group{flex:0 auto}}.search-filter-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.search-filter-select,.search-filter-input{border:2px solid var(--color-border-medium);background-color:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;transition:border-color .15s}.search-filter-select:focus,.search-filter-input:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #0891b21a}.search-filter-select{cursor:pointer}.search-filter-input{min-width:150px}.search-filter-clear{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border-medium);cursor:pointer;white-space:nowrap;border-radius:.5rem;align-self:flex-end;padding:.5rem 1rem;font-size:1rem;transition:all .15s}@media (min-width:640px){.search-filter-clear{align-self:flex-end}}.search-filter-clear:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.search-filter-clear:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}