@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/9a4ee768fed045da-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:Orbitron Fallback;src:local("Arial");ascent-override:81.50%;descent-override:19.59%;line-gap-override:0.00%;size-adjust:124.05%}.__className_e087fb{font-family:Orbitron,Orbitron Fallback;font-style:normal}.__variable_e087fb{--font-orbitron:"Orbitron","Orbitron Fallback"}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-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:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_e8ce0c{--font-inter:"Inter","Inter Fallback"}@tailwind base;@tailwind components;@tailwind utilities;:root{--cyber-cyan:#7dd3fc;--cyber-purple:#c084fc;--cyber-green:#86efac;--cyber-yellow:#fde047;--cyber-red:#fb7185;--cyber-blue:#60a5fa;--cyber-dark:#1e293b;--cyber-darker:#0f172a;--cyber-accent:#38bdf8;--cyber-accent-soft:#0ea5e9}@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);min-height:100vh;color:var(--cyber-cyan);font-family:Orbitron,monospace}a{@apply text-purple-300 hover:text-purple-200 transition-colors}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cyber-dark)}::-webkit-scrollbar-thumb{background:var(--cyber-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyber-purple)}}@layer components{.card-cyberpunk{@apply relative bg-gradient-to-br from-slate-800/90 via-slate-900/90 to-slate-800/90;@apply border border-cyan-400/30 backdrop-blur-sm rounded-xl;@apply shadow-lg shadow-cyan-400/10;position:relative;overflow:visible;margin:8px;padding:24px!important}.card-cyberpunk:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyber-cyan),transparent);animation:scan 3s infinite}.card-cyberpunk:hover{@apply border-cyan-400 shadow-cyan-400/40;transform:translateY(-2px);transition:all .3s ease}.btn-cyberpunk{@apply relative px-6 py-3 font-semibold text-[#a5b4fc] bg-slate-800/80;@apply border border-slate-600 rounded-lg transform transition-all duration-300;@apply hover:bg-slate-700/90 hover:text-[#c4b5fd] hover:border-[#a5b4fc] hover:shadow-lg hover:shadow-[#a5b4fc]/20;@apply active:scale-95;text-transform:uppercase;letter-spacing:.5px}.btn-cyberpunk:hover{box-shadow:0 0 20px rgba(255,0,255,.5);text-shadow:0 0 5px rgba(255,255,255,.8)}.btn-cyberpunk: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 .5s}.btn-cyberpunk:hover:before{left:100%}.btn-cyberpunk-sm{@apply relative px-4 py-2 font-semibold text-slate-900 bg-gradient-to-r from-cyan-400 to-cyan-500;@apply border border-cyan-400/50 rounded-lg transform transition-all duration-300;@apply hover:from-cyan-300 hover:to-cyan-400 hover:border-cyan-300 hover:shadow-lg hover:shadow-cyan-400/25;@apply active:scale-95;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.btn-cyberpunk-sm-secondary{@apply relative px-4 py-2 font-semibold text-cyan-300 bg-slate-800/50;@apply border border-cyan-400/30 rounded-lg transform transition-all duration-300;@apply hover:bg-slate-700/80 hover:text-cyan-200 hover:border-cyan-400;@apply active:scale-95;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.btn-cyberpunk-sm-purple,a.btn-cyberpunk-sm-purple,a.btn-cyberpunk-sm-purple:visited{@apply relative px-4 py-2 font-semibold text-slate-900 bg-gradient-to-r from-purple-400 to-purple-500;@apply border border-purple-400/50 rounded-lg transform transition-all duration-300;@apply hover:from-purple-300 hover:to-purple-400 hover:border-purple-300 hover:shadow-lg hover:shadow-purple-400/25;@apply active:scale-95;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.btn-cyberpunk-sm-light-text{@apply relative px-4 py-2 font-semibold text-cyan-200 bg-gradient-to-r from-cyan-400 to-cyan-500;@apply border border-cyan-400/50 rounded-lg transform transition-all duration-300;@apply hover:from-cyan-300 hover:to-cyan-400 hover:border-cyan-300 hover:shadow-lg hover:shadow-cyan-400/25;@apply active:scale-95;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.btn-cyberpunk-sm-purple-light-text,a.btn-cyberpunk-sm-purple-light-text,a.btn-cyberpunk-sm-purple-light-text:visited{@apply relative px-4 py-2 font-semibold text-purple-200 bg-gradient-to-r from-purple-400 to-purple-500;@apply border border-purple-400/50 rounded-lg transform transition-all duration-300;@apply hover:from-purple-300 hover:to-purple-400 hover:border-purple-300 hover:shadow-lg hover:shadow-purple-400/25;@apply active:scale-95;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.text-glow-cyan{color:var(--cyber-cyan);text-shadow:0 0 10px var(--cyber-cyan),0 0 20px var(--cyber-cyan),0 0 30px var(--cyber-cyan)}.text-glow-purple{color:var(--cyber-purple);text-shadow:0 0 10px var(--cyber-purple),0 0 20px var(--cyber-purple),0 0 30px var(--cyber-purple)}.text-glow-green{color:var(--cyber-green);text-shadow:0 0 10px var(--cyber-green),0 0 20px var(--cyber-green),0 0 30px var(--cyber-green)}.text-glow-yellow{color:var(--cyber-yellow);text-shadow:0 0 10px var(--cyber-yellow),0 0 20px var(--cyber-yellow),0 0 30px var(--cyber-yellow)}.text-link-active{color:#a5b4fc}.input-cyberpunk{@apply w-full px-4 py-3 bg-slate-800/50 border border-cyan-400/30 rounded-lg;@apply text-cyan-200 placeholder-cyan-400/60 focus:border-cyan-400 focus:outline-none;@apply focus:ring-2 focus:ring-cyan-400/30 transition-all duration-300 backdrop-blur-sm}.input-cyberpunk:focus{box-shadow:0 0 15px rgba(0,255,255,.3)}.grid-pattern{background-image:linear-gradient(var(--cyber-cyan) 1px,transparent 1px),linear-gradient(90deg,var(--cyber-cyan) 1px,transparent 1px);background-size:20px 20px;opacity:.1}.neon-box{@apply border border-cyan-400 bg-black/50 rounded-lg p-4;box-shadow:inset 0 0 20px rgba(0,255,255,.1),0 0 20px rgba(0,255,255,.3)}.cyber-border{position:relative;border:2px solid var(--cyber-cyan);background:linear-gradient(45deg,transparent,rgba(0,255,255,.05),transparent)}.cyber-border:after,.cyber-border:before{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--cyber-purple)}.cyber-border:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.cyber-border:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.loading-cyberpunk{position:relative;overflow:hidden}.loading-cyberpunk:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--cyber-cyan),transparent);animation:loading-scan 2s infinite}.status-online{@apply inline-block w-3 h-3 bg-green-400 rounded-full;box-shadow:0 0 10px rgba(0,255,0,.8);animation:pulse-green 2s infinite}.status-offline{@apply inline-block w-3 h-3 bg-red-400 rounded-full;box-shadow:0 0 10px rgba(255,0,0,.8)}.data-stream{position:relative;overflow:hidden}.data-stream:before{content:"01010101 11001100 10101010";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(0,255,255,.1);color:var(--cyber-cyan);font-size:8px;display:flex;align-items:center;animation:data-flow 4s linear infinite;opacity:.3}}@layer utilities{.clip-corner{-webkit-clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%)}.clip-angle{-webkit-clip-path:polygon(0 0,calc(100% - 20px) 0,100% 100%,20px 100%);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 100%,20px 100%)}.hologram{background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.1) 50%,transparent 70%);background-size:20px 20px;animation:hologram-flicker 3s infinite}}@keyframes scan{0%{left:-100%}to{left:100%}}@keyframes loading-scan{0%{left:-100%}to{left:100%}}@keyframes data-flow{0%{left:-100%}to{left:100%}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes hologram-flicker{0%,to{opacity:1}50%{opacity:.8}}@keyframes glow-pulse{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}}@media (max-width:768px){.btn-cyberpunk{@apply px-4 py-2 text-sm}.card-cyberpunk{@apply mx-2}}.comic-control-panel{width:12rem}@media (max-width:768px){.comic-reader-container{flex-direction:column}.comic-main-content{order:2}.comic-control-panel{order:1;position:-webkit-sticky;position:sticky;top:0;height:auto;width:100%;flex-direction:row;justify-content:space-between;padding:.5rem}.comic-control-panel>div{flex-direction:row;align-items:center;gap:1rem}.comic-title-section{flex-shrink:0}.comic-page-controls{flex-grow:1;justify-content:center}.comic-zoom-controls{flex-shrink:0}}@media (prefers-color-scheme:dark){.card-cyberpunk{@apply bg-gradient-to-br from-gray-900 via-black to-gray-900}}