.dragons-page.svelte-11cvk9r{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding:80px 40px 60px;scrollbar-width:none;background:var(--bg-gradient-min)}.dragons-page.svelte-11cvk9r::-webkit-scrollbar{display:none}.welcome-section.svelte-11cvk9r{position:relative;text-align:center;max-width:750px;margin:0 auto 40px;color:var(--color-primary)}.techbox-frame.svelte-11cvk9r{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.techbox-frame.svelte-11cvk9r .frame-bg{fill:var(--bg-gradient-min-trans)}.techbox-frame.svelte-11cvk9r .frame-tab{fill:color-mix(in srgb,var(--color-primary) 55%,transparent);stroke:color-mix(in srgb,var(--color-primary) 78%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.95}.techbox-frame.svelte-11cvk9r .frame-stroke-glow{stroke:color-mix(in srgb,var(--color-primary) 95%,transparent)}.techbox-frame.svelte-11cvk9r .frame-stroke-outer{stroke:color-mix(in srgb,var(--color-primary) 32%,transparent)}.techbox-frame.svelte-11cvk9r .frame-corner{fill:var(--color-primary);stroke:color-mix(in srgb,var(--color-primary) 55%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;opacity:1}.tab-glyphs.svelte-11cvk9r{position:absolute;top:1px;left:74%;transform:translate(-50%);z-index:2;color:var(--color-text);font-size:.55rem;letter-spacing:.35em;line-height:1;padding:1px 8px;white-space:nowrap;pointer-events:none;background:linear-gradient(90deg,var(--harmonic-red),var(--harmonic-orange),var(--harmonic-yellow),var(--harmonic-green),var(--harmonic-blue),var(--harmonic-purple),var(--harmonic-red));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:svelte-11cvk9r-spectral-shift 8s linear infinite}@keyframes svelte-11cvk9r-spectral-shift{0%{background-position:0% 50%}to{background-position:200% 50%}}.welcome-content.svelte-11cvk9r{position:relative;z-index:1;padding:28px 36px 24px}.page-title.svelte-11cvk9r{font-family:var(--font-header);font-size:1.8rem;font-weight:700;color:var(--color-primary);letter-spacing:.2em;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.welcome-text.svelte-11cvk9r{color:var(--color-text);font-size:.85rem;line-height:1.7}.dragon-gallery.svelte-11cvk9r{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;padding-bottom:60px}.dragon-card.svelte-11cvk9r{display:flex;flex-direction:column;position:relative;background:var(--bg-gradient-min-trans);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--card-border-radius, 12px);overflow:hidden;cursor:pointer;transition:all .3s ease;text-align:left;padding:0}.dragon-card.svelte-11cvk9r:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6;z-index:1}.dragon-card.svelte-11cvk9r:hover{border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(-2px)}.card-media.svelte-11cvk9r{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.card-image.svelte-11cvk9r{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-body.svelte-11cvk9r{padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-height:140px}.card-info-row.svelte-11cvk9r{display:flex;align-items:center;gap:10px}.card-info-text.svelte-11cvk9r{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.card-sigil.svelte-11cvk9r{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid color-mix(in srgb,var(--accent) 50%,transparent);flex-shrink:0}.dragon-name.svelte-11cvk9r{font-family:var(--font-header);font-size:1.1rem;color:var(--accent);letter-spacing:.06em;margin:0}.dragon-title.svelte-11cvk9r{font-size:.72rem;color:var(--color-text);opacity:.7;font-style:italic}.dragon-element.svelte-11cvk9r{font-size:.68rem;color:var(--accent);display:flex;align-items:center;gap:4px;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.dragon-name-row.svelte-11cvk9r{display:flex;align-items:baseline;gap:6px}.dragon-pronouns.svelte-11cvk9r{font-size:.6rem;color:var(--color-medium);font-style:italic;white-space:nowrap}.detail-creations.svelte-11cvk9r{margin-top:16px}.detail-section-label.svelte-11cvk9r{font-family:var(--font-header);font-size:.6rem;color:var(--accent);letter-spacing:.15em;margin:0 0 8px}.creations-grid-strip.svelte-11cvk9r{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.creation-square.svelte-11cvk9r{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:6px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:0;background:var(--bg-gradient-min-trans);cursor:pointer;transition:all .2s ease}.creation-square.svelte-11cvk9r:hover{border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 30%,transparent);transform:scale(1.03)}.creation-square-img.svelte-11cvk9r{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.explore-btn.svelte-11cvk9r{border-color:var(--color-highlight)!important;color:var(--color-highlight)!important}.spin-icon.svelte-11cvk9r{display:inline-flex;animation:svelte-11cvk9r-gentle-spin 4s linear infinite}@keyframes svelte-11cvk9r-gentle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dragon-intro.svelte-11cvk9r{font-size:.78rem;font-family:var(--font-body);color:var(--color-text);line-height:1.5;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-transform:none!important;font-style:italic}.card-tier-req.svelte-11cvk9r{display:flex;align-items:center;gap:5px;font-size:.65rem;color:var(--color-medium);margin-top:auto;padding-top:6px;letter-spacing:.04em}.dragon-overlay.svelte-11cvk9r{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px}.dragon-detail.svelte-11cvk9r{position:relative;max-width:888px;max-height:calc(100vh - 80px);overflow-y:auto;background:var(--bg-gradient-min);border:1px solid var(--accent);border-radius:var(--card-border-radius, 12px);box-shadow:0 0 40px color-mix(in srgb,var(--accent) 25%,transparent);scrollbar-width:none}.dragon-detail.svelte-11cvk9r::-webkit-scrollbar{display:none}.close-btn.svelte-11cvk9r{position:absolute;top:12px;right:12px;z-index:10;background:#0009;border:1px solid var(--accent);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer;transition:all .2s ease}.close-btn.svelte-11cvk9r:hover{background:var(--accent);color:var(--bg-color, #0a0a0a)}.detail-media.svelte-11cvk9r{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.scroll-hint.svelte-11cvk9r{position:sticky;bottom:16px;display:flex;justify-content:center;margin-top:-44px;pointer-events:none;color:var(--accent);z-index:5;transition:opacity .2s ease;animation:svelte-11cvk9r-bounce-hint 2s ease-in-out infinite}@keyframes svelte-11cvk9r-bounce-hint{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.detail-video.svelte-11cvk9r,.detail-image.svelte-11cvk9r{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.detail-content.svelte-11cvk9r{padding:20px 24px 30px;display:flex;flex-direction:column;gap:6px}.detail-info-row.svelte-11cvk9r{display:flex;align-items:center;gap:16px}.detail-info-text.svelte-11cvk9r{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.detail-sigil.svelte-11cvk9r{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent);flex-shrink:0}.detail-name.svelte-11cvk9r{font-family:var(--font-header);font-size:1.5rem;color:var(--accent);letter-spacing:.08em;margin:0}.detail-title.svelte-11cvk9r{font-size:.85rem;color:var(--color-text);opacity:.7;font-style:italic}.detail-element.svelte-11cvk9r{font-size:.75rem;color:var(--accent);display:flex;align-items:center;gap:5px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.detail-intro.svelte-11cvk9r{margin-top:16px;display:flex;flex-direction:column;gap:10px}.detail-intro.svelte-11cvk9r p:where(.svelte-11cvk9r){font-size:.88rem;color:var(--color-text);line-height:1.7;margin:0}.aetheria-note.svelte-11cvk9r{margin-top:16px;padding:12px 16px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:8px}.aetheria-note-content.svelte-11cvk9r{display:flex;gap:14px;align-items:flex-start}.aetheria-mini.svelte-11cvk9r{width:80px;height:80px;border-radius:10px;-o-object-fit:cover;object-fit:cover;border:2px solid var(--color-primary);flex-shrink:0}.aetheria-note.svelte-11cvk9r p:where(.svelte-11cvk9r){font-size:.8rem;color:var(--color-primary);line-height:1.6;font-style:italic;margin:0}.detail-actions.svelte-11cvk9r{display:flex;gap:10px;margin-top:20px}.action-btn.svelte-11cvk9r{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-gradient-min);border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-family:var(--font-header);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.action-btn.svelte-11cvk9r:hover{background:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent)}.locked-btn.svelte-11cvk9r{border-color:var(--color-medium)!important;color:var(--color-medium)!important;text-decoration:none}.locked-btn.svelte-11cvk9r:hover{border-color:var(--accent)!important;color:var(--accent)!important}.detail-brief.svelte-11cvk9r{margin-top:20px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.detail-brief.svelte-11cvk9r p:where(.svelte-11cvk9r){font-size:.8rem;color:var(--color-text);opacity:.7;line-height:1.5;margin:0}@media(max-width:768px){.dragons-page.svelte-11cvk9r{padding:70px 16px 60px}.dragon-gallery.svelte-11cvk9r{grid-template-columns:repeat(2,1fr);gap:14px}.dragon-overlay.svelte-11cvk9r{padding:20px}.detail-content.svelte-11cvk9r{padding:16px}.detail-actions.svelte-11cvk9r{flex-direction:column}}