@import "https://fonts.googleapis.com/css2?family=Bungee&family=Bangers&family=Rubik+Wet+Paint&family=Special+Elite&family=Rye&family=Permanent+Marker&display=swap";@import "https://fonts.googleapis.com/css2?family=Bungee&family=Bangers&family=Rubik+Wet+Paint&family=Special+Elite&family=Rye&family=Permanent+Marker&display=swap";:root{--ink-black:#0a0807;--paper-cream:#f1e2bc;--paper-cream-dark:#e1cfa1;--paper-cream-light:#f7eccb;--fire-orange:#f26419;--fire-red:#c0291e;--fire-red-deep:#7a1812;--fire-yellow:#ffc631;--fire-yellow-shadow:#b98910;--hero-purple:#3b2063;--hero-purple-deep:#1f1138;--accent-cyan:#3fb6c9;--accent-magenta:#d1357a;--accent-smoke:#4a4540}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper-cream);color:var(--ink-black);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Special Elite,Courier New,monospace}:root{--ink-black:#0a0807;--ink-black-soft:#1a1612;--paper-cream:#f1e2bc;--paper-cream-dark:#e1cfa1;--paper-cream-light:#f7eccb;--fire-orange:#f26419;--fire-orange-light:#f58a4b;--fire-red:#c0291e;--fire-red-deep:#7a1812;--fire-yellow:#ffc631;--fire-yellow-bright:#ffdc5c;--fire-yellow-shadow:#b98910;--hero-purple:#3b2063;--hero-purple-deep:#1f1138;--hero-purple-light:#5a3791;--accent-cyan:#3fb6c9;--accent-magenta:#d1357a;--accent-smoke:#4a4540;--bg:var(--paper-cream);--bg-alt:var(--paper-cream-dark);--fg:var(--ink-black);--fg-muted:var(--accent-smoke);--link:var(--fire-red);--link-hover:var(--fire-orange);--danger:var(--fire-red);--highlight:var(--fire-yellow);--focus-ring:var(--fire-orange);--font-hero:"Bungee", "Impact", system-ui, sans-serif;--font-jagged:"Rubik Wet Paint", "Permanent Marker", cursive;--font-burst:"Bangers", "Bungee", system-ui, sans-serif;--font-body:"Special Elite", "Courier New", monospace;--font-stamp:"Rye", "Rockwell", "Times New Roman", serif;--fs-mega:clamp(64px, 12vw, 168px);--fs-display:clamp(40px, 6vw, 88px);--fs-burst:clamp(28px, 3.5vw, 52px);--fs-h1:clamp(40px, 4.5vw, 64px);--fs-h2:clamp(28px, 3vw, 40px);--fs-h3:clamp(20px, 2vw, 26px);--fs-body:17px;--fs-caption:14px;--fs-stamp:13px;--lh-display:.92;--lh-heading:1.05;--lh-body:1.45;--ls-display:-.01em;--ls-burst:.02em;--ls-stamp:.18em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--gutter-panel:12px;--gutter-section:48px;--inset-card:20px;--radius-none:0;--radius-sm:2px;--radius-stamp:9999px;--border-w:3px;--border-w-heavy:5px;--border-ink:var(--border-w) solid var(--ink-black);--border-ink-heavy:var(--border-w-heavy) solid var(--ink-black);--shadow-panel:4px 4px 0 var(--ink-black);--shadow-panel-hover:6px 6px 0 var(--ink-black);--shadow-panel-press:0 0 0 var(--ink-black);--shadow-badge:3px 3px 0 var(--ink-black);--shadow-hero-type:5px 5px 0 var(--fire-yellow-shadow), 9px 9px 0 var(--ink-black);--shadow-display-type:3px 3px 0 var(--ink-black);--t-hover:.12s cubic-bezier(.2,.7,.3,1);--t-press:60ms cubic-bezier(.4,0,.6,1);--t-snap:80ms steps(1, end)}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-hero);color:var(--fg);line-height:var(--lh-heading);letter-spacing:var(--ls-display);margin:0 0 var(--space-4);text-transform:uppercase}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);font-family:var(--font-burst);letter-spacing:var(--ls-burst)}p,li{font-family:var(--font-body);font-size:var(--fs-body);color:var(--fg);line-height:var(--lh-body);text-wrap:pretty}small,.caption{font-family:var(--font-body);font-size:var(--fs-caption);color:var(--fg-muted)}a{color:var(--link);text-underline-offset:3px;transition:color var(--t-hover);text-decoration:underline;text-decoration-thickness:2px}a:hover{color:var(--link-hover)}code,pre,kbd{background:var(--paper-cream-dark);border:2px solid var(--ink-black);padding:1px 6px;font-family:Courier New,Special Elite,monospace}hr{border:0;border-top:3px solid var(--ink-black);margin:var(--space-8) 0}::selection{background:var(--fire-yellow);color:var(--ink-black)}.comic-panel{background:var(--paper-cream-light);border:var(--border-ink);box-shadow:var(--shadow-panel);padding:var(--inset-card);transition:transform var(--t-hover), box-shadow var(--t-hover)}.comic-panel:hover{box-shadow:var(--shadow-panel-hover);transform:translate(-2px,-2px)}.comic-panel:active{box-shadow:var(--shadow-panel-press);transition:transform var(--t-press), box-shadow var(--t-press);transform:translate(0)}.hero-title{font-family:var(--font-hero);font-size:var(--fs-mega);color:var(--fire-yellow);line-height:var(--lh-display);letter-spacing:var(--ls-display);-webkit-text-stroke:3px var(--ink-black);text-shadow:var(--shadow-hero-type);text-transform:uppercase;display:inline-block;transform:skew(-8deg)}.jagged-display{font-family:var(--font-jagged);font-size:var(--fs-display);color:var(--fire-red);text-shadow:var(--shadow-display-type);text-transform:uppercase;letter-spacing:.02em}.burst-text{font-family:var(--font-burst);font-size:var(--fs-burst);letter-spacing:var(--ls-burst);text-transform:uppercase;color:var(--ink-black);line-height:.95}.stamp-text{font-family:var(--font-stamp);font-size:var(--fs-stamp);letter-spacing:var(--ls-stamp);text-transform:uppercase}.paper-bg{background:var(--paper-cream);background-image:radial-gradient(circle at 20% 30%,#78501e12 0,#0000 60%),radial-gradient(circle at 80% 70%,#78501e0f 0,#0000 55%)}