@keyframes databaseResetSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.database-page{--database-warm-ink: color-mix(in srgb, var(--gm-ember) 18%, var(--gm-obsidian));--database-moonsteel: color-mix(in srgb, var(--gm-moonsteel) 74%, var(--gm-ash));--database-armory-bay: color-mix(in srgb, var(--gm-ash-blue) 16%, transparent);--database-panel-edge: color-mix(in srgb, var(--gm-bronze) 28%, transparent);--database-armory-glow: color-mix(in srgb, var(--gm-ember) 18%, transparent);--database-codex-line: color-mix(in srgb, var(--gm-sand) 38%, transparent);overflow-x:clip}.database-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--gm-ember) 14%,transparent) 0%,transparent 28%),radial-gradient(circle at 84% 12%,color-mix(in srgb,var(--gm-sand) 10%,transparent) 0%,transparent 24%),radial-gradient(circle at 72% 42%,var(--database-armory-bay) 0%,transparent 30%),linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--gm-obsidian) 86%,transparent) 70%)}.database-hero,.database-tab-rail,.database-controls-shell,.database-empty-state{isolation:isolate}.database-hero:before,.database-controls-shell:before,.database-empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--database-moonsteel) 13%,transparent) 0%,transparent 26%,color-mix(in srgb,var(--gm-ember) 10%,transparent) 100%);opacity:.55;z-index:-1}.database-hero:after,.database-controls-shell:after,.database-empty-state:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,var(--database-codex-line),transparent 26%,transparent 74%,var(--database-armory-glow)) 0 0 / 100% 1px no-repeat,linear-gradient(90deg,var(--database-moonsteel),transparent 32%,transparent 68%,var(--database-codex-line)) 0 100% / 100% 1px no-repeat,linear-gradient(180deg,var(--database-armory-glow),transparent 48%,var(--database-codex-line)) 100% 0 / 1px 100% no-repeat;opacity:.72}.database-hero>*,.database-controls-shell>*,.database-empty-state>*{position:relative;z-index:1}.database-hero-stat:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gm-sand) 46%,transparent),transparent)}.database-hero-stat{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--database-moonsteel) 10%,transparent),transparent 72%),color-mix(in srgb,var(--gm-parchment) 5%,transparent)!important}.database-tab-rail{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--gm-ember) 45%,transparent) transparent}.database-tab-rail::-webkit-scrollbar{height:6px}.database-tab-rail::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gm-ember) 45%,transparent);border-radius:999px}.database-tab-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--gm-ember) 14%,transparent),transparent 68%);opacity:0;transition:opacity .18s ease}.database-tab-button:hover:before,.database-tab-button--active:before{opacity:1}.database-search-shell:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-crimson) 34%,transparent),transparent);opacity:.78;pointer-events:none}.database-search-shell:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid color-mix(in srgb,var(--gm-sand) 10%,transparent);border-radius:8px;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--gm-ember) 14%,transparent),transparent 42%,color-mix(in srgb,var(--gm-sand) 10%,transparent)) 0 0 / 100% 1px no-repeat}.database-sort-select:focus,.database-sort-select:focus-visible,.database-sort-direction:focus,.database-sort-direction:focus-visible,.database-advanced-filter-toggle:focus,.database-advanced-filter-toggle:focus-visible,.database-load-more:focus,.database-load-more:focus-visible,.database-tab-button:focus,.database-tab-button:focus-visible{outline:2px solid color-mix(in srgb,var(--gm-sand) 78%,transparent)!important;outline-offset:2px!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--gm-ember) 24%,transparent)!important}.database-card{contain:layout paint;isolation:isolate;background-image:radial-gradient(circle at 82% 0%,color-mix(in srgb,var(--database-moonsteel) 8%,transparent),transparent 34%),radial-gradient(circle at top right,color-mix(in srgb,var(--gm-sand) 9%,transparent),transparent 36%),radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--gm-ember) 8%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--gm-ember) 6%,transparent),transparent 58%)}.database-card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--gm-sand) 36%,transparent),transparent 24%,transparent 76%,color-mix(in srgb,var(--gm-ember) 30%,transparent)) 0 0 / 100% 1px no-repeat,linear-gradient(180deg,color-mix(in srgb,var(--database-moonsteel) 32%,transparent),transparent 56%,color-mix(in srgb,var(--gm-sand) 26%,transparent)) 100% 0 / 1px 100% no-repeat;opacity:.55}.database-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px color-mix(in srgb,var(--gm-sand) 10%,transparent),inset 0 -1px color-mix(in srgb,var(--gm-ember) 10%,transparent)}.database-card>div{position:relative;z-index:1}.database-card-media{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gm-sand) 9%,transparent),0 8px 24px #0000002e}.database-card-media--portrait{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--database-moonsteel) 14%,transparent),transparent 50%),radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--gm-ember) 16%,transparent),transparent 52%),color-mix(in srgb,var(--bg-elevated) 82%,transparent)}.database-cross-link-badge{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.database-cross-link-badge:hover,.database-cross-link-badge:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 1px #d4a84340}.database-search-input::-moz-placeholder{color:var(--text-secondary);opacity:1}.database-search-input::placeholder{color:var(--text-secondary);opacity:1}.database-results-count{box-shadow:inset 0 1px color-mix(in srgb,var(--accent-gold) 8%,transparent)}.database-results-grid{position:relative}.database-hero,.database-controls-shell,.database-empty-state,.database-card{border-color:var(--database-panel-edge)!important;box-shadow:var(--gm-war-shadow),inset 0 1px #d8b36a12!important}.database-hero,.database-controls-shell{background:radial-gradient(circle at 12% 0%,rgba(226,74,46,.11),transparent 36%),radial-gradient(circle at 86% 0%,color-mix(in srgb,var(--database-moonsteel) 12%,transparent),transparent 34%),linear-gradient(145deg,#1e120fe6,#090607e6)!important}.database-tab-button,.database-sort-select,.database-sort-direction,.database-advanced-filter-toggle{border-color:#d8b36a2e!important;background:linear-gradient(90deg,color-mix(in srgb,var(--database-moonsteel) 4%,transparent),#0c0707b8)!important}.database-skeleton-card{border-color:color-mix(in srgb,var(--accent-crimson) 18%,transparent)!important}.database-skeleton-card>div{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-crimson) 13%,transparent),color-mix(in srgb,var(--accent-gold) 8%,transparent))!important}.database-load-more{box-shadow:0 10px 28px color-mix(in srgb,var(--gm-ember) 16%,transparent),inset 0 1px #d8b36a14;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.database-load-more:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gm-ember) 60%,transparent)!important;box-shadow:0 14px 36px color-mix(in srgb,var(--gm-ember) 22%,transparent)}.database-search-clear{position:absolute;right:12px;top:50%;width:24px;height:24px;margin-top:-12px;padding:0;border-radius:50%;border:1px solid rgba(216,179,106,.24);color:var(--text-secondary);background:#120a09e0;font-size:11px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-50%) scale(.84);pointer-events:none;transition:opacity .16s ease,transform .16s ease,border-color .15s ease,color .15s ease}.database-search-clear:disabled{cursor:not-allowed}.database-search-clear:hover,.database-search-clear:focus-visible,.database-search-clear--visible{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.database-search-clear:hover,.database-search-clear:focus-visible{color:var(--text-primary);border-color:var(--gm-ember)}.database-reset-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:24px;border:1px solid var(--gm-ember);border-radius:9999px;padding:0;background:transparent;color:var(--gm-ember);cursor:pointer;font-family:var(--font-heading, "Chakra Petch", sans-serif);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;max-width:0;overflow:hidden;pointer-events:none;transform:translate(-8px);box-shadow:none;transition:max-width .18s ease,opacity .18s ease,transform .18s ease,padding .18s ease,box-shadow .18s ease,background .18s ease}.database-reset-button--active{opacity:1;max-width:160px;pointer-events:auto;padding:8px 12px;transform:translate(0);animation:databaseResetSlideIn .16s ease}.database-reset-button:hover,.database-reset-button--active:focus-visible,.database-reset-button--active:hover{background:#c41e3a24;box-shadow:0 0 0 1px #c41e3a52}@media (prefers-reduced-motion: reduce){.database-card,.database-cross-link-badge,.database-load-more,.database-reset-button,.database-search-clear,.database-tab-button:before{animation:none!important;transition-duration:.01ms!important}.database-load-more:hover,.database-cross-link-badge:hover,.database-cross-link-badge:focus-visible{transform:none!important}}
