:root{--bg-color: #0d0214;--panel-bg: #1a0b25;--accent-purple: #9d50bb;--accent-red: #ff4b2b;--text-main: #e0d7e5;--font-serif: "Georgia", serif;--font-mono: "Fira Code", "Courier New", monospace;--glow-purple: 0 0 10px rgba(157, 80, 187, .6);--glow-red: 0 0 10px rgba(255, 75, 43, .6)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-mono);overflow-x:hidden}h1,h2,h3,.title-font{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:2px;color:var(--text-main);text-shadow:var(--glow-purple)}button{background:var(--panel-bg);border:1px solid var(--accent-purple);color:var(--text-main);padding:12px 24px;font-family:var(--font-mono);cursor:pointer;transition:all .3s ease;text-transform:uppercase;border-radius:4px}button:hover{background:var(--accent-purple);box-shadow:var(--glow-purple);color:#fff}.danger-btn{border-color:var(--accent-red)}.danger-btn:hover{background:var(--accent-red);box-shadow:var(--glow-red)}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.card{background:var(--panel-bg);border:1px solid #332244;box-shadow:0 10px 30px #00000080;border-radius:8px;padding:40px;max-width:800px;width:100%}.animate-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.hero-lunge{animation:lunge .6s ease-in-out forwards}.hero-recoil{animation:recoil .5s ease-out forwards}.demon-crumble{animation:crumble .8s ease-in forwards}.demon-swell{animation:swell .6s ease-in-out forwards}.impact-flash{position:absolute;top:0;left:0;right:0;bottom:0;background:white;opacity:0;pointer-events:none;z-index:10;animation:flash .3s ease-out}.floating-points{position:absolute;color:gold;font-weight:700;font-size:1.5rem;text-shadow:0 0 10px orange;pointer-events:none;animation:floatUp 1s ease-out forwards}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes lunge{0%{transform:translate(0)}30%{transform:translate(400px)}to{transform:translate(0)}}@keyframes recoil{0%{transform:translate(0)}20%{transform:translate(-40px)}to{transform:translate(0)}}@keyframes swell{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.3);filter:brightness(1.5) drop-shadow(0 0 20px var(--accent-red))}to{transform:scale(1);filter:brightness(1)}}@keyframes crumble{0%{transform:scale(1) rotate(0);opacity:1;filter:hue-rotate(0deg) brightness(1)}30%{transform:scale(1.1) rotate(0);opacity:1;filter:hue-rotate(0deg) brightness(3)}to{transform:scale(0) rotate(720deg);opacity:0;filter:hue-rotate(180deg) brightness(0)}}@keyframes flash{0%{opacity:.8}to{opacity:0}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}@media (max-width: 600px){.card{padding:20px}}