.ModernFooter_footer__WaK4J{background:var(--comic-bg-primary);color:var(--comic-text-primary);margin-top:auto;position:relative;overflow:hidden;border-top:var(--comic-border-thick) solid var(--comic-border);box-shadow:0 -4px 0 var(--comic-shadow),inset 0 1px 0 rgba(255,255,255,.1)}.ModernFooter_footer__WaK4J:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--comic-red),var(--comic-blue),var(--comic-yellow),var(--comic-green));background-size:400% 100%;animation:ModernFooter_comicStrip__2y0VD 3s ease-in-out infinite}@keyframes ModernFooter_comicStrip__2y0VD{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ModernFooter_container__ROWoc{max-width:1200px;margin:0 auto;padding:var(--comic-space-2xl) var(--comic-space-md) 0;position:relative;z-index:1}.ModernFooter_logoSection__f7NOd{text-align:center;margin-bottom:var(--comic-space-2xl)}.ModernFooter_logo__mTrYy{font-family:var(--comic-font-title);font-size:2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--comic-text-accent);text-shadow:-2px -2px 0 var(--comic-border),2px -2px 0 var(--comic-border),-2px 2px 0 var(--comic-border),2px 2px 0 var(--comic-border),4px 4px 0 var(--comic-shadow);margin-bottom:var(--comic-space-sm);transition:transform var(--comic-duration-normal) ease}.ModernFooter_logo__mTrYy:hover{transform:scale(1.05) rotate(-1deg)}.ModernFooter_tagline__MAHWF{color:var(--comic-text-secondary);font-family:var(--comic-font-body);font-size:1.1rem;margin-bottom:var(--comic-space-lg);font-weight:400}.ModernFooter_mainContent__0m_cA{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--comic-space-xl);margin-bottom:var(--comic-space-2xl)}.ModernFooter_linkGroup__5vbpN{background:var(--comic-bg-secondary);padding:var(--comic-space-lg);border:var(--comic-border-thin) solid var(--comic-border);border-radius:var(--comic-radius);box-shadow:2px 2px 0 var(--comic-shadow);transition:all var(--comic-duration-normal) ease;text-align:left}.ModernFooter_linkGroup__5vbpN:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--comic-shadow)}.ModernFooter_linkTitle__zflfO{font-family:var(--comic-font-accent);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--comic-space-md);color:var(--comic-text-accent);position:relative}.ModernFooter_linkTitle__zflfO:after{content:"";position:absolute;bottom:-.5rem;left:0;transform:none;width:40px;height:3px;background:var(--comic-red);border-radius:2px}.ModernFooter_linkList__wCsIc{list-style:none;padding:0;margin:0}.ModernFooter_linkList__wCsIc li{margin-bottom:var(--comic-space-sm)}.ModernFooter_link__UcbVD{color:var(--comic-text-secondary);text-decoration:none;font-family:var(--comic-font-body);font-size:.95rem;font-weight:500;transition:all var(--comic-duration-normal) ease;position:relative;display:inline-block;padding:var(--comic-space-xs) var(--comic-space-sm);border-radius:var(--comic-radius)}.ModernFooter_link__UcbVD:hover{color:var(--comic-text-accent);background:var(--comic-bg-primary);transform:translateX(5px) scale(1.05);box-shadow:2px 2px 0 var(--comic-shadow)}.ModernFooter_link__UcbVD:before{content:"⚡";position:absolute;left:-20px;top:50%;transform:translateY(-50%);opacity:0;transition:all var(--comic-duration-normal) ease;font-size:.8rem}.ModernFooter_link__UcbVD:hover:before{opacity:1;left:-15px}.ModernFooter_projectDescription__vjGCA{font-family:var(--comic-font-body);color:var(--comic-text-secondary);margin-bottom:var(--comic-space-lg);line-height:1.6;font-size:.95rem}.ModernFooter_githubButton__7I_sf{display:inline-flex;align-items:center;gap:var(--comic-space-sm);padding:var(--comic-space-md) var(--comic-space-xl);background:var(--comic-bg-dark);color:var(--comic-bg-primary);text-decoration:none;border:var(--comic-border-thick) solid var(--comic-border);border-radius:var(--comic-radius);font-family:var(--comic-font-accent);font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all var(--comic-duration-normal) ease;box-shadow:4px 4px 0 var(--comic-shadow);position:relative;overflow:hidden}.ModernFooter_githubButton__7I_sf:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--comic-duration-slow) ease}.ModernFooter_githubButton__7I_sf:hover:before{left:100%}.ModernFooter_githubButton__7I_sf:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--comic-shadow);background:var(--comic-bg-primary);color:var(--comic-text-primary)}.ModernFooter_apiList__UOvDB{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--comic-space-sm)}.ModernFooter_apiLink__kV5Lk{color:var(--comic-text-secondary);text-decoration:none;font-family:var(--comic-font-body);font-weight:500;font-size:.95rem;transition:all var(--comic-duration-normal) ease;display:inline-block}.ModernFooter_apiLink__kV5Lk:hover{color:var(--comic-red);transform:translateX(4px)}.ModernFooter_bottomBar__23nSH{background:var(--comic-bg-dark);border-top:var(--comic-border-thick) solid var(--comic-border);padding:var(--comic-space-lg) 0;position:relative}.ModernFooter_bottomBar__23nSH:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--comic-red),var(--comic-blue),var(--comic-yellow))}.ModernFooter_bottomContent__Llcvg{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--comic-space-md);padding:0 var(--comic-space-md)}.ModernFooter_copyright__ei41U{color:var(--comic-bg-primary);font-family:var(--comic-font-body);font-size:.9rem;margin:0;font-weight:500;text-align:center}@media (max-width:768px){.ModernFooter_container__ROWoc{padding:var(--comic-space-xl) var(--comic-space-md) 0}.ModernFooter_logo__mTrYy{font-size:2rem}.ModernFooter_mainContent__0m_cA{grid-template-columns:1fr;gap:var(--comic-space-lg)}.ModernFooter_bottomContent__Llcvg{text-align:center}}@media (max-width:480px){.ModernFooter_linkGroup__5vbpN{padding:var(--comic-space-md)}}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--color-primary:#e30000;--color-secondary:#121212;--color-secondary-dark:#0a0a0a;--color-accent:gold;--accent-color-1:#3b82f6;--accent-color-2:#ef4444;--accent-color-3:#10b981;--card-background-color:#fff;--text-primary-color:#1e293b;--text-secondary-color:#64748b;--border-color:#e2e8f0;--color-background:#fafafa;--color-surface:#fff;--shadow-strong:8px 8px 0 var(--color-secondary);--shadow-light:4px 4px 0 var(--color-secondary);--transition-base:all .25s ease}*{box-sizing:border-box;margin:0;padding:0}body,html{color:#222;scroll-behavior:smooth;height:100%;font-family:Comic Neue,cursive;overflow-x:hidden}a{color:inherit;cursor:pointer;text-decoration:none}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--color-primary);color:#fff;border-bottom:6px solid var(--color-secondary);padding:1.5rem 2rem}.header,.header-content{justify-content:space-between;align-items:center;display:flex}.header-content{width:100%}.logo{text-transform:uppercase;letter-spacing:1px;color:var(--color-surface);text-shadow:-2px -2px 0 var(--color-secondary),2px -2px 0 var(--color-secondary),-2px 2px 0 var(--color-secondary),2px 2px 0 var(--color-secondary),5px 5px 0 #000;font-family:Bangers,cursive;font-size:clamp(2rem,4vw,3rem);transition:transform .3s,filter .3s}.logo,.nav{flex-shrink:0}.nav{gap:1.5rem}.logo:hover{transform:scale(1.08)rotate(-2deg)}.nav{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.nav a,.nav button{text-transform:uppercase;color:var(--color-secondary);border:3px solid var(--color-secondary);box-shadow:3px 3px 0 var(--color-secondary);background-color:#fff;padding:.5rem 1rem;font-family:Permanent Marker,cursive;font-size:1rem;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .2s,color .2s,filter .3s}.nav a:hover,.nav button:hover{box-shadow:6px 6px 0 var(--color-secondary);filter:brightness(1.05);transform:translate(-3px,-3px)}.nav a:active,.nav button:active{box-shadow:2px 2px 0 var(--color-secondary);transition:transform .1s,box-shadow .1s;transform:translate(1px,1px)}.nav a:focus-visible,.nav button:focus-visible{outline:3px dashed var(--color-accent);outline-offset:3px}.nav a.active{color:var(--color-secondary);box-shadow:inset 0 0 0 3px var(--color-secondary)}.nav a.active,.user-session{background-color:var(--color-accent)}.user-session{border:2px solid var(--color-secondary);border-radius:15px;align-items:center;gap:.8rem;padding:.5rem 1rem;display:flex;box-shadow:0 2px 6px #00000040}.user-btn,.user-greeting{color:#000;letter-spacing:.5px;text-shadow:none;font-family:Permanent Marker,cursive;font-size:1.5rem}.user-btn{background-color:#0000;border:2px solid #0000;border-radius:10px;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.user-btn:hover{transform:translateY(-2px)}.logout-btn{background-color:var(--color-primary);color:#fff;border:2px solid var(--color-secondary);box-shadow:2px 2px 0 var(--color-secondary);cursor:pointer;border-radius:10px;padding:.4rem .8rem;font-size:.9rem;transition:all .2s}.logout-btn:hover{background-color:var(--color-secondary);color:#fff;box-shadow:4px 4px 0 var(--color-primary);transform:translate(2px,2px)}.login-btn{background-color:var(--color-accent);color:#fff;border:2px solid var(--color-secondary);box-shadow:2px 2px 0 var(--color-secondary);padding:.4rem .8rem;transition:all .2s}.login-btn:hover{background-color:var(--color-secondary);color:var(--color-accent);box-shadow:4px 4px 0 var(--color-accent);transform:translate(-2px,-2px)}.content{flex:1;display:flex}.sidebar{background:var(--color-accent);border-right:6px solid var(--color-secondary);width:260px;box-shadow:4px 0 0 var(--color-secondary);padding:2rem 1.5rem}.sidebar,.sidebar-list{flex-direction:column;display:flex}.sidebar-list{gap:1rem;list-style:none}.sidebar a{border:3px solid var(--color-secondary);color:var(--color-text);box-shadow:3px 3px 0 var(--color-secondary);background:#fff;align-items:center;gap:.5rem;padding:.8rem 1rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:flex}.sidebar a.active,.sidebar a:hover{background:var(--color-primary);color:#fff;box-shadow:6px 6px 0 var(--color-secondary);transform:translate(-3px,-3px)}.main{flex:1;padding:2rem;position:relative;overflow:hidden}.halftone-background{z-index:-1;background-image:radial-gradient(circle,#c4c4c4 2px,#0000 3px);background-repeat:repeat;background-size:18px 18px;animation:halftoneMoveTransform 8s linear infinite;position:fixed;inset:0;overflow:hidden}@keyframes halftoneMoveTransform{0%{transform:translate(0)}to{transform:translate(18px,18px)}}.page-transition{animation:fadeInComic .5s}@keyframes fadeInComic{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.footer{background:var(--color-secondary);color:#fff;text-align:center;border-top:6px solid var(--color-primary);box-shadow:0 -4px 0 var(--color-primary);padding:1rem;font-size:.9rem}@media (max-width:900px){.content{flex-direction:column}.sidebar{border-right:none;border-bottom:6px solid var(--color-secondary);width:100%;box-shadow:0 4px 0 var(--color-secondary)}}@media (max-width:768px){.header{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.nav{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%}.nav a,.nav button{padding:.4rem .8rem;font-size:.9rem}.user-session{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%}.user-btn{padding:.4rem .8rem;font-size:1.2rem}.logout-btn{padding:.35rem .7rem;font-size:.85rem}.main{padding:1rem}}@media (max-width:600px){.header{padding:.8rem}.logo{font-size:1.8rem}.nav{flex-direction:column;gap:.5rem;width:100%}.nav a,.nav button{text-align:center;width:100%;padding:.5rem;font-size:.85rem}.user-session{flex-direction:column;gap:.5rem;width:100%}.logout-btn,.user-btn{text-align:center;width:100%}.main{padding:.8rem}}.home-container{flex-direction:column;gap:4rem;padding:2rem;display:flex}.hero-section{background-color:var(--color-background);border:4px solid var(--color-secondary);box-shadow:10px 10px 0 var(--color-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:3rem 2rem;display:flex;position:relative}.hero-content{flex:1;min-width:280px}.hero-title{text-transform:uppercase;color:var(--color-primary);letter-spacing:1px;font-family:Bangers,cursive;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;transition:transform .2s,text-shadow .3s}.hero-title,.hero-title span{text-shadow:-3px -3px 0 var(--color-secondary),3px -3px 0 var(--color-secondary),-3px 3px 0 var(--color-secondary),3px 3px 0 var(--color-secondary),6px 6px 0 #000}.hero-title span{color:var(--color-accent)}.hero-subtitle{margin-top:1rem;font-size:1.3rem;line-height:1.5}.hero-buttons{gap:1rem;margin-top:2rem;display:flex}.btn-cta,.btn-cta-final,.btn-secondary{text-transform:uppercase;box-shadow:4px 4px 0 var(--color-secondary);border:3px solid var(--color-secondary);letter-spacing:1px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:Permanent Marker,cursive;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .3s;display:flex}.btn-cta{background:var(--color-primary);color:#fff}.btn-cta:hover{background:var(--color-accent);color:var(--color-secondary);box-shadow:8px 8px 0 var(--color-secondary);transform:translate(-4px,-4px)}.btn-secondary{color:var(--color-secondary);background:#fff}.btn-secondary:hover{background:var(--color-primary);color:#fff;box-shadow:8px 8px 0 var(--color-secondary);transform:translate(-4px,-4px)}.hero-bubbles{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-width:280px;display:flex}.user-universe-indicator{text-align:center;background:linear-gradient(135deg,var(--color-accent),gold);border:3px solid var(--color-secondary);box-shadow:4px 4px 0 var(--color-secondary);border-radius:20px;max-width:400px;margin:1rem auto;padding:.8rem 1.5rem;animation:slideInFromTop .6s ease-out}.user-universe-indicator .indicator-text{color:var(--color-secondary);text-shadow:1px 1px #fffc;letter-spacing:1px;font-family:Bangers,cursive;font-size:1.1rem}.user-universe-indicator strong{color:var(--color-primary);text-shadow:2px 2px #fffc}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cta-section{text-align:center;background:var(--color-primary);color:#fff;border:6px solid var(--color-secondary);box-shadow:8px 8px 0 var(--color-secondary);padding:3rem 2rem;position:relative;overflow:hidden}.cta-section h2{color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:-2px -2px 0 var(--color-secondary),2px -2px 0 var(--color-secondary),-2px 2px 0 var(--color-secondary),2px 2px 0 var(--color-secondary),4px 4px 0 #000;margin-bottom:1rem;font-family:Bangers,cursive;font-size:clamp(2rem,5vw,3rem);transition:text-shadow .3s,transform .2s}.cta-section h2:hover{transform:scale(1.05)rotate(-1deg)}.cta-section p{text-shadow:1px 1px 0 var(--color-secondary);color:#fff;margin-bottom:2rem;font-family:Comic Neue,cursive;font-size:1.2rem}.btn-cta-final{background:var(--color-accent);color:var(--color-secondary);font-size:1.2rem}.btn-cta-final:hover{box-shadow:10px 10px 0 var(--color-secondary);transform:translate(-6px,-6px)}.hero-gallery{flex-direction:column;gap:2rem;max-width:1200px;margin:auto 0;display:flex}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;display:grid}@media (max-width:1200px){.hero-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}}@media (max-width:768px){.hero-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem}.hero-card{padding:.8rem}.hero-label{font-size:1.5rem}}@media (max-width:480px){.hero-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.hero-card{padding:.6rem}.hero-image-wrapper{margin-top:.5rem;margin-bottom:.8rem}.hero-label{font-size:1.3rem}}@media (max-width:360px){.hero-grid{grid-template-columns:1fr;gap:1rem}}.hero-card{border:4px solid var(--color-secondary);box-shadow:8px 8px 0 var(--color-secondary);cursor:pointer;text-align:center;background-color:#fff;flex-direction:column;padding:1rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.hero-card:before{content:"";z-index:2;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);width:50%;height:100%;transition:left .5s ease-in-out;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.hero-image-wrapper{aspect-ratio:8/14;border:4px solid var(--color-secondary);z-index:1;background-color:#eee;background-image:radial-gradient(circle,#0000001a 2px,#0000 0);background-position:50%;background-size:0 0;width:100%;margin-top:1rem;margin-bottom:1rem;transition:border-color .3s,background-image .3s,background-size .3s;position:relative;overflow:hidden}.hero-card:hover .hero-image-wrapper{background-size:8px 8px}.hero-image-wrapper img{object-fit:cover;object-position:center 20%;pointer-events:none;width:100%;height:100%;transition:transform .4s}.hero-card:hover{box-shadow:14px 14px 0 var(--color-accent);border-color:var(--color-accent);transform:translateY(-10px)scale(1.03)}.hero-card:hover:before{left:150%}.hero-card:hover .hero-image-wrapper img{transform:scale(1.1)rotate(2deg)}.hero-card:hover .hero-image-wrapper{border-color:var(--color-accent)}.hero-label{color:var(--color-primary);z-index:1;text-shadow:-2px -2px 0 var(--color-secondary),2px -2px 0 var(--color-secondary),-2px 2px 0 var(--color-secondary),2px 2px 0 var(--color-secondary);margin-top:auto;font-family:Bangers,cursive;font-size:1.8rem;transition:color .3s,text-shadow .3s}.hero-card:hover .hero-label{color:var(--color-accent);text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000}.villain-card{animation:villainAppear .8s ease-out;box-shadow:8px 8px #8b0000!important}.villain-card,.villain-card .hero-image-wrapper{border-color:#8b0000!important}.villain-card:hover .hero-image-wrapper{background-image:radial-gradient(circle,#8b000033 2px,#0000 0);background-size:8px 8px}.villain-card:hover{box-shadow:14px 14px red!important}.villain-card:hover,.villain-card:hover .hero-image-wrapper{border-color:red!important}@keyframes villainAppear{0%{opacity:0;transform:scale(.8)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes dramaticFlash{0%,to{opacity:1;background-color:#0000}10%{background-color:#800080b3}20%{background-color:#0000}25%{background-color:#ffffff80}30%{background-color:#000c}40%{background-color:#0000}50%{background-color:#ff0000b3}60%{background-color:#0000}70%{background-color:#000000e6}80%{background-color:#ffffff4d}90%{background-color:#80008080}95%{opacity:1}to{opacity:0}}@keyframes bubblePopIn{0%{opacity:0;transform:scale(.5)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.villain-invasion-overlay{z-index:9998;pointer-events:none;justify-content:center;align-items:center;animation:dramaticFlash 5.5s ease-in-out forwards;display:flex;position:fixed;inset:0}.villain-invasion-bubble{pointer-events:all;width:60%;max-width:500px;animation:bubblePopIn .5s ease-out .2s backwards;font-size:2.2rem!important}.villain-invasion-bubble span{font-size:2.5rem!important}.villain-invasion-text{color:#fff;text-align:center;text-shadow:-3px -3px #6a0dad,3px -3px #6a0dad,-3px 3px #6a0dad,3px 3px #6a0dad,6px 6px #00a300;font-family:Bangers,cursive;font-size:clamp(2.5rem,8vw,5rem);line-height:1.2;animation:textPopIn .5s ease-out .2s backwards}@media (max-width:600px){.hero-horizontal{flex-direction:column;padding:1.5rem}}body.auth-body-bg{transition:background-color .5s}body.auth-body-bg.marvel{background-color:#ffe5e8}body.auth-body-bg.dc{background-color:#e0f2fe}body.auth-body-bg.default{background-color:#f0f0f0}.auth-page-bg{z-index:-1;pointer-events:none;opacity:.7;filter:saturate(120%);background-size:10px 10px;width:100%;height:100%;transition:background-image .5s;position:fixed;top:0;left:0}.auth-page-bg.marvel{background-image:radial-gradient(circle,#e62429 1.5px,#0000 2px)}.auth-page-bg.dc{background-image:radial-gradient(circle,#0476f2 1.5px,#0000 2px)}.auth-page-bg.default{background-image:#fff}.auth-container{background:var(--color-surface);border:6px solid var(--color-secondary);max-width:500px;box-shadow:12px 12px 0 var(--color-secondary);text-align:center;z-index:5;margin:5vh auto;padding:clamp(2rem,5vw,3rem);transition:box-shadow .3s;position:relative}.auth-container:hover{box-shadow:15px 15px 0 var(--color-primary)}.auth-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:-3px -3px 0 var(--color-secondary),3px -3px 0 var(--color-secondary),-3px 3px 0 var(--color-secondary),3px 3px 0 var(--color-secondary),6px 6px 0 #000000b3;margin-bottom:2rem;font-family:Bangers,cursive;font-size:clamp(2.5rem,8vw,4rem);line-height:1.1}.form-group{text-align:left;margin-bottom:1.25rem}.auth-form fieldset{border:none;margin:0 0 1.5rem;padding:0}.auth-form legend{color:var(--color-secondary);text-align:left;border-bottom:3px dashed var(--color-secondary);width:100%;margin-bottom:1rem;padding-bottom:.5rem;font-family:Permanent Marker,cursive;font-size:1.4rem;line-height:1.2}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:480px){.form-grid{grid-template-columns:1fr}}.auth-form label{color:var(--color-secondary);text-shadow:1px 1px #0000001a;margin-bottom:.4rem;font-family:Permanent Marker,cursive;font-size:1.2rem;display:block}.auth-form input,.auth-form select{border:3px solid var(--color-secondary);box-shadow:4px 4px 0 var(--color-secondary);background:#fff;outline:none;width:100%;padding:.9rem 1.1rem;font-family:Comic Neue,cursive;font-size:1rem;transition:all .2s ease-out}.auth-form input:focus,.auth-form select:focus{border-color:var(--color-primary);box-shadow:8px 8px 0 var(--color-primary);background:#fff;transform:none}.universe-choice{justify-content:center;gap:1.5rem;margin:.5rem 0 1rem;display:flex}.universe-btn{border:3px solid var(--color-secondary);cursor:pointer;filter:grayscale(70%)brightness(.95);background:#ffffffb3;border-radius:12px;padding:.6rem;transition:all .25s ease-out;overflow:hidden;box-shadow:3px 3px #00000026}.universe-btn img{width:80px;height:auto;display:block}.universe-btn:hover{filter:grayscale(0)brightness();box-shadow:5px 5px 0 var(--color-secondary);transform:scale(1.05)}.universe-btn.active{filter:grayscale(0)brightness(1.1);border-color:var(--color-accent);box-shadow:6px 6px 0 var(--color-accent);transform:scale(1.1)}.auth-form .btn-cta{letter-spacing:1.5px;box-shadow:6px 6px 0 var(--color-secondary);border:3px solid var(--color-secondary);background:var(--color-primary);color:#fff;margin-top:1rem;padding:.9rem 1.8rem;font-size:1.25rem;transition:all .2s ease-out}.auth-form .btn-cta:hover:not(:disabled){box-shadow:8px 8px 0 var(--color-accent);background:var(--color-accent);color:var(--color-secondary);transform:translate(-2px,-2px)}.auth-form .btn-cta:disabled{cursor:not-allowed;background:#aaa;border-color:#777;box-shadow:6px 6px #777}.auth-link{color:var(--color-secondary);margin-top:1.5rem;font-family:Comic Neue,cursive;display:block}.auth-link a{color:var(--color-primary);text-underline-offset:3px;font-weight:700;text-decoration:underline}.alert{border:3px solid var(--color-secondary);box-shadow:6px 6px 0 var(--color-secondary);background:var(--color-primary);color:#fff;text-align:center;border-radius:10px 40px;margin-top:1.5rem;padding:1rem 1.2rem;font-family:Permanent Marker,cursive;font-size:1.1rem;font-weight:700;animation:fadeInPop .4s ease-out;position:relative}.alert.alert-success{background:#28a745;border-color:#1e7e34;box-shadow:6px 6px #1e7e34}.alert.alert-danger{background:#dc3545;border-color:#c82333;box-shadow:6px 6px #c82333}.alert:before{content:"";background:var(--color-primary);border-left:3px solid var(--color-secondary);border-top:3px solid var(--color-secondary);z-index:-1;border-bottom:3px solid #0000;border-right:3px solid #0000;width:25px;height:25px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(45deg)}.alert.alert-success:before{background:#28a745;border-color:#1e7e34 #0000 #0000 #1e7e34}.alert.alert-danger:before{background:#dc3545;border-color:#c82333 #0000 #0000 #c82333}@keyframes fadeInPop{0%{opacity:0;transform:scale(.8)rotate(2deg)}80%{opacity:1;transform:scale(1.05)rotate(-1deg)}to{transform:scale(1)}}.dashboardContainer{flex-direction:column;gap:2.5rem;max-width:1400px;margin:auto;padding:clamp(1rem,4vw,2.5rem);font-family:Comic Neue,cursive;display:flex}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;display:grid}.chartsGrid{grid-template-columns:1fr;gap:2rem;display:grid}.card{border:4px solid var(--color-secondary);box-shadow:var(--shadow-strong);transition:var(--transition-base);background:#fff;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:12px 12px 0 var(--color-accent);transform:translate(-6px,-6px)}.card:before{content:"";background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);width:50%;height:100%;transition:left .6s ease-in-out;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.card:hover:before{left:150%}.cardTitle{color:var(--color-secondary);text-transform:uppercase;border-bottom:3px dashed var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-family:Permanent Marker,cursive;font-size:1.3rem}.statCardMetric{color:var(--color-primary);text-shadow:2px 2px 0 var(--color-secondary);margin-top:auto;font-family:Bangers,cursive;font-size:3rem;line-height:1}.tableContainer{border:3px solid var(--color-secondary);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{text-align:left;border-bottom:3px solid var(--color-secondary);padding:.8rem 1.2rem}.table th{background:var(--color-accent);color:var(--color-secondary);letter-spacing:1px;font-family:Bangers,cursive;font-size:1.2rem}.table tbody tr{cursor:pointer;background:#fff;transition:background-color .2s,color .2s}.table tbody tr:nth-child(2n){background:#f0f0f0}.table tbody tr:hover{background-color:var(--color-primary);color:#fff;font-weight:700}.searchInput{border:3px solid var(--color-secondary);width:100%;box-shadow:var(--shadow-light);transition:var(--transition-base);outline:none;margin-bottom:1.5rem;padding:.8rem 1rem;font-family:Comic Neue,cursive;font-size:1.1rem;font-weight:700}.searchInput:focus{border-color:var(--color-primary);box-shadow:6px 6px 0 var(--color-primary)}@media (min-width:1024px){.chartsGrid{grid-template-columns:3fr 2fr}}.sideChartsContainer{flex-direction:column;gap:2rem;display:flex}.chartsGridFull{gap:2rem;margin-top:1.5rem;display:grid}@media (min-width:1024px){.chartsGrid{grid-template-columns:3fr 2fr}.chartsGrid>.card{grid-column:span 1}.chartsGrid:has(>.card+.card){grid-template-columns:1fr 1fr}.chartsGridFull{grid-template-columns:1fr}}.radarCardContainer{justify-content:space-between}.selectedHeroPanel{border-top:4px dashed var(--border-color);margin-top:1.5rem;padding-top:1.5rem;animation:fadeInComic .5s}.heroHeader{justify-content:space-between;align-items:center;gap:1rem;display:flex}.heroName{color:var(--color-primary);text-shadow:2px 2px 0 var(--color-secondary);font-family:Bangers,cursive;font-size:2rem}.heroPublisher{color:var(--text-secondary-color);margin-top:-.5rem;margin-bottom:1.5rem;font-family:Permanent Marker,cursive}.heroBadge{border:3px solid var(--color-secondary);color:var(--color-secondary);letter-spacing:1px;padding:.25rem .8rem;font-family:Bangers,cursive;font-size:1rem}.heroBadge.good{color:#fff;background-color:#3b82f6}.heroBadge.bad{color:#fff;background-color:#ef4444}.heroBadge.neutral{color:#fff;background-color:#64748b}.heroStatsGrid{grid-template-columns:1fr;gap:.8rem;display:grid}@media (min-width:768px){.heroStatsGrid{grid-template-columns:1fr 1fr}}.statBarWrapper{align-items:center;gap:.75rem;display:flex}.statBarLabel{text-align:right;width:90px;color:var(--text-primary-color);font-family:Permanent Marker,cursive;font-size:.9rem}.statBarContainer{background-color:var(--border-color);border:2px solid var(--color-secondary);flex:1;padding:2px}.statBarFill{background-color:var(--color-accent);color:var(--color-secondary);text-align:right;white-space:nowrap;padding:.2rem .5rem;font-size:.8rem;font-weight:700;transition:width .5s ease-in-out}.selectionPrompt{text-align:center;color:var(--text-secondary-color);border-top:4px dashed var(--border-color);margin-top:1.5rem;padding:2rem 1rem;font-family:Permanent Marker,cursive;font-size:1.2rem}.comparison-inputs-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.comparison-inputs-grid{grid-template-columns:1fr 1fr}}.comparison-cards-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.comparison-cards-grid{grid-template-columns:1fr 1fr}}.character-select-input-container{position:relative}.character-select-input-container label{margin-bottom:.5rem;display:block}.suggestions-list{border:3px solid var(--color-secondary);z-index:10;background-color:#fff;max-height:250px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:6px 6px #0000001a}.suggestions-list li{cursor:pointer;border-bottom:1px dashed var(--border-color);padding:.8rem 1.2rem;font-family:Comic Neue,cursive;transition:background-color .2s,color .2s}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background-color:var(--color-primary);color:#fff;font-weight:700}.comparison-card{height:100%}.comparison-placeholder{text-align:center;color:var(--text-secondary-color);background-color:#f0f0f0;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.comparison-placeholder .cardTitle{color:var(--text-secondary-color);border-bottom-color:var(--border-color)}.comparison-placeholder p{margin-top:1rem;font-family:Comic Neue,cursive;font-size:1.1rem;line-height:1.4}.clear-button{background:var(--color-primary);color:#fff;border:2px solid var(--color-secondary);cursor:pointer;width:30px;height:30px;box-shadow:2px 2px 0 var(--color-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .2s,background .2s;display:flex;position:absolute;top:1rem;right:1rem}.clear-button:hover{background:var(--color-accent);color:var(--color-secondary);transform:scale(1.1)rotate(5deg)}.comparison-card .heroHeader{justify-content:space-between;align-items:flex-start;padding-right:40px;display:flex;position:relative}.comparison-card .heroHeader .heroName{margin-bottom:.25rem}:root{--comic-red:#e30000;--comic-blue:#06c;--comic-yellow:gold;--comic-green:#0c6;--comic-purple:#90c;--comic-orange:#f60;--comic-bg-primary:#fff;--comic-bg-secondary:#f8f9fa;--comic-bg-dark:#1a1a1a;--comic-bg-card:#fff;--comic-text-primary:#1a1a1a;--comic-text-secondary:#666;--comic-text-accent:#e30000;--comic-border:#000;--comic-shadow:#0000004d;--comic-glow:#e300004d;--comic-space-xs:.25rem;--comic-space-sm:.5rem;--comic-duration-fast:.2s;--comic-duration-normal:.3s;--comic-duration-slow:.5s}.comic-card{border:var(--comic-border-thick)solid var(--comic-border);box-shadow:8px 8px 0 var(--comic-shadow),inset 0 1px 0 #ffffff1a;transition:all var(--comic-duration-normal)ease}.comic-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);transition:left .6s}.comic-card:hover{box-shadow:12px 12px 0 var(--comic-shadow),inset 0 1px 0 #ffffff1a}.comic-button{padding:var(--comic-space-md)var(--comic-space-xl);border:var(--comic-border-medium)solid var(--comic-border);transition:all var(--comic-duration-normal)ease}.comic-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);transition:left .4s}.comic-button--danger,.comic-button--primary,.comic-button--secondary,.comic-button--success,.comic-button--warning{color:#fff}@media (max-width:768px){.comic-title{font-size:2rem}.comic-subtitle{font-size:1.2rem}.comic-button{padding:var(--comic-space-sm)var(--comic-space-lg);font-size:.9rem}.comic-grid--2,.comic-grid--3,.comic-grid--4{grid-template-columns:1fr}}.comic-pow:before{transform:translate(-50%)rotate(-15deg)}.comic-btn{padding:var(--comic-space-md)var(--comic-space-xl);border:var(--comic-border-medium)solid var(--comic-border);transition:all var(--comic-duration-normal)ease;-webkit-user-select:none}.comic-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);transition:left .4s}.comic-btn--small{padding:var(--comic-space-sm)var(--comic-space-md)}.comic-btn--large{padding:var(--comic-space-lg)var(--comic-space-2xl)}.comic-btn--xlarge{padding:var(--comic-space-xl)var(--comic-space-2xl)}.comic-btn--primary{color:#fff}.comic-btn--primary:hover{box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px #e300004d;background:#c00}.comic-btn--secondary{color:#fff}.comic-btn--secondary:hover{box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px #0066cc4d}.comic-btn--accent:hover{box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px #ffd7004d}.comic-btn--success{color:#fff}.comic-btn--success:hover{box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px #00cc664d}.comic-btn--warning{color:#fff}.comic-btn--warning:hover{box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px #ff66004d}.comic-btn--danger{color:#fff}.comic-btn--danger:hover{box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px #e3000066;background:#c00}.comic-btn--outline{background:0 0}.comic-btn--outline:hover{color:#fff}.comic-btn--ghost{background:0 0}.comic-btn--ghost:hover{background:#0000001a}.comic-btn--pow:before{transition:opacity .3s;transform:translate(-50%)rotate(-15deg)}.comic-btn--bam:before{transition:opacity .3s}.comic-btn--loading{color:#0000}.comic-btn--fab{box-shadow:4px 4px 0 var(--comic-shadow),0 0 20px #0000001a}.comic-btn--fab:hover{box-shadow:6px 6px 0 var(--comic-shadow),0 0 30px #0003;transform:translateY(-3px)scale(1.1)}@media (max-width:768px){.comic-btn{padding:var(--comic-space-sm)var(--comic-space-lg);font-size:.9rem}.comic-btn--large{padding:var(--comic-space-md)var(--comic-space-xl);font-size:1.1rem}.comic-btn--xlarge{padding:var(--comic-space-lg)var(--comic-space-xl);font-size:1.2rem}.comic-btn-group{flex-direction:column}.comic-btn-group .comic-btn{width:100%}}@media (max-width:480px){.comic-btn{padding:var(--comic-space-sm)var(--comic-space-md);font-size:.8rem}.comic-btn--fab{bottom:var(--comic-space-lg);right:var(--comic-space-lg);width:50px;height:50px;font-size:1.2rem}}:root{--mobile:480px;--tablet:768px;--desktop:1024px;--large-desktop:1200px}@media (max-width:480px){.hero-section{text-align:center;flex-direction:column;padding:1rem}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{margin:1rem 0;font-size:1rem}.hero-buttons{flex-direction:column;gap:.5rem;width:100%}.btn-cta,.btn-secondary{justify-content:center;width:100%}.hero-gallery{padding:1rem}.hero-grid{grid-template-columns:1fr;gap:1rem}.hero-card{padding:1rem}.hero-horizontal{flex-direction:column;padding:1rem}.hero-horizontal img{max-height:120px;margin-bottom:1rem;margin-right:0}.header{flex-direction:column;padding:1rem}.nav{width:100%}.nav,.user-session{flex-direction:column;gap:.5rem}.sidebar{display:none}.content{flex-direction:column}.main{width:100%}}@media (min-width:481px) and (max-width:768px){.hero-section{flex-direction:row;align-items:center;padding:2rem}.hero-title{font-size:2.5rem}.hero-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.hero-horizontal{grid-column:1/-1}.nav{flex-flow:wrap}}@media (min-width:769px){.hero-section{padding:3rem}.hero-title{font-size:3rem}.hero-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.hero-horizontal{grid-column:1/-1}}@media (max-width:768px){.chart-container{height:300px}.chart-title{font-size:1.2rem}}@media (max-width:480px){.chart-container{height:250px}.chart-title{font-size:1rem}}@media (max-width:768px){.table-container{overflow-x:auto}.table{min-width:600px}.table td,.table th{padding:.5rem;font-size:.9rem}}@media (max-width:480px){.table td,.table th{padding:.25rem;font-size:.8rem}}@media (max-width:768px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}@media (max-width:480px){.card-grid{grid-template-columns:1fr;gap:.5rem}.card{padding:1rem}}@media (max-width:768px){.form-container{padding:1rem}.form-group{margin-bottom:1rem}.form-input{width:100%;padding:.75rem}}@media (max-width:480px){.form-container,.form-input{padding:.5rem}.form-input{font-size:16px}}@media (max-width:768px){.modal{width:90%;max-width:500px;margin:1rem}.modal-content{padding:1rem}}@media (max-width:480px){.modal{width:95%;margin:.5rem}.modal-content{padding:.75rem}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}}.text-center-mobile{text-align:left}@media (max-width:768px){.text-center-mobile{text-align:center}}.padding-responsive{padding:1rem}@media (min-width:769px){.padding-responsive{padding:2rem}}@media (min-width:1024px){.padding-responsive{padding:3rem}}@media (max-width:768px){.btn,.button,button{min-width:44px;min-height:44px}input,select,textarea{min-height:44px;font-size:16px}a{padding:.5rem;display:inline-block}:focus{outline:2px solid var(--color-primary);outline-offset:2px}.text-small{font-size:.9rem;line-height:1.4}}@container (max-width:400px){.card{padding:.75rem}.card-title{font-size:1.1rem}}@container (max-width:300px){.card{padding:.5rem}.card-title{font-size:1rem}}:root{--comic-red:#E30000;--comic-blue:#0066CC;--comic-yellow:#FFD700;--comic-green:#00CC66;--comic-purple:#9900CC;--comic-orange:#FF6600;--comic-bg-primary:#FFFFFF;--comic-bg-secondary:#F8F9FA;--comic-bg-dark:#1A1A1A;--comic-bg-card:#FFFFFF;--comic-text-primary:#1A1A1A;--comic-text-secondary:#666666;--comic-text-accent:#E30000;--comic-border:#000000;--comic-shadow:rgba(0,0,0,0.3);--comic-glow:rgba(227,0,0,0.3);--comic-font-title:"Bangers",cursive;--comic-font-subtitle:"Permanent Marker",cursive;--comic-font-body:"Comic Neue",cursive;--comic-font-accent:"Bangers",cursive;--comic-space-xs:0.25rem;--comic-space-sm:0.5rem;--comic-space-md:1rem;--comic-space-lg:1.5rem;--comic-space-xl:2rem;--comic-space-2xl:3rem;--comic-border-thick:4px;--comic-border-medium:3px;--comic-border-thin:2px;--comic-radius:8px;--comic-radius-lg:12px;--comic-duration-fast:0.2s;--comic-duration-normal:0.3s;--comic-duration-slow:0.5s}@keyframes comicBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes comicPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes comicShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes comicGlow{0%{box-shadow:0 0 5px var(--comic-glow)}50%{box-shadow:0 0 20px var(--comic-glow),0 0 30px var(--comic-glow)}to{box-shadow:0 0 5px var(--comic-glow)}}@keyframes comicSlideIn{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes comicFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes comicSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.comic-bounce{animation:comicBounce 1s infinite}.comic-pulse{animation:comicPulse 2s infinite}.comic-shake{animation:comicShake .5s ease-in-out}.comic-glow{animation:comicGlow 2s ease-in-out infinite}.comic-slide-in{animation:comicSlideIn .6s ease-out}.comic-fade-in{animation:comicFadeIn .4s ease-out}.comic-spin{animation:comicSpin 1s linear infinite}.comic-title{font-family:var(--comic-font-title);font-size:3rem;color:var(--comic-text-primary);text-shadow:3px 3px 0 var(--comic-border);letter-spacing:2px;line-height:1.1}.comic-subtitle{font-family:var(--comic-font-subtitle);font-size:1.5rem;color:var(--comic-text-accent);text-shadow:2px 2px 0 var(--comic-border);letter-spacing:1px}.comic-text{font-family:var(--comic-font-body);font-size:1rem;color:var(--comic-text-primary);line-height:1.6}.comic-accent{font-family:var(--comic-font-accent);font-size:1.2rem;color:var(--comic-text-accent);text-shadow:1px 1px 0 var(--comic-border)}.comic-card{background:var(--comic-bg-card);border:var(--comic-border-thick) solid var(--comic-border);border-radius:var(--comic-radius-lg);box-shadow:8px 8px 0 var(--comic-shadow),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden;transition:all var(--comic-duration-normal) ease}.comic-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.comic-card:hover{transform:translateY(-4px);box-shadow:12px 12px 0 var(--comic-shadow),inset 0 1px 0 rgba(255,255,255,.1)}.comic-card:hover:before{left:100%}.comic-button{font-family:var(--comic-font-accent);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:var(--comic-space-md) var(--comic-space-xl);border:var(--comic-border-medium) solid var(--comic-border);border-radius:var(--comic-radius);background:var(--comic-bg-primary);color:var(--comic-text-primary);cursor:pointer;position:relative;overflow:hidden;transition:all var(--comic-duration-normal) ease;box-shadow:4px 4px 0 var(--comic-shadow)}.comic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s ease}.comic-button:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--comic-shadow)}.comic-button:hover:before{left:100%}.comic-button:active{transform:translateY(0);box-shadow:2px 2px 0 var(--comic-shadow)}.comic-button--primary{background:var(--comic-red)}.comic-button--primary,.comic-button--secondary{color:white;text-shadow:1px 1px 0 var(--comic-border)}.comic-button--secondary{background:var(--comic-blue)}.comic-button--accent{background:var(--comic-yellow);color:var(--comic-text-primary);text-shadow:1px 1px 0 var(--comic-border)}.comic-button--success{background:var(--comic-green)}.comic-button--success,.comic-button--warning{color:white;text-shadow:1px 1px 0 var(--comic-border)}.comic-button--warning{background:var(--comic-orange)}.comic-button--danger{background:var(--comic-red);color:white;text-shadow:1px 1px 0 var(--comic-border)}.comic-grid{display:grid;gap:var(--comic-space-xl)}.comic-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.comic-grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.comic-grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.comic-title{font-size:2rem}.comic-subtitle{font-size:1.2rem}.comic-button{font-size:.9rem;padding:var(--comic-space-sm) var(--comic-space-lg)}.comic-grid--2,.comic-grid--3,.comic-grid--4{grid-template-columns:1fr}}.comic-explosion{position:relative}.comic-explosion:after{content:"💥";position:absolute;top:-10px;right:-10px;font-size:1.5rem;animation:comicBounce 1s infinite}.comic-pow{position:relative}.comic-pow:before{content:"POW!";position:absolute;top:-20px;left:50%;transform:translateX(-50%) rotate(-15deg);font-family:var(--comic-font-title);font-size:1.2rem;color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-border);animation:comicShake .5s ease-in-out}.comic-bam{position:relative}.comic-bam:before{content:"BAM!";position:absolute;top:-20px;right:-10px;transform:rotate(15deg);font-family:var(--comic-font-title);font-size:1.2rem;color:var(--comic-blue);text-shadow:2px 2px 0 var(--comic-border);animation:comicPulse 1s ease-in-out}.comic-btn{font-family:var(--comic-font-accent);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:var(--comic-space-md) var(--comic-space-xl);border:var(--comic-border-medium) solid var(--comic-border);border-radius:var(--comic-radius);background:var(--comic-bg-primary);color:var(--comic-text-primary);cursor:pointer;position:relative;overflow:hidden;transition:all var(--comic-duration-normal) ease;box-shadow:4px 4px 0 var(--comic-shadow);text-decoration:none;display:inline-block;text-align:center;user-select:none;outline:none}.comic-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s ease}.comic-btn:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--comic-shadow)}.comic-btn:hover:before{left:100%}.comic-btn:active{transform:translateY(0);box-shadow:2px 2px 0 var(--comic-shadow)}.comic-btn:focus{outline:3px solid var(--comic-yellow);outline-offset:2px}.comic-btn--small{font-size:.8rem;padding:var(--comic-space-sm) var(--comic-space-md);border-width:var(--comic-border-thin)}.comic-btn--large{font-size:1.2rem;padding:var(--comic-space-lg) var(--comic-space-2xl)}.comic-btn--large,.comic-btn--xlarge{border-width:var(--comic-border-thick)}.comic-btn--xlarge{font-size:1.4rem;padding:var(--comic-space-xl) var(--comic-space-2xl)}.comic-btn--primary{background:var(--comic-red);color:white;text-shadow:1px 1px 0 var(--comic-border);border-color:var(--comic-red)}.comic-btn--primary:hover{background:#cc0000;box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px rgba(227,0,0,.3)}.comic-btn--secondary{background:var(--comic-blue);color:white;text-shadow:1px 1px 0 var(--comic-border);border-color:var(--comic-blue)}.comic-btn--secondary:hover{background:#0052a3;box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px rgba(0,102,204,.3)}.comic-btn--accent{background:var(--comic-yellow);color:var(--comic-text-primary);text-shadow:1px 1px 0 var(--comic-border);border-color:var(--comic-yellow)}.comic-btn--accent:hover{background:#e6c200;box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px rgba(255,215,0,.3)}.comic-btn--success{background:var(--comic-green);color:white;text-shadow:1px 1px 0 var(--comic-border);border-color:var(--comic-green)}.comic-btn--success:hover{background:#00b359;box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px rgba(0,204,102,.3)}.comic-btn--warning{background:var(--comic-orange);color:white;text-shadow:1px 1px 0 var(--comic-border);border-color:var(--comic-orange)}.comic-btn--warning:hover{background:#e65c00;box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px rgba(255,102,0,.3)}.comic-btn--danger{background:var(--comic-red);color:white;text-shadow:1px 1px 0 var(--comic-border);border-color:var(--comic-red)}.comic-btn--danger:hover{background:#cc0000;box-shadow:6px 6px 0 var(--comic-shadow),0 0 20px rgba(227,0,0,.4)}.comic-btn--outline{background:transparent;color:var(--comic-text-primary);border-color:var(--comic-border)}.comic-btn--outline:hover{background:var(--comic-text-primary);color:white}.comic-btn--ghost{background:transparent;color:var(--comic-text-primary);border:none;box-shadow:none}.comic-btn--ghost:hover{background:rgba(0,0,0,.1);box-shadow:2px 2px 0 var(--comic-shadow)}.comic-btn--explosion{position:relative}.comic-btn--explosion:after{content:"💥";position:absolute;top:-15px;right:-15px;font-size:1.5rem;animation:comicBounce 1s infinite;z-index:10}.comic-btn--pow{position:relative}.comic-btn--pow:before{content:"POW!";position:absolute;top:-25px;left:50%;transform:translateX(-50%) rotate(-15deg);font-family:var(--comic-font-title);font-size:1.2rem;color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-border);animation:comicShake .5s ease-in-out;z-index:10;opacity:0;transition:opacity .3s ease}.comic-btn--pow:hover:before{opacity:1}.comic-btn--bam{position:relative}.comic-btn--bam:before{content:"BAM!";position:absolute;top:-25px;right:-15px;transform:rotate(15deg);font-family:var(--comic-font-title);font-size:1.2rem;color:var(--comic-blue);text-shadow:2px 2px 0 var(--comic-border);animation:comicPulse 1s ease-in-out;z-index:10;opacity:0;transition:opacity .3s ease}.comic-btn--bam:hover:before{opacity:1}.comic-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.comic-btn--loading{position:relative;color:transparent}.comic-btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-top:2px solid var(--comic-border);border:2px solid var(--comic-border);border-top-color:var(--comic-red);border-radius:50%;animation:comicSpin 1s linear infinite}.comic-btn-group{display:flex;gap:var(--comic-space-sm);flex-wrap:wrap}.comic-btn-group--vertical{flex-direction:column}.comic-btn-group .comic-btn{flex:1;min-width:0}.comic-btn--icon{padding:var(--comic-space-sm);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.comic-btn--icon.comic-btn--small{width:30px;height:30px;padding:var(--comic-space-xs)}.comic-btn--icon.comic-btn--large{width:50px;height:50px;padding:var(--comic-space-md)}.comic-btn--fab{position:fixed;bottom:var(--comic-space-xl);right:var(--comic-space-xl);width:60px;height:60px;border-radius:50%;font-size:1.5rem;z-index:1000;box-shadow:4px 4px 0 var(--comic-shadow),0 0 20px rgba(0,0,0,.1)}.comic-btn--fab:hover{transform:translateY(-3px) scale(1.1);box-shadow:6px 6px 0 var(--comic-shadow),0 0 30px rgba(0,0,0,.2)}@media (max-width:768px){.comic-btn{font-size:.9rem;padding:var(--comic-space-sm) var(--comic-space-lg)}.comic-btn--large{font-size:1.1rem;padding:var(--comic-space-md) var(--comic-space-xl)}.comic-btn--xlarge{font-size:1.2rem;padding:var(--comic-space-lg) var(--comic-space-xl)}.comic-btn-group{flex-direction:column}.comic-btn-group .comic-btn{width:100%}}@media (max-width:480px){.comic-btn{font-size:.8rem;padding:var(--comic-space-sm) var(--comic-space-md)}.comic-btn--fab{bottom:var(--comic-space-lg);right:var(--comic-space-lg);width:50px;height:50px;font-size:1.2rem}}.comic-btn:first-child{animation-delay:.1s}.comic-btn:nth-child(2){animation-delay:.2s}.comic-btn:nth-child(3){animation-delay:.3s}.comic-btn:nth-child(4){animation-delay:.4s}.comic-btn:nth-child(5){animation-delay:.5s}.comic-btn:nth-child(6){animation-delay:.6s}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/847dec8b4d4e4871-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5b33f1d0523a7c0b-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c6f9f4935a94000f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bangers Fallback;src:local("Arial");ascent-override:107.26%;descent-override:21.99%;line-gap-override:0.00%;size-adjust:82.32%}.__className_6ef392{font-family:Bangers,Bangers Fallback;font-weight:400;font-style:normal}.__variable_6ef392{--font-bangers:"Bangers","Bangers Fallback"}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/09f7b6b7f4b56175-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Permanent Marker Fallback;src:local("Arial");ascent-override:97.58%;descent-override:27.92%;line-gap-override:2.66%;size-adjust:113.69%}.__className_90e039{font-family:Permanent Marker,Permanent Marker Fallback;font-weight:400;font-style:normal}.__variable_90e039{--font-permanent-marker:"Permanent Marker","Permanent Marker Fallback"}@font-face{font-family:Comic Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/02c8cea6cb5ab5f0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Comic Neue;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/03fb38b812b1ca85-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Comic Neue Fallback;src:local("Arial");ascent-override:92.66%;descent-override:25.74%;line-gap-override:0.00%;size-adjust:97.13%}.__className_b36d7c{font-family:Comic Neue,Comic Neue Fallback;font-style:normal}.__variable_b36d7c{--font-comic-neue:"Comic Neue","Comic Neue Fallback"}