@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{color:#f7fbff;background:radial-gradient(circle at top,#3d74a338,#0000 26%),linear-gradient(#06101d,#040914 52%,#091420);min-width:320px;min-height:100vh;margin:0;font-family:Zen Kaku Gothic New,sans-serif}a{color:inherit}#root{min-height:100vh}:root{--bg:#07111f;--panel:#0a182cd1;--line:#8ab1ff2e;--text:#f7fbff;--muted:#a9c0df;--accent:#7de0ff;--shadow:0 28px 64px #0000005c}*{box-sizing:border-box}button,input,select{font:inherit}.app-shell{min-height:100vh;padding:32px 24px 48px;position:relative;overflow:hidden}.aurora{filter:blur(60px);opacity:.5;pointer-events:none;border-radius:999px;position:fixed}.aurora-a{background:#f2765a59;width:320px;height:320px;top:-120px;right:-60px}.aurora-b{background:#7de0ff47;width:360px;height:360px;bottom:10%;left:-120px}.hero-panel,.control-panel,.utility-bar,.catalog-panel,.dashboard-strip{z-index:1;position:relative}.hero-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f1f39f2,#07111fb8),radial-gradient(circle at 0 0,#7de0ff2e,#0000 42%);border-radius:32px;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:20px;padding:28px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.24em;margin:0 0 8px;font-family:Outfit,sans-serif;font-size:.8rem}.hero-panel h1,.section-heading h2,.detail-modal h2{margin:0;font-family:Outfit,sans-serif;line-height:1.02}.hero-panel h1{max-width:12ch;font-size:clamp(2rem,4vw,4rem)}.hero-description{max-width:60ch;color:var(--muted);font-size:1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions button,.utility-bar button,.detail-icon,.modal-close,.ascension-icon{appearance:none;cursor:pointer;border:none;transition:transform .16s,background .16s,border-color .16s,opacity .16s}.hero-actions button{background:linear-gradient(135deg, var(--accent), #4db8ff);color:#08121d;border-radius:999px;padding:.85rem 1.25rem;font-weight:700}.utility-bar button{border-radius:999px;padding:.85rem 1.25rem;font-weight:700}.utility-bar .secondary,.utility-bar .ghost{border:1px solid var(--line);color:var(--text);background:0 0}.hero-actions button:hover,.utility-bar button:hover,.character-card:hover,.detail-icon:hover,.modal-close:hover{transform:translateY(-2px)}.hero-stats{gap:14px;display:grid}.hero-stats article,.mini-stat{border:1px solid var(--line);background:#ffffff0a;border-radius:24px;padding:18px 20px}.hero-stats span,.mini-stat span,.detail-meta span{color:var(--muted)}.hero-stats strong,.mini-stat strong{margin-top:8px;font-family:Outfit,sans-serif;font-size:2rem;display:block}.dashboard-strip,.control-panel,.utility-bar,.catalog-panel{margin-top:20px}.dashboard-strip{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.control-panel,.utility-bar,.catalog-panel,.detail-modal{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.control-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;display:grid}.control-panel span,.section-heading p,.detail-block p{color:var(--muted)}.control-panel input,.control-panel select{width:100%;color:var(--text);background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;margin-top:8px;padding:.9rem 1rem}.control-panel select option{color:#0b1727;background:#f4f8ff}.utility-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;display:flex}.toggle{align-items:center;gap:8px;display:inline-flex}.share-note{color:var(--muted);margin:0;line-height:1.7}.feedback{z-index:6;background:#0b223af0;border:1px solid #7de0ff52;border-radius:18px;margin:16px 0 0;padding:12px 14px;position:sticky;top:12px}.catalog-panel{z-index:1;padding:18px;position:relative}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.character-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.character-card{background:#081323f0;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:12px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.character-card.owned{border-color:#7de0ff57;box-shadow:0 16px 36px #00000040}.image-frame{aspect-ratio:4/5;background:radial-gradient(circle at top,#7de0ff2e,#0000 60%),linear-gradient(#ffffff14,#ffffff05);border-radius:18px;position:relative;overflow:hidden}.image-frame img,.detail-image{object-fit:cover;width:100%;height:100%}.rarity-chip,.owned-state{background:#060d17b8;border:1px solid #ffffff1a;border-radius:999px;padding:.35rem .7rem;font-family:Outfit,sans-serif;font-size:.8rem;position:absolute}.rarity-chip{top:10px;left:10px}.owned-state{bottom:10px;left:10px}.owned-state.is-owned{color:var(--accent);border-color:#7de0ff47}.detail-icon{width:36px;height:36px;color:var(--text);background:#060d17d1;border:1px solid #ffffff1f;border-radius:999px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;position:absolute;top:10px;right:10px}.card-copy{gap:8px;display:grid}.card-title{color:var(--accent);margin:0;font-size:.88rem}.card-copy h3{margin:0;font-size:1.25rem}.ascension-stack{gap:5px;display:grid}.ascension-row{align-items:center;gap:6px;display:flex}.ascension-icon{background:0 0;width:20px;height:20px;padding:0}.ascension-icon span{background:#ffffff29;width:100%;height:100%;transition:background .16s,box-shadow .16s,transform .16s;display:block}.ascension-icon.diamond span{border-radius:3px;transform:rotate(45deg)scale(.78)}.ascension-icon.hex span{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}.ascension-icon.active span{background:linear-gradient(135deg,#7de0ff,#4db8ff);box-shadow:0 0 12px #7de0ff73}.ascension-icon.diamond.active span{background:linear-gradient(135deg,#ffcf70,#ff8b5b);box-shadow:0 0 12px #ff8b5b66}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02080fb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detail-modal{width:min(1080px,100%);max-height:min(88vh,960px);padding:22px;position:relative;overflow:auto}.modal-close{width:42px;height:42px;color:var(--text);background:#ffffff14;border-radius:999px;place-items:center;margin-left:auto;font-size:1.35rem;display:grid;position:sticky;top:0}.modal-hero{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.detail-image{aspect-ratio:4/5;background:#ffffff0a;border-radius:22px}.detail-copy{gap:16px;display:grid}.detail-meta,.chip-row{flex-wrap:wrap;gap:8px;display:flex}.detail-meta span,.chip-row span{background:#ffffff0d;border-radius:999px;padding:.5rem .75rem}.modal-section{gap:12px;margin-top:18px;display:grid}.detail-block{background:#ffffff0a;border-radius:20px;padding:14px}.detail-block h4{margin:0 0 8px}.confirm-backdrop{z-index:30}.confirm-modal{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);background:#081323f7;border-radius:24px;padding:24px}.confirm-modal h2{margin:0 0 10px;font-family:Outfit,sans-serif}.confirm-modal p{color:var(--muted);margin:0;line-height:1.7}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.confirm-actions button{border-radius:999px;padding:.8rem 1.2rem;font-weight:700}.confirm-actions .danger{color:#08121d;background:linear-gradient(135deg,#ff9e6d,#ff6b6b)}.confirm-actions .ghost{border:1px solid var(--line);color:var(--text);background:0 0}@media (width<=1080px){.hero-panel,.modal-hero{grid-template-columns:1fr}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px) and (width<=1100px) and (orientation:portrait){.character-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.character-card{border-radius:18px;gap:8px;padding:10px}.image-frame{border-radius:14px}.rarity-chip,.owned-state{padding:.25rem .45rem;font-size:.68rem}.detail-icon{width:28px;height:28px;font-size:.82rem}.card-title{font-size:.72rem}.card-copy h3{font-size:.95rem}.ascension-stack,.ascension-row{gap:4px}.ascension-icon{width:14px;height:14px}}@media (width<=720px){.app-shell{padding:18px 14px 32px}.hero-panel,.control-panel,.catalog-panel,.detail-modal{border-radius:22px}.control-panel{grid-template-columns:1fr}.hero-panel h1{max-width:none}.detail-modal{padding:16px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.character-card{border-radius:16px;gap:7px;padding:8px}.image-frame{border-radius:12px}.rarity-chip,.owned-state{padding:.2rem .38rem;font-size:.62rem}.detail-icon{width:24px;height:24px;font-size:.72rem;top:8px;right:8px}.card-copy{gap:5px}.card-title{font-size:.64rem}.card-copy h3{font-size:.78rem;line-height:1.2}.ascension-stack,.ascension-row{gap:3px}.ascension-icon{width:11px;height:11px}}