/* Fable Wiki — Override popcodex chrome */ body:has(.fable-wiki) > header, body:has(.fable-wiki) > footer, body:has(.fable-wiki) > div > header, body:has(.fable-wiki) > div > footer { display: none !important; } body:has(.fable-wiki) { background: hsl(150 30% 3%) !important; font-family: 'Crimson Text', serif !important; } /* Storybook mode: fix selector — class is on , not on .fable-wiki */ .storybook-mode .fable-wiki { filter: sepia(0.2) contrast(1.05); } .storybook-mode .fable-wiki::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at center, transparent 50%, rgba(139, 69, 19, 0.15) 100%); pointer-events: none; z-index: 9998; } /* Fairy tale glow */ @keyframes fairyGlow { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.2); } } @keyframes floatUp { 0% { transform: translateY(0) scale(1); opacity: 0.6; } 100% { transform: translateY(-100vh) scale(0.5); opacity: 0; } }