:root{--c-yellow: #ffd000;--c-magenta: #ff007c;--c-cyan: #00d2ff;--c-green: #05ff80;--c-red: #ff2a2a;--c-white: #ffffff;--c-cream: #faf9f5;--c-dark: #0f0f12;--c-black: #000000;--comic-border-width: 4px;--comic-border: var(--comic-border-width) solid var(--c-black);--comic-bounce: cubic-bezier(.175, .885, .32, 1.275);--transition-comic: all .25s var(--comic-bounce)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;color:var(--c-dark);line-height:1.5;overflow-x:hidden}.bg-pattern{position:fixed;top:0;left:-100vw;width:300vw;height:100vh;z-index:-2;pointer-events:none;background-size:18px 18px,auto;will-change:transform}#app{max-width:1360px;margin:0 auto;padding:2.5rem 1.5rem 0;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--c-white);border-left:var(--comic-border)}::-webkit-scrollbar-thumb{background:var(--c-magenta);border:var(--comic-border)}::-webkit-scrollbar-thumb:hover{background:var(--c-cyan)}.bg-graffiti{position:fixed;font-family:Bangers,cursive;font-size:5.6rem;color:var(--c-white);-webkit-text-stroke:3.5px var(--c-black);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;letter-spacing:2px;opacity:.95;padding:1.8rem 3rem;display:flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap;filter:drop-shadow(4px 4px 0px var(--c-black)) drop-shadow(-4px -4px 0px var(--c-black)) drop-shadow(4px -4px 0px var(--c-black)) drop-shadow(-4px 4px 0px var(--c-black))}.bg-graffiti:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bubble-color, var(--c-yellow));z-index:-1;clip-path:polygon(50% 0%,63% 15%,85% 5%,78% 28%,100% 35%,83% 50%,95% 70%,70% 70%,75% 95%,50% 80%,25% 95%,30% 70%,5% 70%,17% 50%,0% 35%,22% 28%,15% 5%,37% 15%)}.bg-graffiti:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;clip-path:polygon(50% 0%,63% 15%,85% 5%,78% 28%,100% 35%,83% 50%,95% 70%,70% 70%,75% 95%,50% 80%,25% 95%,30% 70%,5% 70%,17% 50%,0% 35%,22% 28%,15% 5%,37% 15%);background-image:var(--halftone-svg);background-repeat:repeat;background-size:60px 60px}@keyframes glitch-zap{0%,to{transform:rotate(var(--rot, -12deg)) skew(0);text-shadow:6px -6px 0px var(--c-magenta),-6px 6px 0px var(--c-cyan)}20%{transform:rotate(calc(var(--rot, -12deg) + 2deg)) skew(2deg) translate(-2px,1px);text-shadow:-6px 6px 0px var(--c-magenta),6px -6px 0px var(--c-green)}40%{transform:rotate(calc(var(--rot, -12deg) - 2deg)) skew(-1deg) translate(1px,-2px);text-shadow:5px -5px 0px var(--c-green),-5px 5px 0px var(--c-magenta)}60%{transform:rotate(calc(var(--rot, -12deg) + 1deg)) skew(1deg) translate(-1px,2px);text-shadow:-5px 5px 0px var(--c-cyan),5px -5px 0px var(--c-green)}80%{transform:rotate(calc(var(--rot, -12deg) - 1deg)) skew(-2deg) translate(2px,-1px);text-shadow:6px -6px 0px var(--c-magenta),-6px 6px 0px var(--c-cyan)}}@keyframes glitch-pow{0%,to{transform:rotate(var(--rot, 15deg)) skew(0);text-shadow:-6px 6px 0px var(--c-cyan),6px -6px 0px var(--c-green)}25%{transform:rotate(calc(var(--rot, 15deg) - 1deg)) skew(-2deg) translate(2px,-2px);text-shadow:6px -6px 0px var(--c-magenta),-6px 6px 0px var(--c-cyan)}50%{transform:rotate(calc(var(--rot, 15deg) + 1deg)) skew(1deg) translate(-1px,1px);text-shadow:-5px 5px 0px var(--c-green),5px -5px 0px var(--c-magenta)}75%{transform:rotate(calc(var(--rot, 15deg) - 2deg)) skew(-1deg) translate(1px,-1px);text-shadow:5px -5px 0px var(--c-magenta),-5px 5px 0px var(--c-cyan)}}@keyframes glitch-boom{0%,to{transform:rotate(var(--rot, -8deg)) skew(0);text-shadow:5px -5px 0px var(--c-magenta),-5px 5px 0px var(--c-green)}30%{transform:rotate(calc(var(--rot, -8deg) + 1deg)) skew(1deg) translate(-1px,-1px);text-shadow:-5px 5px 0px var(--c-cyan),5px -5px 0px var(--c-magenta)}60%{transform:rotate(calc(var(--rot, -8deg) - 1deg)) skew(-2deg) translate(2px,2px);text-shadow:6px -6px 0px var(--c-green),-6px 6px 0px var(--c-cyan)}}@keyframes glitch-crash{0%,to{transform:rotate(var(--rot, 8deg)) skew(0);text-shadow:6px -6px 0px var(--c-cyan),-6px 6px 0px var(--c-magenta)}33%{transform:rotate(calc(var(--rot, 8deg) - 2deg)) skew(-1deg) translate(2px,1px);text-shadow:-6px 6px 0px var(--c-magenta),6px -6px 0px var(--c-green)}66%{transform:rotate(calc(var(--rot, 8deg) + 2deg)) skew(2deg) translate(-2px,-2px);text-shadow:5px -5px 0px var(--c-green),-5px 5px 0px var(--c-cyan)}}.comic-header-bar{display:flex;justify-content:flex-start;align-items:center;padding:.8rem 2.5rem;min-height:64px;background:var(--c-yellow);border:none;border-bottom:var(--comic-border);border-radius:0;margin-top:0;margin-bottom:3rem;position:sticky;top:0;z-index:1000;box-shadow:0 6px 0 var(--c-black);width:100%}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.logo{display:flex;align-items:center}@keyframes logo-float-wobble{0%,to{transform:rotate(-1.5deg) translateY(0) scale(1)}25%{transform:rotate(2deg) translateY(-6px) scale(1.03) skew(-2deg)}50%{transform:rotate(-2.5deg) translateY(-1px) scale(.97) skew(2deg)}75%{transform:rotate(1.5deg) translateY(-8px) scale(1.04) skew(-1deg)}}@keyframes logo-crazy-wobble{0%{transform:rotate(-1.5deg) scale(1.1) translateY(-4px)}25%{transform:rotate(-15deg) scale(1.2) translateY(-12px) skew(-8deg)}50%{transform:rotate(12deg) scale(1.05) translateY(-2px) skew(8deg)}75%{transform:rotate(-10deg) scale(1.22) translateY(-14px) skew(-6deg)}to{transform:rotate(-1.5deg) scale(1.1) translateY(-4px)}}.logo-sticker{height:76px;filter:drop-shadow(4px 4px 0px var(--c-black));cursor:pointer;transform-origin:center bottom;animation:logo-float-wobble 4s ease-in-out infinite;transition:filter .25s;will-change:transform}.logo-sticker:hover{animation:logo-crazy-wobble .7s ease-in-out infinite;filter:drop-shadow(8px 8px 0px var(--c-black))}.sound-toggle-btn{font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:1px;color:var(--c-black);background:var(--c-green);border:var(--comic-border);padding:.5rem 1rem;cursor:pointer;box-shadow:4px 4px 0 var(--c-black);border-radius:0;display:flex;align-items:center;gap:8px;transform:rotate(-1.5deg);transition:transform .15s var(--comic-bounce),box-shadow .15s var(--comic-bounce),background-color .25s;z-index:10;white-space:nowrap}.sound-toggle-btn:hover{transform:translateY(-3px) scale(1.05) rotate(2deg);box-shadow:6px 6px 0 var(--c-black)}.sound-toggle-btn:active{transform:translateY(1px) rotate(-1deg);box-shadow:2px 2px 0 var(--c-black)}.sound-toggle-btn.muted{background:var(--c-yellow)}.comic-code-badge{position:fixed;bottom:2rem;left:2rem;background:var(--c-white);background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);background-size:6px 6px;border:4px solid var(--c-black);padding:3px;width:86px;height:114px;display:flex;justify-content:center;align-items:center;box-shadow:4px 4px 0 var(--c-black);transform:rotate(-4deg);z-index:9999;transition:var(--transition-comic);cursor:pointer}.comic-code-badge:hover{transform:rotate(4deg) scale(1.08) translateY(-6px);box-shadow:6px 6px 0 var(--c-black)}.badge-inner{border:2px solid var(--c-black);width:100%;height:100%;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Outfit,sans-serif;text-align:center;background:transparent}.badge-inner span{font-size:.52rem;font-weight:800;letter-spacing:.5px;color:var(--c-black)}.badge-inner span:first-of-type{font-family:Bangers,cursive;font-size:.65rem;letter-spacing:.5px}.badge-inner strong{font-family:Bangers,cursive;font-size:1.25rem;line-height:1.1;color:var(--c-red);letter-spacing:1.2px;text-shadow:1px 1px 0px var(--c-black);transform:rotate(-2deg);display:block}.badge-inner span:nth-of-type(2){font-family:Bangers,cursive;font-size:.85rem;letter-spacing:1px}.badge-inner span.auth{font-size:.52rem;font-weight:800;border-top:2px solid var(--c-black);width:90%;padding-top:4px;letter-spacing:.5px;color:var(--c-black)}.comic-card-panel{background:var(--c-white);border:var(--comic-border);position:relative;transition:var(--transition-comic)}.comic-card-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,.03) 1.5px,transparent 1.5px);background-size:12px 12px;z-index:0;pointer-events:none}.news-header,.news-controls,.fan-deck-container,.input-title,.style-selector-grid,textarea,.action-bar{position:relative;z-index:2}.news-reader-section{animation:rgb-shadow-shift-large-news 10s linear infinite}.input-panel{animation:rgb-shadow-shift-large-input 10s linear infinite}.how-it-works-strip{animation:rgb-shadow-shift-large-strip 10s linear infinite}@keyframes rgb-shadow-shift-large-news{0%,to{box-shadow:10px 10px 0 var(--c-black),20px 20px #ff007c,20px 20px 0 2px var(--c-black)}12.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #a0f,20px 20px 0 2px var(--c-black)}25%{box-shadow:10px 10px 0 var(--c-black),20px 20px #05f,20px 20px 0 2px var(--c-black)}37.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #00d2ff,20px 20px 0 2px var(--c-black)}50%{box-shadow:10px 10px 0 var(--c-black),20px 20px #00f5aa,20px 20px 0 2px var(--c-black)}62.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #05ff80,20px 20px 0 2px var(--c-black)}75%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ffd000,20px 20px 0 2px var(--c-black)}87.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ff2a2a,20px 20px 0 2px var(--c-black)}}@keyframes rgb-shadow-shift-large-input{0%,to{box-shadow:10px 10px 0 var(--c-black),20px 20px #00d2ff,20px 20px 0 2px var(--c-black)}12.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #00f5aa,20px 20px 0 2px var(--c-black)}25%{box-shadow:10px 10px 0 var(--c-black),20px 20px #05ff80,20px 20px 0 2px var(--c-black)}37.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ffd000,20px 20px 0 2px var(--c-black)}50%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ff2a2a,20px 20px 0 2px var(--c-black)}62.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ff007c,20px 20px 0 2px var(--c-black)}75%{box-shadow:10px 10px 0 var(--c-black),20px 20px #a0f,20px 20px 0 2px var(--c-black)}87.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #05f,20px 20px 0 2px var(--c-black)}}@keyframes rgb-shadow-shift-large-strip{0%,to{box-shadow:10px 10px 0 var(--c-black),20px 20px #05ff80,20px 20px 0 2px var(--c-black)}12.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ffd000,20px 20px 0 2px var(--c-black)}25%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ff2a2a,20px 20px 0 2px var(--c-black)}37.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ff007c,20px 20px 0 2px var(--c-black)}50%{box-shadow:10px 10px 0 var(--c-black),20px 20px #a0f,20px 20px 0 2px var(--c-black)}62.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #05f,20px 20px 0 2px var(--c-black)}75%{box-shadow:10px 10px 0 var(--c-black),20px 20px #00d2ff,20px 20px 0 2px var(--c-black)}87.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #00f5aa,20px 20px 0 2px var(--c-black)}}.news-reader-section{margin-bottom:4rem;padding:3.5rem 2.5rem}.news-header{text-align:center;margin-bottom:3.5rem;position:relative}.comic-title-plate{display:inline-block;background:var(--c-magenta);color:var(--c-white);border:var(--comic-border);padding:12px 40px;transform:rotate(-1.5deg);box-shadow:6px 6px 0 var(--c-black);font-family:Bangers,cursive;font-size:2.6rem;letter-spacing:2px;margin-bottom:1rem}.section-subtitle{font-size:.95rem;font-weight:800;letter-spacing:1px;color:var(--c-black);margin-top:.75rem;text-transform:uppercase}.speech-bubble-sticker{position:absolute;background:var(--c-white);border:3px solid var(--c-black);padding:6px 14px;font-family:Bangers,cursive;font-size:1rem;letter-spacing:.5px;color:var(--c-black);border-radius:18px;box-shadow:4px 4px 0 var(--c-black);z-index:5}.speech-bubble-sticker:after{content:"";position:absolute;border-style:solid;display:block;width:0}.speech-bubble-sticker:before{content:"";position:absolute;border-style:solid;display:block;width:0;z-index:6}.left-bubble{left:6%;top:-15px;transform:rotate(-8deg);background:var(--c-white)}.left-bubble:after{bottom:-11px;left:24px;border-width:11px 9px 0;border-color:var(--c-black) transparent}.left-bubble:before{bottom:-7px;left:25px;border-width:9px 8px 0;border-color:var(--c-white) transparent}.right-bubble{right:6%;top:-15px;transform:rotate(8deg);background:var(--c-yellow)}.right-bubble:after{bottom:-11px;right:24px;border-width:11px 9px 0;border-color:var(--c-black) transparent}.right-bubble:before{bottom:-7px;right:25px;border-width:9px 8px 0;border-color:var(--c-yellow) transparent}.news-controls{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.category-pills{display:flex;gap:8px;flex-wrap:wrap}.category-pills .pill{background:var(--c-white);border:3px solid var(--c-black);border-radius:0;padding:8px 18px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:4px 4px 0 var(--c-black);color:var(--c-black);-webkit-user-select:none;user-select:none;font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:1px;transition:var(--transition-comic)}.category-pills .pill input[type=radio]{display:none}.category-pills .pill .icon{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1px}.category-pills .pill:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-black);background:var(--c-yellow)}.category-pills .pill.active,.category-pills .pill:has(input:checked){background:var(--c-magenta);color:var(--c-white);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c-black)}.search-box{position:relative;min-width:260px;flex-grow:1;max-width:360px}#newsSearch{width:100%;padding:10px 16px 10px 42px;background:var(--c-white);border:3px solid var(--c-black);border-radius:0;color:var(--c-black);font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:1px;box-shadow:4px 4px 0 var(--c-black);transition:var(--transition-comic)}#newsSearch:focus{outline:none;background:var(--c-white);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-black);border-color:var(--c-magenta)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-black);pointer-events:none}.fan-deck-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin:2rem 0;gap:2.2rem}.news-fan-deck{position:relative;width:740px;height:380px;display:flex;justify-content:center;align-items:center;perspective:1000px;overflow:visible}.news-card-fan{position:absolute;width:210px;height:320px;background:var(--c-white);border:var(--comic-border);padding:16px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;cursor:pointer;transition:transform .5s var(--comic-bounce),width .5s var(--comic-bounce),opacity .5s var(--comic-bounce),filter .5s var(--comic-bounce),box-shadow .3s,background-color .3s;overflow:hidden;box-shadow:6px 6px 0 var(--c-black)}.news-card-fan:nth-child(2n){background-color:var(--c-cream)}.news-card-fan:nth-child(3n+1){background-color:#f0fdf4}.news-card-fan.pos-0{width:170px;transform:translate(-290px) translateZ(-160px) rotateY(32deg) rotate(-2deg);opacity:1;filter:blur(4px);z-index:1;pointer-events:none}.news-card-fan.pos-1{width:190px;transform:translate(-190px) translateZ(-80px) rotateY(18deg) rotate(-1deg);opacity:1;filter:blur(1.5px);z-index:2}.news-card-fan.pos-2{width:290px;transform:translate(0) translateZ(60px) rotateY(0) rotate(1deg);opacity:1;filter:none;z-index:3;border-color:var(--c-black);background:var(--c-white)!important;animation:rgb-shadow-shift-card 8s linear infinite}@keyframes rgb-shadow-shift-card{0%,to{box-shadow:8px 8px 0 var(--c-black),14px 14px #00d2ff,14px 14px 0 2px var(--c-black)}12.5%{box-shadow:8px 8px 0 var(--c-black),14px 14px #00f5aa,14px 14px 0 2px var(--c-black)}25%{box-shadow:8px 8px 0 var(--c-black),14px 14px #05ff80,14px 14px 0 2px var(--c-black)}37.5%{box-shadow:8px 8px 0 var(--c-black),14px 14px #ffd000,14px 14px 0 2px var(--c-black)}50%{box-shadow:8px 8px 0 var(--c-black),14px 14px #ff2a2a,14px 14px 0 2px var(--c-black)}62.5%{box-shadow:8px 8px 0 var(--c-black),14px 14px #ff007c,14px 14px 0 2px var(--c-black)}75%{box-shadow:8px 8px 0 var(--c-black),14px 14px #a0f,14px 14px 0 2px var(--c-black)}87.5%{box-shadow:8px 8px 0 var(--c-black),14px 14px #05f,14px 14px 0 2px var(--c-black)}}.news-card-fan.pos-2:before{content:"READ ME!";position:absolute;top:10px;left:10px;background:var(--c-magenta);color:var(--c-white);border:2px solid var(--c-black);padding:2px 8px;font-family:Bangers,cursive;font-size:.9rem;letter-spacing:.5px;z-index:5;transform:rotate(-6deg);box-shadow:2px 2px 0 var(--c-black)}.news-card-fan.pos-3{width:190px;transform:translate(190px) translateZ(-80px) rotateY(-18deg) rotate(1deg);opacity:1;filter:blur(1.5px);z-index:2}.news-card-fan.pos-4{width:170px;transform:translate(290px) translateZ(-160px) rotateY(-32deg) rotate(2deg);opacity:1;filter:blur(4px);z-index:1;pointer-events:none}.news-card-fan.pos-hidden-left{transform:translate(-400px) translateZ(-250px);opacity:0;z-index:0;pointer-events:none}.news-card-fan.pos-hidden-right{transform:translate(400px) translateZ(-250px);opacity:0;z-index:0;pointer-events:none}.news-card-fan:not(.pos-2) .card-subtitle,.news-card-fan:not(.pos-2) .card-divider,.news-card-fan:not(.pos-2) .card-footer{opacity:0;height:0;overflow:hidden;margin:0;padding:0;pointer-events:none}.news-card-fan.pos-2 .card-subtitle,.news-card-fan.pos-2 .card-divider,.news-card-fan.pos-2 .card-footer{opacity:1;height:auto;transition:opacity .3s ease .15s}.card-img{width:100%;height:125px;border:3px solid var(--c-black);border-radius:0;overflow:hidden;position:relative;flex-shrink:0}.card-img .img{width:100%;height:100%;object-fit:cover}.card-title{font-family:Bangers,cursive;font-size:1.15rem;letter-spacing:.5px;line-height:1.2;color:var(--c-black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-subtitle{font-size:.85rem;font-weight:700;color:#52525b;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-divider{border:0;border-top:2px dashed var(--c-black);margin-top:auto}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-price{font-family:Bangers,cursive;font-size:.95rem;letter-spacing:.5px;color:var(--c-magenta)}.card-price span{display:block;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800;color:#71717a;text-transform:uppercase}.fan-deck-nav{background:var(--c-white);border:3px solid var(--c-black);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--c-black);box-shadow:4px 4px 0 var(--c-black);transition:var(--transition-comic);z-index:10}.fan-deck-nav:hover{background:var(--c-cyan);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-black)}.fan-deck-nav:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c-black)}.news-detail-container{background:var(--c-white);border:var(--comic-border);box-shadow:10px 10px 0 var(--c-black),20px 20px 0 var(--c-magenta);padding:2.2rem;margin-top:3rem;display:grid;grid-template-columns:1fr 1.3fr;gap:2rem;align-items:start;animation:comicSlide .5s var(--comic-bounce) both}.news-detail-img-box{width:100%;height:250px;border:4px solid var(--c-black);box-shadow:6px 6px 0 var(--c-black);overflow:hidden}.news-detail-img-box img{width:100%;height:100%;object-fit:cover}.news-detail-right{display:flex;flex-direction:column;gap:.8rem}.news-detail-meta{display:flex;gap:12px;font-weight:800;font-size:.8rem;text-transform:uppercase}.news-detail-category{color:var(--c-magenta)}.news-detail-source{color:var(--c-black)}.news-detail-date{color:#71717a}.news-detail-title{font-family:Bangers,cursive;font-size:1.9rem;line-height:1.25;letter-spacing:1.5px;color:var(--c-black)}.news-detail-body-text{font-size:.95rem;font-weight:600;line-height:1.65;background:var(--c-cream);border:3px solid var(--c-black);padding:1.2rem;border-radius:0;position:relative}.custom-converter-header{position:relative;text-align:center;margin:4.5rem 0 3.5rem;width:100%;overflow:visible}.custom-converter-header:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:var(--c-black)}.custom-section-title{position:relative;display:inline-block;background-color:#ffd000;border:3px solid var(--c-black);box-shadow:4px 4px 0 var(--c-black);padding:6px 2rem;font-family:Bangers,cursive;font-size:2rem;letter-spacing:2px;color:var(--c-black);z-index:2;transform:rotate(-1deg)}.action-banner-sticker{display:inline-block;padding:8px 18px;border:3px solid var(--c-black);font-family:Bangers,cursive;font-size:1.6rem;letter-spacing:1px;color:var(--c-white);box-shadow:4px 4px 0 var(--c-black);position:absolute;z-index:3;clip-path:polygon(50% 0%,64% 18%,93% 8%,79% 38%,100% 50%,79% 62%,93% 92%,64% 82%,50% 100%,36% 82%,7% 92%,21% 62%,0% 50%,21% 38%,7% 8%,36% 18%);animation:pulse-starburst 2s ease-in-out infinite alternate}.action-banner-sticker.zap{left:6%;top:-16px;transform:rotate(-10deg);background:var(--c-magenta)}.action-banner-sticker.pow{right:6%;top:-16px;transform:rotate(12deg);background:var(--c-red)}.app-workspace{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-bottom:5rem;max-width:1360px;margin-left:auto;margin-right:auto;width:100%}.input-section{flex:1 1 550px;max-width:960px;width:100%}.input-panel{padding:2.5rem 2.2rem}.input-title{font-family:Bangers,cursive;font-size:1.4rem;letter-spacing:1.5px;margin-bottom:2rem;display:flex;align-items:center;gap:12px}.input-title:after{content:"";flex-grow:1;height:3px;background:var(--c-black)}.input-title span{background:var(--c-magenta);color:var(--c-white);border:3px solid var(--c-black);padding:6px 18px;transform:rotate(-1.5deg);display:inline-block;box-shadow:4px 4px 0 var(--c-black);transition:var(--transition-comic);text-shadow:2px 2px 0px var(--c-black)}.input-title:nth-of-type(2) span{background:var(--c-yellow);color:var(--c-black);transform:rotate(1.5deg);text-shadow:none}.input-title span:hover{animation:cartoon-wobble .6s ease-in-out}.style-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:2.2rem}.style-card{position:relative;cursor:pointer;display:block}.style-card input[type=radio]{display:none}.style-card-content{background:var(--c-white);border:3px solid var(--c-black);border-radius:0;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:4px 4px 0 var(--c-black);transition:var(--transition-comic);position:relative;overflow:hidden}.style-card-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,.03) 1.5px,transparent 1.5px);background-size:10px 10px;z-index:0;pointer-events:none}.style-badge,.style-name,.style-desc{position:relative;z-index:2}.style-badge{background:var(--c-black);color:var(--c-white);padding:2px 6px;font-family:Bangers,cursive;font-size:.75rem;letter-spacing:.5px;align-self:flex-start}.style-name{font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:.5px;color:var(--c-black)}.style-desc{font-size:.75rem;font-weight:700;color:#52525b;line-height:1.35}.style-card:hover .style-card-content{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-black);background:var(--c-white)}.style-card input[type=radio]:checked+.style-card-content{background:var(--c-yellow);transform:translate(2px,2px) rotate(-1deg);box-shadow:2px 2px 0 var(--c-black);border-color:var(--c-black)}.style-card input[type=radio]:checked+.style-card-content .style-badge{background:var(--c-magenta)}textarea{width:100%;height:220px;background:var(--c-white);border:3px solid var(--c-black);border-radius:0;padding:1.2rem;color:var(--c-black);font-family:inherit;font-size:.95rem;font-weight:700;resize:none;margin-bottom:2rem;box-shadow:6px 6px 0 var(--c-black);transition:var(--transition-comic);line-height:1.6}textarea:focus{outline:none;background:var(--c-white);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--c-black);border-color:var(--c-magenta)}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.btn-secondary-action{background:var(--c-white);color:var(--c-black);border:3px solid var(--c-black);padding:12px 24px;font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:1.5px;cursor:pointer;box-shadow:4px 4px 0 var(--c-black);transition:var(--transition-comic)}.btn-secondary-action:hover{background:var(--c-yellow);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-black)}.btn-secondary-action:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c-black)}.generate-btn-wrapper{display:flex;align-items:center;gap:12px}.btn-primary-action{width:58px;height:58px;border-radius:50%;border:3px solid var(--c-black);color:var(--c-white);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:4px 4px 0 var(--c-black);transition:var(--transition-comic);position:relative;overflow:hidden}.btn-primary-action:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,var(--c-red) 0deg 15deg,var(--c-yellow) 15deg 30deg);z-index:1;transform:rotate(0);transition:transform .5s ease}.btn-primary-action svg{position:relative;z-index:2}.btn-primary-action:hover{transform:translate(-3px,-3px) scale(1.08);box-shadow:7px 7px 0 var(--c-black)}.btn-primary-action:hover:before{animation:spin-conic 2.5s linear infinite}@keyframes spin-conic{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary-action:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c-black)}.btn-primary-action:disabled{background:#d4d4d8;color:#a1a1aa;box-shadow:none;cursor:not-allowed;transform:none}.btn-label-text{font-family:Bangers,cursive;font-size:1.25rem;letter-spacing:1px;color:var(--c-black);text-shadow:1px 1px 0px var(--c-white)}.result-section{flex:1 1 550px;max-width:960px;width:100%}.result-section[style*="display: none"]{display:none!important}.modal-content-wrapper{background:var(--c-white);border:var(--comic-border);width:100%;padding:2.5rem 2.2rem;position:relative;border-radius:0;animation:modalPop .5s var(--comic-bounce) both;animation:rgb-shadow-shift-large-modal 10s linear infinite}@keyframes rgb-shadow-shift-large-modal{0%,to{box-shadow:10px 10px 0 var(--c-black),20px 20px #ff007c,20px 20px 0 2px var(--c-black)}12.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #a0f,20px 20px 0 2px var(--c-black)}25%{box-shadow:10px 10px 0 var(--c-black),20px 20px #05f,20px 20px 0 2px var(--c-black)}37.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #00d2ff,20px 20px 0 2px var(--c-black)}50%{box-shadow:10px 10px 0 var(--c-black),20px 20px #00f5aa,20px 20px 0 2px var(--c-black)}62.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #05ff80,20px 20px 0 2px var(--c-black)}75%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ffd000,20px 20px 0 2px var(--c-black)}87.5%{box-shadow:10px 10px 0 var(--c-black),20px 20px #ff2a2a,20px 20px 0 2px var(--c-black)}}@keyframes modalPop{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.close-modal-btn{position:absolute;top:15px;right:15px;background:var(--c-red);color:var(--c-white);border:3px solid var(--c-black);width:44px;height:44px;font-family:Bangers,cursive;font-size:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:3px 3px 0 var(--c-black);transition:var(--transition-comic);z-index:10}.close-modal-btn:hover{transform:scale(1.1) rotate(15deg);background:var(--c-magenta);box-shadow:5px 5px 0 var(--c-black)}.close-modal-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--c-black)}.status-indicator-panel{background:var(--c-white);border:var(--comic-border);margin-bottom:2rem;overflow:hidden;box-shadow:6px 6px 0 var(--c-black)}.status-top-bar{background:var(--c-black);color:var(--c-white);padding:6px 16px;font-family:Bangers,cursive;font-size:.9rem;letter-spacing:1.5px}.status-content{padding:1.5rem;text-align:center}#statusText{font-family:Bangers,cursive;font-size:1.4rem;letter-spacing:1.5px;color:var(--c-black);margin-bottom:1.2rem}.comic-page-canvas{background:#fff;border:4px solid var(--c-black);padding:20px;box-shadow:8px 8px 0 var(--c-black);margin-bottom:2rem}.comic-grid{display:grid;gap:12px;background:var(--c-black);padding:12px}.comic-panel{background:var(--c-cream);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:200px;border:4px solid var(--c-black);box-shadow:4px 4px 0 var(--c-black);transition:transform .35s var(--comic-bounce),box-shadow .3s}.comic-panel:nth-child(odd){transform:rotate(-.5deg)}.comic-panel:nth-child(2n){transform:rotate(.6deg)}.comic-panel:nth-child(3n){transform:rotate(-.3deg)}.comic-panel:nth-child(4n){transform:rotate(.4deg)}.comic-panel:hover{transform:scale(1.03) rotate(1.2deg)!important;z-index:10;box-shadow:6px 6px 0 var(--c-black)}.comic-panel img{width:100%;height:100%;object-fit:cover;display:block;flex-grow:1}.panel-caption{position:absolute;bottom:12px;left:12px;right:auto;max-width:90%;background:var(--c-white);border:3px solid var(--c-black);padding:6px 12px;color:var(--c-black);font-family:Bangers,cursive;font-size:.95rem;letter-spacing:.5px;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--c-black);z-index:5}.comic-panel:nth-child(2n) .panel-caption{transform:rotate(1.5deg);background:var(--c-yellow)}.loading-state .skeleton-img{width:100%;height:100%;background:linear-gradient(90deg,var(--c-cream) 25%,#e4e4e7 50%,var(--c-cream) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.error-state .skeleton-img{width:100%;height:100%;background:#fee2e2;display:flex;align-items:center;justify-content:center;color:var(--c-red);font-family:Bangers,cursive;font-size:1.1rem}.final-actions{display:flex;gap:1.5rem;justify-content:center}.btn-ghost-action{background:var(--c-white);color:var(--c-black);border:3px solid var(--c-black);padding:12px 28px;font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:1.5px;cursor:pointer;box-shadow:4px 4px 0 var(--c-black);transition:var(--transition-comic)}.btn-ghost-action:hover{background:var(--c-cyan);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-black)}.btn-ghost-action:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c-black)}#mainLoader{display:flex!important;align-items:center!important;justify-content:center!important}#mainLoader[style*="display: none"]{display:none!important}.retro-loader{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.spinner-inner{position:relative;width:90px;height:90px;animation:spinner-rotate 2.8s linear infinite}.orbiting-ball{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid var(--c-black);box-shadow:2px 2px 0 var(--c-black)}.orbiting-ball.cyan{background:var(--c-cyan);top:0;left:50%;transform:translate(-50%);animation:pulse-ball 1.4s infinite ease-in-out alternate}.orbiting-ball.magenta{background:var(--c-magenta);bottom:0;left:50%;transform:translate(-50%);animation:pulse-ball 1.4s infinite ease-in-out alternate;animation-delay:.45s}.orbiting-ball.yellow{background:var(--c-yellow);left:0;top:50%;transform:translateY(-50%);animation:pulse-ball 1.4s infinite ease-in-out alternate;animation-delay:.9s}.center-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.4rem;color:var(--c-yellow);-webkit-text-stroke:2px var(--c-black);text-shadow:3px 3px 0 var(--c-black);animation:star-pulsate .9s infinite alternate ease-in-out;line-height:1}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ball{0%{transform:scale(.8) translate(0)}to{transform:scale(1.2) translate(3px,3px)}}@keyframes star-pulsate{0%{transform:translate(-50%,-50%) scale(.85) rotate(-10deg)}to{transform:translate(-50%,-50%) scale(1.15) rotate(15deg)}}.how-it-works-strip{padding:3rem;margin-top:1.5rem;margin-bottom:4rem}.strip-header{text-align:center;margin-bottom:3rem}.strip-main-title{font-family:Bangers,cursive;font-size:2.4rem;letter-spacing:2px;color:var(--c-black);text-shadow:2px 2px 0px var(--c-white)}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.strip-panel{background:var(--c-white);border:3px solid var(--c-black);padding:2rem 1.8rem;position:relative;overflow:hidden;box-shadow:6px 6px 0 var(--c-black);transition:var(--transition-comic)}.strip-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:var(--c-black)}.panel-num{position:absolute;top:12px;right:12px;background:var(--c-black);color:var(--c-white);padding:2px 8px;font-family:Bangers,cursive;font-size:.8rem;letter-spacing:.5px}.panel-headline{font-family:Bangers,cursive;font-size:1.35rem;letter-spacing:1px;margin-bottom:.8rem;color:var(--c-black)}.panel-body{font-size:.85rem;font-weight:700;color:#3f3f46;line-height:1.55}.panel-sticker{display:inline-block;background:var(--c-yellow);color:var(--c-black);border:2px solid var(--c-black);padding:2px 8px;font-family:Bangers,cursive;font-size:.9rem;letter-spacing:.5px;margin-top:1.2rem;transform:rotate(-4deg);box-shadow:2px 2px 0 var(--c-black)}.panel-sticker.think{background:var(--c-cyan)}.panel-sticker.boom{background:var(--c-magenta);color:var(--c-white)}.strip-panel:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--c-black)}.comic-footer{margin-top:auto;padding:3.5rem 0 2.5rem;border:var(--comic-border);background:var(--c-white);margin-bottom:2rem;animation:rgb-shadow-shift-footer 10s linear infinite}@keyframes rgb-shadow-shift-footer{0%,to{box-shadow:8px 8px 0 var(--c-black),16px 16px #05ff80,16px 16px 0 2px var(--c-black)}12.5%{box-shadow:8px 8px 0 var(--c-black),16px 16px #ffd000,16px 16px 0 2px var(--c-black)}25%{box-shadow:8px 8px 0 var(--c-black),16px 16px #ff2a2a,16px 16px 0 2px var(--c-black)}37.5%{box-shadow:8px 8px 0 var(--c-black),16px 16px #ff007c,16px 16px 0 2px var(--c-black)}50%{box-shadow:8px 8px 0 var(--c-black),16px 16px #a0f,8px 8px 0 var(--c-black),16px 16px 0 2px var(--c-black)}62.5%{box-shadow:8px 8px 0 var(--c-black),16px 16px #05f,8px 8px 0 var(--c-black),16px 16px 0 2px var(--c-black)}75%{box-shadow:8px 8px 0 var(--c-black),16px 16px #00d2ff,8px 8px 0 var(--c-black),16px 16px 0 2px var(--c-black)}87.5%{box-shadow:8px 8px 0 var(--c-black),16px 16px #00f5aa,8px 8px 0 var(--c-black),16px 16px 0 2px var(--c-black)}}.footer-content{max-width:800px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.footer-brand{display:flex;align-items:center}.comic-logo-text{font-family:Bangers,cursive;font-size:1.8rem;letter-spacing:1.5px;color:var(--c-black)}.accent-logo-text{font-family:Bangers,cursive;font-size:1.8rem;letter-spacing:1.5px;color:var(--c-magenta);margin-left:2px}.footer-desc{color:#27272a;font-weight:700;font-size:.9rem;max-width:500px}.cmyk-row{display:flex;gap:12px;justify-content:center;margin:.5rem 0}.cmyk-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--c-black);display:flex;align-items:center;justify-content:center;font-family:Bangers,cursive;font-size:.9rem;color:var(--c-white);box-shadow:2px 2px 0 var(--c-black)}.cmyk-dot.cyan{background:var(--c-cyan)}.cmyk-dot.magenta{background:var(--c-magenta)}.cmyk-dot.yellow{background:var(--c-yellow);color:var(--c-black)}.cmyk-dot.black{background:var(--c-black)}.footer-divider{width:100px;height:3px;background:var(--c-black)}.footer-copyright{color:#71717a;font-size:.8rem;font-weight:800}.layout-hero-top{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto);gap:16px}.layout-hero-top>div:nth-child(1){grid-column:span 6}.layout-hero-top>div:nth-child(2){grid-column:span 4}.layout-hero-top>div:nth-child(3){grid-column:span 2}.layout-hero-top>div:nth-child(4){grid-column:span 2}.layout-hero-top>div:nth-child(5){grid-column:span 4}.layout-action{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto);gap:16px}.layout-action>div:nth-child(1){grid-column:span 2}.layout-action>div:nth-child(2){grid-column:span 4}.layout-action>div:nth-child(3){grid-column:span 6}.layout-action>div:nth-child(4){grid-column:span 4}.layout-action>div:nth-child(5){grid-column:span 2}.layout-magazine{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto);gap:16px}.layout-magazine>div:nth-child(1){grid-column:span 4}.layout-magazine>div:nth-child(2){grid-column:span 2}.layout-magazine>div:nth-child(3){grid-column:span 2}.layout-magazine>div:nth-child(4){grid-column:span 4}.layout-magazine>div:nth-child(5){grid-column:span 6}.panel-border-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9}.layout-hero-top .comic-panel,.layout-action .comic-panel,.layout-magazine .comic-panel{border:none!important;box-shadow:none!important;filter:drop-shadow(4px 4px 0px var(--c-black))!important;overflow:visible!important;background:var(--c-cream)}.layout-hero-top .comic-panel:hover,.layout-action .comic-panel:hover,.layout-magazine .comic-panel:hover{box-shadow:none!important;filter:drop-shadow(6px 6px 0px var(--c-black))!important}.layout-hero-top .panel-idx-0{clip-path:polygon(0 0,100% 0,100% 96%,0 100%)}.layout-hero-top .panel-idx-1{clip-path:polygon(0 4%,100% 0,97% 100%,0 100%)}.layout-hero-top .panel-idx-2{clip-path:polygon(6% 0,100% 4%,100% 100%,0 100%)}.layout-hero-top .panel-idx-3{clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}.layout-hero-top .panel-idx-4{clip-path:polygon(3% 0,100% 0,100% 100%,0 100%)}.layout-hero-top .comic-panel{transition:transform .35s var(--comic-bounce),filter .3s}.layout-hero-top .comic-panel:hover{transform:scale(1.03) rotate(1.2deg)!important}.layout-hero-top .panel-caption{transform:rotate(-1.5deg)}.layout-action .panel-idx-0{clip-path:polygon(0 0,94% 0,100% 96%,0 100%)}.layout-action .panel-idx-1{clip-path:polygon(3% 0,100% 0,100% 100%,0 96%)}.layout-action .panel-idx-2{clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}.layout-action .panel-idx-3{clip-path:polygon(0 0,97% 4%,100% 100%,0 100%)}.layout-action .panel-idx-4{clip-path:polygon(6% 4%,100% 0,100% 100%,0 100%)}.layout-action .comic-panel{transition:transform .35s var(--comic-bounce),filter .3s}.layout-action .comic-panel:hover{transform:scale(1.03) rotate(-1.2deg)!important}.layout-action .panel-caption{transform:rotate(1.5deg)}.layout-magazine .panel-idx-0{clip-path:polygon(0 0,100% 0,97% 96%,0 100%)}.layout-magazine .panel-idx-1{clip-path:polygon(6% 0,100% 0,100% 100%,0 96%)}.layout-magazine .panel-idx-2{clip-path:polygon(0 4%,94% 0,100% 96%,0 100%)}.layout-magazine .panel-idx-3{clip-path:polygon(3% 0,100% 4%,100% 100%,0 96%)}.layout-magazine .panel-idx-4{clip-path:polygon(0 4%,100% 0,100% 100%,0 100%)}.layout-magazine .comic-panel{transition:transform .35s var(--comic-bounce),filter .3s}.layout-magazine .comic-panel:hover{transform:scale(1.03) rotate(1deg)!important}.layout-magazine .panel-caption{transform:rotate(-1deg)}@media (max-width: 1100px){.app-workspace{flex-direction:column;align-items:stretch}.input-section,.result-section{max-width:none;width:100%}}@media (max-width: 900px){.strip-grid{grid-template-columns:1fr;gap:16px}.news-detail-container{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.news-detail-img-box{height:180px}}@media (max-width: 768px){.news-fan-deck{width:100%;height:auto;display:flex;overflow-x:auto;gap:12px;padding:12px 6px;justify-content:flex-start;align-items:center;perspective:none}.news-card-fan{position:relative!important;transform:none!important;opacity:1!important;flex-shrink:0;width:155px!important;height:200px!important;padding:10px!important;box-shadow:4px 4px 0 var(--c-black)!important}.news-card-fan .card-img{height:85px!important;border-width:2px!important}.news-card-fan .card-title{font-size:.9rem!important;-webkit-line-clamp:2!important;margin-top:6px!important}.news-card-fan .card-subtitle,.news-card-fan .card-divider,.news-card-fan .card-footer{display:none!important}.fan-deck-nav{display:none}.style-selector-grid{grid-template-columns:1fr}.comic-grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important}.comic-panel{grid-column:span 1!important;grid-row:span 1!important}}@media (max-width: 600px){.news-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}}@media (max-width: 768px){.comic-header-bar{gap:12px}.header-actions{gap:10px}.sound-toggle-btn{font-size:.95rem;padding:.45rem .8rem}.comic-code-badge{width:84px;height:116px}}.comic-watermark-overlay{position:absolute;bottom:12px;right:14px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffffe6;border:2px solid rgba(0,0,0,.9);border-radius:999px;box-shadow:3px 3px #000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:1;z-index:100}.comic-watermark-overlay img{height:clamp(34px,3vw,52px);width:auto;object-fit:contain;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.85))}.comic-watermark-overlay span{font-family:Bangers,cursive;font-size:clamp(.9rem,1vw,1.15rem);letter-spacing:1px;font-weight:900;color:var(--c-black);text-shadow:1px 1px 0 rgba(255,255,255,.85)}.comic-title-plate,.custom-section-title,.strip-main-title,.news-detail-title,.left-bubble,.right-bubble,.panel-sticker,.action-banner-sticker,.comic-watermark-overlay,.badge-inner,.comic-logo-text,.accent-logo-text,.footer-desc,.section-subtitle,.panel-caption,.style-card-content,.cmyk-dot,.comic-code-badge{transition:transform .28s var(--comic-bounce),filter .25s,box-shadow .25s}.comic-title-plate:hover,.custom-section-title:hover{transform:scale(1.06) rotate(3deg) skew(-2deg)}.strip-main-title:hover,.news-detail-title:hover,.badge-inner:hover,.comic-logo-text:hover,.accent-logo-text:hover{transform:scale(1.08) rotate(-2deg)}.left-bubble:hover{transform:rotate(-12deg) scale(1.1) translateY(-6px);pointer-events:auto}.right-bubble:hover{transform:rotate(12deg) scale(1.1) translateY(-6px);pointer-events:auto}.panel-sticker:hover{transform:rotate(-8deg) scale(1.15);pointer-events:auto}.action-banner-sticker:hover{transform:scale(1.1) rotate(4deg);pointer-events:auto}.comic-watermark-overlay:hover{transform:scale(1.1) rotate(5deg) translateY(-2px);pointer-events:auto}.footer-desc:hover,.section-subtitle:hover{transform:scale(1.03) skew(-3deg);pointer-events:auto}.cmyk-dot:hover{transform:translateY(-8px) scale(1.2) rotate(15deg)}.panel-caption:hover{transform:scale(1.06) rotate(2deg)}.style-card:hover .style-card-content{transform:scale(1.05) rotate(-1.5deg);box-shadow:6px 6px 0 var(--c-black)}.style-card input[type=radio]:checked+.style-card-content{transform:translate(2px,2px) rotate(-1deg);box-shadow:2px 2px 0 var(--c-black)}.comic-panel{transition:transform .35s var(--comic-bounce),filter .28s}.comic-panel:hover{transform:scale(1.035) rotate(1.2deg)!important;z-index:10}.news-card{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;background:var(--c-white);border:4px solid var(--c-black);padding:24px;box-shadow:8px 8px 0 var(--c-black);position:relative;overflow:visible;background-image:radial-gradient(rgba(0,0,0,.02) 1.5px,transparent 1.5px);background-size:10px 10px;transform:rotate(-.5deg);transition:transform .35s var(--comic-bounce),box-shadow .3s;align-items:center}.news-card:hover{transform:scale(1.01) rotate(.1deg)}.news-card-left{display:flex;flex-direction:column;gap:16px;justify-content:flex-start}.news-card-img-container{width:100%;aspect-ratio:1.35 / 1;max-height:400px;border:4px solid var(--c-black);box-shadow:6px 6px 0 var(--c-black);background:var(--c-cream);overflow:hidden;position:relative;transition:transform .35s var(--comic-bounce),box-shadow .3s}@media (max-width: 768px){.news-card{grid-template-columns:1fr;gap:20px}.news-card-img-container{aspect-ratio:1.2 / 1;height:auto;min-height:auto}}.news-card-headline{grid-column:1 / -1;width:100%;font-family:Luckiest Guy,cursive;font-size:clamp(1.6rem,3.5vw,2.4rem);letter-spacing:1.5px;color:var(--c-yellow);background:none;border:none;box-shadow:none;padding:6px 0;text-align:center;text-transform:uppercase;-webkit-text-stroke:2.2px var(--c-black);text-shadow:4px 4px 0px var(--c-black);transform:rotate(-2deg);margin-bottom:12px;line-height:1.15;transition:transform .28s var(--comic-bounce),text-shadow .25s}.news-card-headline:hover{transform:scale(1.04) rotate(.5deg) skew(-2deg);text-shadow:5px 5px 0px var(--c-black)}.news-card-img-container:hover{transform:scale(1.02) rotate(-.8deg);box-shadow:8px 8px 0 var(--c-black)}.news-card-img-container img{width:100%;height:100%;object-fit:cover;display:block}.news-card-brief{font-family:Outfit,sans-serif;font-size:.98rem;font-weight:800;line-height:1.5;letter-spacing:.5px;color:var(--c-black);border:4px solid var(--c-black);padding:16px 20px;box-shadow:4px 4px 0 var(--c-black);text-transform:uppercase;position:relative;transition:transform .28s var(--comic-bounce),box-shadow .25s}.news-card-brief.brief-1{background:var(--c-yellow)}.news-card-brief.brief-1:hover{transform:scale(1.02);box-shadow:6px 6px 0 var(--c-black)}.news-card-brief.brief-2{background:var(--c-cyan)}.news-card-brief.brief-2:hover{transform:scale(1.02);box-shadow:6px 6px 0 var(--c-black)}.news-card-brief:before{position:absolute;top:-14px;left:18px;background:var(--c-black);color:var(--c-white);padding:2px 10px;font-family:Bangers,cursive;font-size:.85rem;letter-spacing:1px;border:2px solid var(--c-black)}.news-card-brief.brief-1:before{content:"PART I: THE EVENT";transform:rotate(1.5deg)}.news-card-brief.brief-2:before{content:"PART II: IMPACT";transform:rotate(-1.5deg)}.news-card-img-container.loading-state .skeleton-img{width:100%;height:100%;background:linear-gradient(90deg,var(--c-cream) 25%,#e4e4e7 50%,var(--c-cream) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.news-card-img-container.error-state{background:#fee2e2;border-color:var(--c-red)}.translate-selector-wrapper{position:relative;display:inline-block}.translate-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.translate-select:hover{background-color:var(--c-yellow)!important}.translate-select:focus{outline:none;border-color:var(--c-magenta)!important}.translate-select option{background-color:var(--c-white);color:var(--c-black);font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem}.btn-audio-toggle{font-family:Luckiest Guy,cursive;font-size:.85rem;letter-spacing:1px;color:#000;background:#fff;border:3px solid #000000;padding:6px 14px;cursor:pointer;box-shadow:3px 3px #000;transition:transform .15s ease,box-shadow .15s ease}.btn-audio-toggle:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000}.btn-audio-toggle:active{transform:translate(1px,1px);box-shadow:2px 2px #000}.btn-audio-toggle.playing{background:#ffd000;color:#000}.comic-page-canvas{background-color:#fdfcf9!important;border:8px double #000000!important;border-radius:4px;padding:30px!important;box-shadow:12px 12px #000!important;position:relative;overflow:visible;background-image:radial-gradient(rgba(0,0,0,.03) 1.5px,transparent 1.5px);background-size:12px 12px;box-sizing:border-box}.comic-page-canvas *{box-sizing:border-box}.layout-grid-2x2{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:20px!important}.layout-wide-top{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1.8fr 1.3fr!important;gap:20px!important}.layout-large-left{display:grid!important;grid-template-columns:1.2fr 1.8fr!important;grid-template-rows:repeat(3,1fr)!important;gap:20px!important}.layout-wide-bottom{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1.3fr 1.8fr!important;gap:20px!important}.layout-alternating{display:grid!important;grid-template-columns:repeat(6,1fr)!important;grid-template-rows:1fr 1fr!important;gap:20px!important}.comic-panel-container{position:relative!important;overflow:hidden!important;border:4px solid #000000!important;box-shadow:5px 5px #000!important;background:var(--c-cream);transition:transform .3s var(--comic-bounce),box-shadow .3s;width:100%;height:100%;min-height:250px}.comic-panel-container:hover{transform:scale(1.025) rotate(.5deg);box-shadow:7px 7px #000;z-index:10}.narration-box{position:absolute!important;background:#fff6bd!important;border:3px solid #000000!important;padding:5px 10px!important;font-family:Outfit,sans-serif!important;font-weight:800!important;font-size:.76rem!important;line-height:1.3!important;color:#000!important;text-transform:uppercase!important;max-width:60%!important;max-height:38%!important;overflow:hidden!important;box-shadow:3px 3px #000!important;z-index:5!important;transform:rotate(-.5deg);word-wrap:break-word!important;word-break:break-word!important}.speech-bubble-overlay{position:absolute!important;background:#fff!important;border:3px solid #000000!important;border-radius:14px!important;padding:6px 10px!important;font-family:Bangers,cursive!important;font-size:.82rem!important;letter-spacing:.5px!important;color:#000!important;text-transform:uppercase!important;max-width:44%!important;box-shadow:3px 3px #00000026!important;z-index:5!important;display:flex!important;flex-direction:column!important;word-wrap:break-word!important;word-break:break-word!important;line-height:1.2!important}.speech-bubble-overlay .speech-speaker{font-size:.72rem!important;color:var(--c-magenta)!important;margin-bottom:2px!important;font-family:Outfit,sans-serif!important;font-weight:800!important;letter-spacing:1px!important}.speech-bubble-overlay .speech-text{line-height:1.25!important}.bubble-bottom-right:after{content:""!important;position:absolute!important;bottom:-11px!important;left:24px!important;border-width:11px 8px 0!important;border-style:solid!important;border-color:#ffffff transparent!important;display:block!important;width:0!important;z-index:1!important}.bubble-bottom-right:before{content:""!important;position:absolute!important;bottom:-15px!important;left:23px!important;border-width:15px 9px 0!important;border-style:solid!important;border-color:#000000 transparent!important;display:block!important;width:0!important;z-index:0!important}.bubble-bottom-left:after{content:""!important;position:absolute!important;bottom:-11px!important;right:24px!important;border-width:11px 8px 0!important;border-style:solid!important;border-color:#ffffff transparent!important;display:block!important;width:0!important;z-index:1!important}.bubble-bottom-left:before{content:""!important;position:absolute!important;bottom:-15px!important;right:23px!important;border-width:15px 9px 0!important;border-style:solid!important;border-color:#000000 transparent!important;display:block!important;width:0!important;z-index:0!important}.bubble-top-right:after{content:""!important;position:absolute!important;top:-11px!important;left:24px!important;border-width:0 8px 11px!important;border-style:solid!important;border-color:#ffffff transparent!important;display:block!important;width:0!important;z-index:1!important}.bubble-top-right:before{content:""!important;position:absolute!important;top:-15px!important;left:23px!important;border-width:0 9px 15px!important;border-style:solid!important;border-color:#000000 transparent!important;display:block!important;width:0!important;z-index:0!important}.bubble-top-left:after{content:""!important;position:absolute!important;top:-11px!important;right:24px!important;border-width:0 8px 11px!important;border-style:solid!important;border-color:#ffffff transparent!important;display:block!important;width:0!important;z-index:1!important}.bubble-top-left:before{content:""!important;position:absolute!important;top:-15px!important;right:23px!important;border-width:0 9px 15px!important;border-style:solid!important;border-color:#000000 transparent!important;display:block!important;width:0!important;z-index:0!important}@media (max-width: 768px){.comic-page-canvas{padding:16px!important;border-width:4px!important}.layout-grid-2x2,.layout-wide-top,.layout-large-left,.layout-wide-bottom,.layout-alternating{display:flex!important;flex-direction:column!important;gap:16px!important}.comic-panel-container{min-height:280px!important;aspect-ratio:1.2 / 1!important}}