@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/bangers-latin-400-CWMJ-UEr.woff2) format("woff2")}@font-face{font-family:Comic Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/comic-neue-latin-400-CeWB7rrj.woff2) format("woff2")}@font-face{font-family:Comic Neue;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/comic-neue-latin-700-BK7dT9dQ.woff2) format("woff2")}@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/kalam-latin-400-MXm3lgbb.woff2) format("woff2")}@font-face{font-family:Kalam;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/kalam-latin-700-P2_LEt2x.woff2) format("woff2")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}:root{--aged-paper: #f4e8d0;--aged-paper-dark: #e8dcc0;--comic-yellow: #ffd93d;--comic-orange: #ff914d;--comic-red: #ff5757;--comic-blue: #5d9cec;--comic-purple: #a64ac9;--ink-black: #2c1810;--ink-brown: #4a3426;--vintage-white: #fffef8;--halftone-dots: #d4c5a9;--accessible-blue: #2563eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Neue,cursive;background:linear-gradient(135deg,var(--aged-paper) 0%,var(--aged-paper-dark) 100%);color:var(--ink-black);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top left,rgba(255,217,61,.1) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(255,145,77,.1) 0%,transparent 40%),radial-gradient(circle at 30% 50%,rgba(74,52,38,.05) 0%,transparent 30%),linear-gradient(180deg,transparent 0%,rgba(74,52,38,.02) 100%);background-size:auto;pointer-events:none;z-index:1;opacity:.85}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.03;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(74,52,38,.5) 35px,rgba(74,52,38,.5) 70px)}.paper-edge{position:relative;background:var(--vintage-white);padding:2rem;margin:2rem auto;max-width:1200px;box-shadow:0 0 20px #4a34261a,0 5px 20px #4a342626,inset 0 0 60px #f4e8d080;border:1px solid rgba(74,52,38,.1);transform:rotate(-.5deg)}.paper-edge:before,.paper-edge:after{content:"";position:absolute;width:40px;height:40px;background:var(--aged-paper);border-radius:50%;box-shadow:inset 0 0 10px #4a342633}.paper-edge:before{top:-15px;left:50px;transform:rotate(45deg)}.paper-edge:after{bottom:-15px;right:50px;transform:rotate(-45deg)}.comic-title-box{background:var(--vintage-white);border:4px solid var(--ink-black);padding:1.5rem 2rem;position:relative;transform:rotate(-1deg);box-shadow:8px 8px 0 var(--comic-orange),16px 16px 0 var(--ink-black),16px 16px 30px #4a34264d;margin:2rem auto;display:inline-block;transition:transform .3s ease,box-shadow .3s ease;text-align:left}.comic-title-box:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:repeating-linear-gradient(45deg,var(--comic-red),var(--comic-red) 2px,transparent 2px,transparent 12px);z-index:-1;opacity:.2}.comic-title-box:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:10px 10px 0 var(--comic-orange),18px 18px 0 var(--ink-black),18px 18px 35px #4a342666}.ascii-logo{font-family:Courier New,monospace;font-weight:700;white-space:pre;line-height:1;color:var(--ink-black);font-size:18px;text-align:left;margin:0;text-shadow:3px 3px 0 var(--comic-orange),6px 6px 0 var(--comic-blue),9px 9px 15px rgba(74,52,38,.3);transform:perspective(300px) rotateY(-5deg)}.subtitle{font-family:Kalam,cursive;font-size:1.2rem;color:var(--ink-brown);text-align:left;font-weight:700;letter-spacing:1px;margin-top:1rem}.fade-in{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-delay-1{animation-delay:.2s;opacity:0}.fade-in-delay-2{animation-delay:.4s;opacity:0}.fade-in-delay-3{animation-delay:.6s;opacity:0}.pow-effect{position:fixed;font-family:Bangers,cursive;font-size:4rem;color:var(--comic-red);text-shadow:3px 3px 0 var(--comic-yellow),6px 6px 0 var(--ink-black),6px 6px 20px rgba(255,87,87,.5);pointer-events:none;z-index:100;animation:powBurst .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes powBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-45deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5) rotate(10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(2) rotate(45deg)}}.action-button{background:linear-gradient(135deg,var(--comic-yellow) 0%,var(--comic-orange) 100%);border:5px solid var(--ink-black);padding:1rem 3rem;font-family:Bangers,cursive;font-size:2rem;letter-spacing:2px;color:var(--ink-black);text-decoration:none;text-transform:uppercase;position:relative;transform:rotate(-2deg);box-shadow:8px 8px 0 var(--ink-black),8px 8px 25px #4a34264d;transition:all .2s cubic-bezier(.175,.885,.32,1.275);margin:3rem auto;display:block;width:fit-content}.action-button:hover{transform:rotate(0) translateY(-5px);box-shadow:10px 10px 0 var(--ink-black),10px 10px 30px #4a342666;background:linear-gradient(135deg,var(--comic-orange) 0%,var(--comic-red) 100%)}.action-button:active{transform:rotate(0) translateY(-2px);box-shadow:5px 5px 0 var(--ink-black),5px 5px 15px #4a34264d}.action-button:before{content:"💥";position:absolute;top:-20px;right:-20px;font-size:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(20deg)}}.read-button{display:inline-block;margin-top:1rem;padding:.5rem 1.5rem;background:var(--comic-yellow);border:3px solid var(--ink-black);font-family:Bangers,cursive;font-size:1.2rem;color:var(--ink-black);text-decoration:none;letter-spacing:1px;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink-black);transition:all .2s ease}.read-button:hover{transform:rotate(0) translateY(-2px);box-shadow:5px 5px 0 var(--ink-black);background:var(--comic-orange)}.character-panel{background:var(--vintage-white);border:4px solid var(--ink-black);padding:1.5rem;width:200px;position:relative;transform:rotate(-2deg);box-shadow:6px 6px 0 var(--ink-black),6px 6px 20px #4a342633;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:block}.character-panel-img{width:100%;aspect-ratio:1;overflow:hidden;border:3px solid var(--ink-black);border-radius:50%;margin-bottom:1rem;background:linear-gradient(135deg,var(--comic-blue) 0%,var(--comic-purple) 100%)}.character-panel-img img{width:100%;height:100%;object-fit:cover;padding:0;transform:scale(1.45)}.character-panel:nth-child(2n){transform:rotate(2deg);margin-top:2rem}.character-panel:hover{transform:rotate(0) scale(1.1) translateY(-10px);z-index:10;box-shadow:8px 8px 0 var(--ink-black),8px 8px 30px #4a34264d}.character-panel:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--comic-yellow);border:3px solid var(--ink-black);border-radius:50%;display:flex;align-items:center;justify-content:center}.character-name{font-family:Bangers,cursive;font-size:1.5rem;color:var(--ink-black);text-align:center;margin-bottom:.5rem;letter-spacing:1px;text-transform:uppercase}.character-role{font-family:Kalam,cursive;font-size:.9rem;color:var(--ink-brown);text-align:center;font-style:italic}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1rem}.site-header .comic-title-box{margin:0;min-width:0;max-width:100%}.site-header a{text-decoration:none}.site-header:not(.site-header--home) .comic-title-box{padding:.8rem 1.2rem;border-width:3px;box-shadow:5px 5px 0 var(--comic-orange),10px 10px 0 var(--ink-black),10px 10px 20px #4a342640}.site-header:not(.site-header--home) .comic-title-box:before{top:-6px;left:-6px;right:-6px;bottom:-6px}.site-header:not(.site-header--home) .subtitle{font-size:1rem;margin-top:.5rem}.site-header:not(.site-header--home) .ascii-logo{font-size:min(13px,calc((100vw - 76px) / 39))}.site-nav{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:.5rem 0}.nav-tab{font-family:Bangers,cursive;font-size:1.05rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;color:var(--ink-black);padding:.45rem 1.2rem;border:2.5px solid var(--ink-brown);background:var(--vintage-white);box-shadow:2px 3px #4a342640,inset 0 0 15px #f4e8d099;transition:all .25s cubic-bezier(.175,.885,.32,1.275);text-align:center;position:relative;white-space:nowrap;margin-bottom:-6px}.nav-tab:nth-child(1){transform:rotate(-4.5deg) translate(12px);z-index:4}.nav-tab:nth-child(2){transform:rotate(2.5deg) translate(-16px);z-index:2;font-size:.95rem;padding:.35rem 1rem}.nav-tab:nth-child(3){transform:rotate(-1deg) translate(8px);z-index:3;font-size:1.1rem}.nav-tab:nth-child(4){transform:rotate(3.5deg) translate(-10px);z-index:1}.nav-tab:hover{transform:rotate(0) translateY(-4px) scale(1.12);box-shadow:4px 5px #4a342659;z-index:10;background:var(--aged-paper)}.nav-tab.active{background:var(--comic-orange);color:var(--ink-black);font-size:1.3rem;padding:.55rem 1.5rem;border:3px solid var(--ink-black);box-shadow:4px 4px 0 var(--ink-black),inset 0 0 10px #ff914d4d;z-index:5}.site-footer{margin-top:3rem;padding-top:2rem;border-top:4px solid var(--ink-black);text-align:center}.footer-title{font-family:Bangers,cursive;font-size:1.8rem;color:var(--ink-black);letter-spacing:2px;text-transform:uppercase}.footer-tagline{font-family:Kalam,cursive;font-size:1rem;color:var(--ink-brown);margin-top:.3rem}.footer-nav{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-bottom:1rem}.footer-nav a{font-family:Comic Neue,cursive;font-weight:700;font-size:1rem;color:var(--accessible-blue);text-decoration:none;transition:color .2s ease}.footer-nav a:hover{color:var(--comic-orange)}:focus-visible{outline:3px solid var(--accessible-blue);outline-offset:3px}@media (max-width: 1024px){.site-header--home{flex-direction:column;align-items:stretch;gap:1rem}.site-header--home .comic-title-box{text-align:center}.site-header--home .ascii-logo{font-size:min(18px,calc((100vw - 138px) / 39))}}@media (max-width: 768px){.site-header{flex-direction:column;align-items:stretch;gap:1rem}.site-header .comic-title-box{text-align:center}.site-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.2rem}.nav-tab{font-size:.9rem;padding:.3rem .7rem;margin-bottom:0;margin-right:-4px}.nav-tab:nth-child(1){transform:rotate(-3deg)}.nav-tab:nth-child(2){transform:rotate(2deg);font-size:.85rem}.nav-tab:nth-child(3){transform:rotate(-1deg);font-size:.95rem}.nav-tab:nth-child(4){transform:rotate(2.5deg)}.nav-tab.active{font-size:1rem;padding:.35rem .85rem}.footer-nav{flex-wrap:wrap;gap:1rem}.action-button{font-size:1.5rem;padding:.8rem 2rem}.ascii-logo{font-size:min(18px,calc((100vw - 76px) / 39));text-shadow:1px 1px 0 var(--comic-orange),2px 2px 0 var(--comic-blue),3px 3px 6px rgba(74,52,38,.3);transform:none}.paper-edge{padding:1.5rem 1rem;margin:1rem auto}.comic-title-box{box-shadow:4px 4px 0 var(--comic-orange),8px 8px 0 var(--ink-black),8px 8px 15px #4a34264d;padding:1rem 1.2rem}}@media (max-width: 480px){.paper-edge{padding:1rem .75rem;margin:.5rem auto}.comic-title-box{padding:.6rem .8rem;border-width:3px}.subtitle{font-size:.85rem;margin-top:.3rem}}