@import"https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap";:root{--comic-primary: #ff4d4d;--comic-secondary: #ffd700;--comic-accent: #33ccff;--comic-bg: #f0f0f0;--comic-surface: #ffffff;--comic-text: #1a1a1a;--comic-border: 4px solid #000000;--comic-shadow: 4px 4px 0px 0px #000000;--font-heading: "Bangers", cursive;--font-body: "Comic Neue", cursive}body.noir-mode{--comic-bg: #0f0f0f;--comic-surface: #1a1a1a;--comic-text: #cccccc;--comic-primary: #990000;--comic-secondary: #2a2a2a;--comic-accent: #444444;--comic-border: 4px solid #222222;--comic-shadow: 4px 4px 0px 0px #000000;background-image:radial-gradient(#1a1a1a 15%,transparent 16%)}@keyframes bam-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-45deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.5) rotate(10deg);opacity:1}to{transform:translate(-50%,-50%) scale(1.2) rotate(0);opacity:0}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background-color:var(--comic-bg);background-image:radial-gradient(#d1d1d1 15%,transparent 16%);background-size:20px 20px;color:var(--comic-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;margin-top:0}button{font-family:var(--font-heading);font-size:1.2rem;background-color:var(--comic-secondary);border:var(--comic-border);box-shadow:var(--comic-shadow);padding:10px 20px;cursor:pointer;transition:transform .1s,box-shadow .1s}button:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.comic-container{max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff;border-left:2px solid #000}::-webkit-scrollbar-thumb{background:var(--comic-primary);border:2px solid #000}.comic-card:hover{transform:scale(1.05) rotate(-2deg);z-index:10;box-shadow:8px 8px #000}.comic-card:hover .speech-bubble{display:block!important}@media(min-width:769px){.bottom-nav{display:none!important}}@media(max-width:768px){.desktop-nav{display:none!important}.comic-layout{position:relative;overflow-x:hidden}.bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important;transform:none!important}.comic-container{padding-bottom:80px;padding-left:10px;padding-right:10px}.app-footer{display:none!important}}