.discovery-page{width:min(100% - (var(--space-8) * 2), var(--width-content));padding-block:var(--space-16);margin-inline:auto}.discovery-hero{gap:var(--space-4);max-width:58rem;margin-bottom:var(--space-8);display:grid;position:relative}.discovery-hero h1{max-width:13ch;font-size:clamp(var(--text-3xl), 6vw, 4.8rem);letter-spacing:-.05em;text-transform:uppercase}.discovery-hero>p{max-width:var(--width-prose);color:var(--text-secondary);font-size:var(--text-lg)}.discovery-signal{justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;display:flex}.discovery-signal span:first-child{color:var(--accent-discovery)}.search-console{border:1px solid var(--border-strong);background:var(--surface-hud);box-shadow:var(--shadow-energy), var(--shadow-card);clip-path:polygon(0 0, calc(100% - var(--cut-corner)) 0, 100% var(--cut-corner), 100% 100%, var(--cut-corner) 100%, 0 calc(100% - var(--cut-corner)));position:relative;overflow:hidden}.search-console:before{content:"";z-index:2;background:var(--gradient-brand);height:2px;box-shadow:0 0 18px var(--accent-primary);position:absolute;inset:0 20% auto}.search-telemetry{min-height:2rem;padding-inline:var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-screen);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.search-telemetry span:last-child{color:var(--accent-discovery);justify-self:end}.search-telemetry span[data-active=true]{animation:search-signal .75s var(--ease-out) infinite alternate}.search-command{align-items:center;gap:var(--space-4);min-height:6rem;padding:var(--space-4) var(--space-6);background:linear-gradient(90deg, var(--surface-cyan-soft), transparent 42%, var(--surface-accent-soft)), var(--surface-screen);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.search-command>svg{fill:none;width:2rem;height:2rem;stroke:var(--accent-secondary);stroke-width:1.7px;filter:drop-shadow(0 0 8px var(--accent-secondary))}.search-command input{border:0;border-bottom:1px solid var(--border-strong);min-width:0;height:3.5rem;font-family:var(--font-display);font-size:clamp(var(--text-lg), 3vw, var(--text-2xl));font-weight:var(--weight-bold);text-transform:uppercase;background:0 0}.search-command input:focus{border-color:var(--accent-secondary);box-shadow:0 2px 0 var(--surface-cyan-soft)}.search-command input::placeholder{color:var(--text-muted);opacity:.7;text-transform:none}.search-filters{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken);flex-wrap:wrap;display:flex}.search-filters>div{gap:var(--space-1);flex-wrap:wrap;display:flex}.search-filters button,.search-filters select{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase}.search-filters button[aria-pressed=true]{border-color:var(--accent-primary);background:var(--surface-cyan-soft);color:var(--accent-primary)}.search-filters label{align-items:center;gap:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);margin-left:auto;display:flex}.search-filters .search-reset{border-color:var(--accent-secondary);color:var(--accent-secondary)}.search-command input::-webkit-search-cancel-button{appearance:none}.search-clear{border:1px solid var(--border-subtle);background:var(--surface-raised);width:2.75rem;min-height:2.75rem;color:var(--text-secondary);cursor:pointer}.search-status{align-items:center;gap:var(--space-3);min-height:2.75rem;padding-inline:var(--space-6);border-block:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;display:flex}.search-status i{background:var(--accent-discovery);width:7px;height:7px;box-shadow:0 0 10px var(--accent-discovery);border-radius:50%}.search-status i[data-active=true]{background:var(--accent-victory);box-shadow:0 0 12px var(--accent-victory);animation:search-signal .6s var(--ease-out) infinite alternate}.discovery-featured,.result-sections{gap:var(--space-12);padding:var(--space-8);display:grid}.discovery-featured>header,.result-section>header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.discovery-featured h2,.result-section h2{font-size:var(--text-2xl);text-transform:uppercase}.result-section{gap:var(--space-4);display:grid}.result-section>header{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.result-section>header span{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em}.world-heading{margin-top:var(--space-4)}.discovery-card-grid{gap:var(--space-3);display:grid}.song-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.song-result-card,.world-card,.signal-card{align-content:start;gap:var(--space-2);border:1px solid var(--border-subtle);background:linear-gradient(145deg, var(--surface-raised), var(--surface-screen));min-width:0;color:inherit;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);clip-path:polygon(0 0, calc(100% - var(--cut-corner)) 0, 100% var(--cut-corner), 100% 100%, var(--cut-corner) 100%, 0 calc(100% - var(--cut-corner)));text-decoration:none;display:grid;position:relative;overflow:hidden}.song-result-card{min-height:18rem;padding:var(--space-4)}.song-card-main{align-content:start;gap:var(--space-2);color:inherit;text-decoration:none;display:grid}.song-result-card:hover,.world-card:hover,.signal-card:hover{transform:translateY(calc(var(--space-1) * -1));border-color:var(--accent-secondary);box-shadow:var(--shadow-energy)}.result-art{aspect-ratio:16/9;width:100%;margin-bottom:var(--space-2);background:var(--surface-accent-soft);background-position:50%;background-size:cover;place-items:center;display:grid;overflow:hidden}.result-art[data-fallback=true]{filter:saturate(.78)contrast(1.08)}.result-index,.world-card>span,.signal-card>span{color:var(--accent-discovery);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em}.song-result-card strong,.world-card strong,.signal-card strong{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-tight);text-transform:uppercase}.song-result-card small{color:var(--text-secondary)}.song-card-actions{gap:var(--space-2);padding-top:var(--space-3);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.song-card-actions a{min-height:var(--touch-target-min);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;place-items:center;text-decoration:none;display:grid}.song-card-actions a:last-child{border-color:var(--accent-secondary);background:var(--surface-cyan-soft);color:var(--accent-secondary)}.song-card-actions a:hover{border-color:var(--accent-victory);color:var(--accent-victory)}.world-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.world-card{min-height:16rem;padding:var(--space-4)}.world-card .result-art{z-index:0;opacity:.7;height:100%;margin:0;position:absolute;inset:0}.world-card:after{content:"";z-index:1;background:linear-gradient(90deg, color-mix(in srgb, var(--surface-hud) 96%, transparent) 0%, color-mix(in srgb, var(--surface-hud) 88%, transparent) 36%, color-mix(in srgb, var(--surface-hud) 46%, transparent) 68%, transparent 100%);pointer-events:none;position:absolute;inset:0}.world-card>span,.world-card>strong,.world-card>small{z-index:2;position:relative}.world-card>strong{font-size:var(--text-xl);margin-top:auto}.world-card>small{color:var(--accent-secondary);font-family:var(--font-mono);text-transform:uppercase}.world-card.compact{min-height:13rem}.signal-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.signal-card{min-height:9rem;padding:var(--space-5,var(--space-6))}.signal-card .result-art{z-index:0;opacity:.24;height:100%;margin:0;position:absolute;inset:0}.signal-card:after{content:"";z-index:1;background:linear-gradient(90deg, var(--surface-hud), color-mix(in srgb, var(--surface-hud) 55%, transparent));pointer-events:none;position:absolute;inset:0}.signal-card>span:not(.result-art),.signal-card>strong,.signal-card>small{z-index:2;position:relative}.signal-card small{color:var(--accent-secondary);margin-top:auto}.player-result-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.player-result-card{align-items:center;gap:var(--space-4);min-width:0;min-height:9.5rem;padding:var(--space-4);border:1px solid var(--border-subtle);background:linear-gradient(115deg, var(--surface-cyan-soft), var(--surface-raised) 48%, var(--surface-screen));color:var(--text-primary);clip-path:polygon(0 0, calc(100% - var(--cut-corner)) 0, 100% var(--cut-corner), 100% 100%, var(--cut-corner) 100%, 0 calc(100% - var(--cut-corner)));transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);grid-template-columns:6rem minmax(0,1fr);display:grid}.player-result-card:hover{transform:translateY(calc(var(--space-1) * -1));border-color:var(--accent-secondary);box-shadow:var(--shadow-energy)}.player-result-avatar{aspect-ratio:1;border:1px solid var(--accent-secondary);width:6rem;color:var(--accent-secondary);font-family:var(--font-display);font-size:var(--text-xl);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));background-position:50%;background-size:cover;place-items:center;display:grid}.player-result-avatar[data-fallback=true]{background:var(--surface-screen);box-shadow:inset 0 0 22px var(--surface-cyan-soft)}.player-result-card>span:last-child{justify-items:start;gap:var(--space-1);min-width:0;display:grid}.player-result-card small{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em}.player-result-card strong{max-width:100%;font-family:var(--font-display);font-size:var(--text-lg);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.player-result-card em{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-style:normal}.player-result-card b{margin-top:var(--space-2);color:var(--accent-victory);font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;font-weight:400}.discovery-state{align-content:center;place-items:center;gap:var(--space-3);min-height:28rem;padding:var(--space-8);text-align:center;display:grid}.discovery-state>span{border:1px solid var(--border-strong);width:4rem;height:4rem;color:var(--accent-primary);font-family:var(--font-display);font-size:var(--text-2xl);place-items:center;display:grid}.discovery-state p{max-width:var(--width-prose);color:var(--text-secondary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes search-signal{to{opacity:.42}}.discovery-page:before{content:"SCAN";z-index:-1;top:calc(var(--height-header) + var(--space-8));color:#0000;font-family:var(--font-display);font-size:clamp(8rem,19vw,17rem);font-weight:var(--weight-bold);letter-spacing:-.09em;-webkit-text-stroke:1px var(--grid-line);line-height:.8;position:absolute;right:3vw}.discovery-page:after{content:"";z-index:-2;top:var(--height-header);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 30%, transparent), var(--surface-base) 96%), linear-gradient(90deg, var(--surface-base), transparent 50%, var(--surface-base)), url(/images/worlds/fantasy-ruins.webp) center 42% / cover no-repeat;opacity:.64;pointer-events:none;width:100vw;height:42rem;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:900px){.song-result-grid,.world-grid,.signal-grid,.player-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.discovery-page{width:calc(100% - (var(--space-4) * 2));padding-block:var(--space-12)}.discovery-hero{margin-bottom:var(--space-6)}.discovery-hero h1{font-size:var(--text-3xl)}.discovery-signal span:last-child,.search-telemetry span:nth-child(2){display:none}.search-telemetry{grid-template-columns:1fr auto}.search-command{gap:var(--space-3);min-height:5rem;padding-inline:var(--space-4)}.search-command>svg{width:1.5rem;height:1.5rem}.search-command input{font-size:var(--text-base)}.search-status{padding-inline:var(--space-4)}.discovery-featured,.result-sections{gap:var(--space-8);padding:var(--space-4)}.discovery-featured>header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.song-result-grid,.world-grid,.signal-grid,.player-result-grid{grid-template-columns:1fr}.song-result-card{min-height:15rem}.world-card{min-height:13rem}}@media (prefers-reduced-motion:reduce){.search-telemetry span[data-active=true],.search-status i[data-active=true]{animation:none}.song-result-card:hover,.world-card:hover,.signal-card:hover,.player-result-card:hover{transform:none}}.discovery-era-entry{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.discovery-era-entry>span{color:var(--text-secondary);font-size:var(--text-xs)}