:root{--bg:#0f151b;--bg2:#1a1f25;--fg:#d7dfe6;--muted:#9fb0bd;--accent:#34c997;--accent2:#9333ea;--line:#ffffff1a;--glow:#34d39966;--glow-purple:#9333ea80;--r:16px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at center,#0f151b 0,#1a1f25 70%,#000 100%);background:radial-gradient(ellipse at center,var(--bg) 0,var(--bg2) 70%,#000 100%);color:#d7dfe6;color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;min-height:100vh;position:relative}body:before{background:radial-gradient(circle at 20% 30%,#34d39926 0,#0000 50%),radial-gradient(circle at 80% 70%,#9333ea1f 0,#0000 50%),radial-gradient(circle at 50% 50%,#34d39914 0,#0000 70%),radial-gradient(circle at 10% 80%,#ff00640f 0,#0000 40%),radial-gradient(circle at 90% 20%,#00ffc80a 0,#0000 30%);opacity:.6}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}body:after{background:linear-gradient(45deg,#0000 48%,#34d39905 49%,#34d39905 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,rgba(147,51,234,.015) 49%,rgba(147,51,234,.015) 51%,#0000 52%);background-size:60px 60px,60px 60px;opacity:.3}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){body:after{background-size:40px 40px}}.home{min-height:100vh}.hero{color:var(--fg);padding:4rem 2rem;position:relative;text-align:center;z-index:1}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--accent2) 100%);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;margin-bottom:1rem}.subtitle{color:var(--muted);font-size:1.5rem;font-style:italic}.intro-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f151ba6;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 32px #00000080;margin-top:2rem;overflow:hidden;padding:3rem;position:relative}.intro-section:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.intro-section h2{color:var(--fg);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.intro-section p{color:var(--fg);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.accent-word{color:var(--accent);font-weight:600}.button-group{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem auto 0}.intro-section .btn-primary{max-width:300px;text-align:center}@media (max-width:768px){.hero h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.intro-section{padding:2rem 1.5rem}.intro-section h2{font-size:1.8rem}.intro-section p{font-size:1rem}}.character-card{animation:fadeInUp .5s ease;background:#0f151bf2;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 32px #00000080;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.character-card:before{content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.character-card:hover:before{opacity:1}.character-card:hover{transform:translateY(-5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.character-name{border-bottom:2px solid #0000;font-size:1.8rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.character-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:200px 1fr}.character-image,.character-image img{height:auto;width:100%}.character-image img{border-radius:10px;box-shadow:0 4px 12px #0003;object-fit:cover}.placeholder-image{align-items:center;aspect-ratio:1;border:2px solid var(--line);border-radius:10px;display:flex;font-size:4rem;font-weight:700;justify-content:center;width:100%}.character-details{display:flex;flex-direction:column;gap:.8rem}.detail-item{grid-gap:.5rem;border-bottom:1px solid var(--line);display:grid;gap:.5rem;grid-template-columns:120px 1fr;padding:.3rem 0}.detail-item.full-width{grid-template-columns:1fr}.detail-label{color:#cbd5e1;font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.detail-value{color:var(--fg)}.detail-text{color:var(--muted);line-height:1.6;margin-top:.5rem}.character-link-container{margin-top:1rem;padding-top:1rem}.character-link-btn{align-items:center;border-radius:25px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.character-link-btn:before{content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.character-link-btn:hover:before{left:100%}.character-link-btn:hover{transform:translateY(-2px)}.character-link-btn svg{position:relative;transition:transform .3s ease;z-index:1}.character-link-btn:hover svg{transform:translateX(3px)}.character-link-btn span{position:relative;z-index:1}.character-card.affiliation-neutral .character-name{border-bottom-color:#34c997;color:#34c997;text-shadow:0 0 10px #34d39966}.character-card.affiliation-neutral:before{background:linear-gradient(90deg,#0000,#34c997,#0000)}.character-card.affiliation-neutral:hover{border-color:#34c997;box-shadow:0 12px 40px #34d3994d;transform:translateY(-5px)}.character-card.affiliation-neutral .placeholder-image{background:linear-gradient(135deg,#34d3994d,#9333ea4d);box-shadow:0 4px 12px #34d39933;color:#34c997;text-shadow:0 0 15px #34d39966}.character-card.affiliation-neutral .character-link-btn{background:linear-gradient(135deg,#34d39926,#9333ea26);border-color:#34d3994d;color:#34c997}.character-card.affiliation-neutral .character-link-btn:before{background:linear-gradient(90deg,#0000,#34d3994d,#0000)}.character-card.affiliation-neutral .character-link-btn:hover{background:linear-gradient(135deg,#34d39940,#9333ea40);border-color:#34c997;box-shadow:0 6px 20px #34d39966;color:#34c997;text-shadow:0 0 8px #34d39966}.character-card.affiliation-chaostamers .character-name{border-bottom-color:#3b82f6;color:#3b82f6;text-shadow:0 0 10px #3b82f666}.character-card.affiliation-chaostamers:before{background:linear-gradient(90deg,#0000,#3b82f6,#0000)}.character-card.affiliation-chaostamers:hover{border-color:#3b82f6;box-shadow:0 12px 40px #3b82f64d;transform:translateY(-5px)}.character-card.affiliation-chaostamers .placeholder-image{background:linear-gradient(135deg,#3b82f64d,#60a5fa4d);box-shadow:0 4px 12px #3b82f633;color:#3b82f6;text-shadow:0 0 15px #3b82f666}.character-card.affiliation-chaostamers .character-link-btn{background:linear-gradient(135deg,#3b82f626,#60a5fa26);border-color:#3b82f64d;color:#3b82f6}.character-card.affiliation-chaostamers .character-link-btn:before{background:linear-gradient(90deg,#0000,#3b82f64d,#0000)}.character-card.affiliation-chaostamers .character-link-btn:hover{background:linear-gradient(135deg,#3b82f640,#60a5fa40);border-color:#3b82f6;box-shadow:0 6px 20px #3b82f666;color:#3b82f6;text-shadow:0 0 8px #3b82f666}.character-card.affiliation-purgers .character-name{border-bottom-color:#ef4444;color:#ef4444;text-shadow:0 0 10px #ef444466}.character-card.affiliation-purgers:before{background:linear-gradient(90deg,#0000,#ef4444,#0000)}.character-card.affiliation-purgers:hover{border-color:#ef4444;box-shadow:0 12px 40px #ef44444d;transform:translateY(-5px)}.character-card.affiliation-purgers .placeholder-image{background:linear-gradient(135deg,#ef44444d,#f871714d);box-shadow:0 4px 12px #ef444433;color:#ef4444;text-shadow:0 0 15px #ef444466}.character-card.affiliation-purgers .character-link-btn{background:linear-gradient(135deg,#ef444426,#f8717126);border-color:#ef44444d;color:#ef4444}.character-card.affiliation-purgers .character-link-btn:before{background:linear-gradient(90deg,#0000,#ef44444d,#0000)}.character-card.affiliation-purgers .character-link-btn:hover{background:linear-gradient(135deg,#ef444440,#f8717140);border-color:#ef4444;box-shadow:0 6px 20px #ef444466;color:#ef4444;text-shadow:0 0 8px #ef444466}.character-card.affiliation-tribunal .character-name{border-bottom-color:#9333ea;color:#9333ea;text-shadow:0 0 10px #9333ea66}.character-card.affiliation-tribunal:before{background:linear-gradient(90deg,#0000,#9333ea,#0000)}.character-card.affiliation-tribunal:hover{border-color:#9333ea;box-shadow:0 12px 40px #9333ea4d;transform:translateY(-5px)}.character-card.affiliation-tribunal .placeholder-image{background:linear-gradient(135deg,#9333ea4d,#a855f74d);box-shadow:0 4px 12px #9333ea33;color:#9333ea;text-shadow:0 0 15px #9333ea66}.character-card.affiliation-tribunal .character-link-btn{background:linear-gradient(135deg,#9333ea26,#a855f726);border-color:#9333ea4d;color:#9333ea}.character-card.affiliation-tribunal .character-link-btn:before{background:linear-gradient(90deg,#0000,#9333ea4d,#0000)}.character-card.affiliation-tribunal .character-link-btn:hover{background:linear-gradient(135deg,#9333ea40,#a855f740);border-color:#9333ea;box-shadow:0 6px 20px #9333ea66;color:#9333ea;text-shadow:0 0 8px #9333ea66}.character-card.affiliation-paytons-gang .character-name{border-bottom-color:#f97316;color:#f97316;text-shadow:0 0 10px #f9731666}.character-card.affiliation-paytons-gang:before{background:linear-gradient(90deg,#0000,#f97316,#0000)}.character-card.affiliation-paytons-gang:hover{border-color:#f97316;box-shadow:0 12px 40px #f973164d;transform:translateY(-5px)}.character-card.affiliation-paytons-gang .placeholder-image{background:linear-gradient(135deg,#f973164d,#fb923c4d);box-shadow:0 4px 12px #f9731633;color:#f97316;text-shadow:0 0 15px #f9731666}.character-card.affiliation-paytons-gang .character-link-btn{background:linear-gradient(135deg,#f9731626,#fb923c26);border-color:#f973164d;color:#f97316}.character-card.affiliation-paytons-gang .character-link-btn:before{background:linear-gradient(90deg,#0000,#f973164d,#0000)}.character-card.affiliation-paytons-gang .character-link-btn:hover{background:linear-gradient(135deg,#f9731640,#fb923c40);border-color:#f97316;box-shadow:0 6px 20px #f9731666;color:#f97316;text-shadow:0 0 8px #f9731666}@media (max-width:768px){.character-card{padding:1rem}.character-name{font-size:1.5rem}.character-content{gap:1rem;grid-template-columns:1fr}.character-image,.placeholder-image{margin:0 auto;max-width:300px}.detail-item{gap:.3rem;grid-template-columns:1fr}.detail-label{font-size:.85rem;margin-bottom:.2rem}.character-link-btn{font-size:.85rem;padding:.6rem 1.2rem}}@media (max-width:640px){.character-name{font-size:1.3rem}.placeholder-image{font-size:3rem}.character-link-btn{font-size:.8rem;padding:.5rem 1rem}}.filter-bar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f151bbf;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 20px #00000080;margin-bottom:2rem;padding:1.5rem}.search-container{margin-bottom:1rem}.search-input{background:#ffffff0d;border:1px solid var(--line);border-radius:25px;color:var(--fg);font-size:1rem;outline:none;padding:.8rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{background:#ffffff14;border-color:var(--accent);box-shadow:0 0 0 3px #34d3991a}.search-input::placeholder{color:var(--muted)}.filter-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.filter-group{display:flex;flex-direction:column}.filter-group label{color:var(--fg);font-size:.9rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.filter-select{background:#ffffff0d;border:1px solid var(--line);border-radius:10px;color:var(--fg);cursor:pointer;font-size:.95rem;outline:none;padding:.6rem 1rem;transition:all .3s ease}.filter-select:focus,.filter-select:hover{background:#ffffff14;border-color:var(--accent)}.filter-select:focus{box-shadow:0 0 0 3px #34d3991a}@media (max-width:768px){.filter-container{gap:.8rem;grid-template-columns:1fr}.filter-bar{padding:1rem}.filter-select,.search-input{font-size:.9rem}}.characters-page{min-height:100vh}.no-results{background:#0f151b80;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:1.2rem;grid-column:1/-1;padding:3rem;text-align:center}.characters-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));margin-top:2rem}@media (max-width:768px){.characters-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:640px){.characters-grid{gap:1rem}}.App{min-height:100vh}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f151bbf;border-bottom:1px solid var(--line);box-shadow:0 4px 20px #0000004d;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}nav ul{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none}nav a,nav li{position:relative}nav a{border:1px solid #0000;border-radius:999px;color:var(--fg);display:block;font-weight:500;overflow:hidden;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}nav a:before{background:linear-gradient(90deg,#0000,#34d3994d,#0000);content:"";height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:left .6s ease-in-out;width:100%;z-index:0}nav a:hover:before{left:100%;opacity:1}nav a:not(:hover):before{left:-100%;opacity:0}nav a:hover{background:#34d39914;border-color:#34d3994d;color:var(--accent);text-shadow:0 0 10px var(--glow)}nav a.active{background:#34d39926;border-color:var(--accent);box-shadow:0 0 15px var(--glow);color:var(--accent)}.container{margin:0 auto;max-width:1200px;padding:2rem}.page-header{color:var(--fg);margin-bottom:3rem;position:relative;text-align:center;z-index:1}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--accent2) 100%);-webkit-background-clip:text;background-clip:text;color:var(--fg);font-size:3rem;font-weight:800;margin-bottom:1rem}.page-header p{color:var(--muted);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px}.btn{background:linear-gradient(135deg,#34d39933,#9333ea33);border:1px solid var(--accent);border-radius:30px;color:var(--accent);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#34d39966,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{border-color:var(--accent);box-shadow:0 8px 25px var(--glow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#34d3994d,#9333ea4d)}@media (max-width:768px){.page-header h1{font-size:2rem}.page-header p{font-size:1rem}nav{padding:1rem}nav ul{gap:1rem}.container{padding:1rem}}
/*# sourceMappingURL=main.434c3b05.css.map*/