@import url("https://fonts.googleapis.com/css2?family=Anybody:wght@700;800;900&family=Space+Grotesk:wght@500;700&family=Work+Sans:wght@400;600;700&display=swap");:root{--vajra-crimson:#c01c1b;--sun-orange:#ff9826;--temple-gold:#f2b632;--ink-black:#1a1a1a;--cream-canvas:#faf6f0;--panel-white:#fff;--alert-red:#e53935;--success-green:#2e7d32;--comic-border:3px solid #1a1a1a;--comic-shadow:5px 5px 0px #1a1a1a;--comic-shadow-sm:3px 3px 0px #1a1a1a;--comic-shadow-lg:7px 7px 0px #1a1a1a;--radius-comic:12px;--font-family:"Space Grotesk","Work Sans",system-ui,sans-serif;--font-display:"Anybody","Space Grotesk",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--cream-canvas);color:var(--ink-black);font-family:var(--font-family);min-height:100vh;-webkit-font-smoothing:antialiased}.clay-card,.comic-panel{background:var(--panel-white);border-radius:var(--radius-comic);border:var(--comic-border);box-shadow:var(--comic-shadow);padding:24px;transition:transform .15s ease,box-shadow .15s ease}.clay-card:hover,.comic-panel:hover{transform:translate(-2px,-2px);box-shadow:var(--comic-shadow-lg)}.clay-button,.comic-button{background:var(--vajra-crimson);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase;padding:12px 24px;border-radius:10px;border:var(--comic-border);cursor:pointer;box-shadow:var(--comic-shadow-sm);transition:all .1s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.clay-button:hover,.comic-button:hover{background:#d32f2e;transform:translate(-2px,-2px);box-shadow:5px 5px 0 #1a1a1a}.clay-button:active,.comic-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #1a1a1a}.comic-button-secondary{background:var(--sun-orange);color:var(--ink-black)}.comic-button-secondary:hover{background:#ffa733}.comic-button-gold{background:var(--temple-gold);color:var(--ink-black)}.clay-badge,.comic-badge{padding:6px 14px;border-radius:8px;font-family:var(--font-display);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:2px solid var(--ink-black);box-shadow:2px 2px 0 var(--ink-black);display:inline-flex;align-items:center;gap:4px}.badge-active{background:var(--sun-orange);color:var(--ink-black)}.badge-gold{background:var(--temple-gold);color:var(--ink-black)}.badge-red{background:var(--vajra-crimson);color:#fff}.badge-green{background:#4caf50;color:#fff}.speech-bubble{position:relative;background:#fff;border:2px solid var(--ink-black);border-radius:12px;padding:16px;box-shadow:3px 3px 0 var(--ink-black)}.halftone-accent{background-image:radial-gradient(#1a1a1a 15%,transparent 16%);background-size:12px 12px;opacity:.08}header.navbar{background:var(--panel-white);border-bottom:3px solid var(--ink-black);padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100;justify-content:space-between;box-shadow:0 4px 0 rgba(26,26,26,.05)}.brand-title,header.navbar{display:flex;align-items:center}.brand-title{gap:12px;font-family:var(--font-display);font-size:1.35rem;font-weight:900;color:var(--vajra-crimson);letter-spacing:.5px}.brand-title span{color:var(--ink-black);font-weight:700}.container{max-width:1200px;margin:0 auto;padding:32px 16px}