@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.animate-shake{animation:shake .5s linear}html,body{height:100%;margin:0;padding:0;box-sizing:border-box}body{font-family:EB Garamond,serif;color:#e0e0e0;background-color:#0a0a0a}h1,h2,h3,h4,h5,h6{font-family:Cinzel Decorative,cursive;font-weight:700;color:#e53e3e;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.card{width:120px;height:168px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:.375rem;font-family:Cinzel Decorative,cursive;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid transparent;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #0000004d;flex-shrink:0;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:#4a5568!important}.btn-primary{background:linear-gradient(145deg,#a71d1d,#7f1d1d);border-color:#ef4444;color:#fff;text-shadow:1px 1px 1px #000}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 10px #ef444466,0 0 15px #ef444433;background:linear-gradient(145deg,#c53030,#9b2c2c)}.btn-secondary{background-color:transparent;border:1px solid #718096;color:#cbd5e0}.btn-secondary:not(:disabled):hover{background-color:#ffffff1a;border-color:#a0aec0}@keyframes pulse-glow-button{0%{box-shadow:0 0 5px #ef4444,0 0 8px #ef4444}50%{box-shadow:0 0 15px #ef4444,0 0 25px #ef4444}to{box-shadow:0 0 5px #ef4444,0 0 8px #ef4444}}.btn-glow{animation:pulse-glow-button 2s infinite ease-in-out}@keyframes pulse-glow-turbo-button{0%{box-shadow:0 0 5px #d946ef,0 0 8px #d946ef}50%{box-shadow:0 0 15px #d946ef,0 0 25px #d946ef}to{box-shadow:0 0 5px #d946ef,0 0 8px #d946ef}}.btn-turbo-glow{animation:pulse-glow-turbo-button 1.5s infinite ease-in-out;background:linear-gradient(145deg,#a855f7,#7e22ce);border-color:#d946ef}.panel-inset{background-color:#0006;border:1px solid #333;border-radius:.5rem;box-shadow:inset 0 2px 8px #000000b3;padding:1.5rem}.pile-frame{background-color:#0006;border:1px solid #333;border-radius:.5rem;box-shadow:inset 0 2px 8px #000000b3;perspective:1000px}@keyframes free-placement-glow-animation{0%{box-shadow:0 0 8px #3b82f666,inset 0 0 10px #3b82f633}50%{box-shadow:0 0 20px #3b82f6b3,inset 0 0 20px #3b82f64d}to{box-shadow:0 0 8px #3b82f666,inset 0 0 10px #3b82f633}}.free-placement-glow .pile-frame:not(.is-locked){animation:free-placement-glow-animation 2.5s infinite ease-in-out;border-color:#3b82f6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background:radial-gradient(circle at top,#2d1616,#1a1a1a);border:2px solid #ef4444;border-radius:.5rem;padding:2.5rem;color:#fff;width:90vw;max-width:640px;max-height:80vh;overflow-y:auto;box-shadow:0 0 30px #ef444466}.modal-content h2{margin-bottom:1.5rem;font-size:2.25rem}.modal-content p{line-height:1.7;color:#d1d5db;font-size:1.125rem}.start-screen-container{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40;padding:1rem;text-align:center}.start-screen-lore{max-width:600px;margin:2rem auto;font-size:1.25rem;line-height:1.7;color:#a0aec0;text-shadow:1px 1px 2px #000}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem;border-bottom:1px solid #4a0e0e}.header-logo{max-width:250px;height:auto}.pile-button{padding:.75rem;border-radius:.375rem;color:#fff;transition:all .2s;border:1px solid rgba(255,255,255,.2);background:#0000004d;display:inline-flex;align-items:center;justify-content:center}.pile-button:disabled{opacity:.5;cursor:not-allowed}.pile-button-higher{color:#60a5fa;border-color:#3b82f666;background:#3b82f61a}.pile-button-higher:not(:disabled):hover{background:#3b82f64d;border-color:#60a5fa;transform:scale(1.1);box-shadow:0 0 12px #3b82f680}.pile-button-lower{color:#fcd34d;border-color:#f59e0b66;background:#f59e0b1a}.pile-button-lower:not(:disabled):hover{background:#f59e0b4d;border-color:#fcd34d;transform:scale(1.1);box-shadow:0 0 12px #f59e0b80}@keyframes deck-count-pop{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(-5deg);text-shadow:0 0 15px rgba(239,68,68,.9)}to{transform:scale(1)}}.animate-deck-count-pop{animation:deck-count-pop .4s ease-out}.deck-count-text{font-family:Cinzel Decorative,cursive;font-size:2.5rem;font-weight:700;color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.7);flex-shrink:0}.progress-bar-container-inset{height:24px;width:100%;background-color:#00000080;border-radius:9999px;border:1px solid #333;box-shadow:inset 0 2px 6px #000c;padding:4px;overflow:hidden}.progress-bar-fill-pulsing{height:100%;border-radius:9999px;background:linear-gradient(90deg,#ef4444,#b91c1c);transition:width .5s ease-in-out;box-shadow:0 0 10px #ef4444,0 0 15px #b91c1c;background-size:200% 200%;animation:pulse-glow 2s infinite ease-in-out,animated-gradient 5s ease infinite}@keyframes animated-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%{box-shadow:0 0 8px #ef4444,0 0 12px #b91c1c}50%{box-shadow:0 0 16px #ef4444,0 0 24px #b91c1c}to{box-shadow:0 0 8px #ef4444,0 0 12px #b91c1c}}.tips-content{max-height:100px;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out;padding:1rem .5rem}.tips-content-collapsed{max-height:0;padding:0 .5rem}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out}@keyframes special-tip-glow-animation{0%{box-shadow:inset 0 2px 8px #000000b3,0 0 5px #facc154d}50%{box-shadow:inset 0 2px 8px #000000b3,0 0 15px #facc1580,0 0 20px #facc154d}to{box-shadow:inset 0 2px 8px #000000b3,0 0 5px #facc154d}}.special-tip-glow{animation:special-tip-glow-animation 3s infinite ease-in-out;border-color:#facc15}.animated-background{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1}.cell{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff4d4d,#b30000);box-shadow:inset 0 0 10px #00000080,0 0 5px #b30000;will-change:transform,opacity,background,box-shadow;transition:transform 5s ease-in-out,background 2s ease-in-out,opacity 2s ease-in-out,box-shadow 2s ease-in-out}.blood-cell{width:40px;height:40px;opacity:.15}.aggressive-cell{width:120px;height:120px;background:radial-gradient(circle at 30% 30%,#ff8080,#600);box-shadow:inset 0 0 20px #000000b3,0 0 15px #600,0 0 30px #ff000080;opacity:.25;animation:chase 20s linear infinite alternate;will-change:transform,opacity,background;transition:transform 2s ease-in-out,background 2s ease-in-out,opacity 2s ease-in-out}@keyframes float1{0%{transform:translate(0)}to{transform:translate(15vw,-20vh) scale(1.1)}}@keyframes float2{0%{transform:translate(0)}to{transform:translate(-20vw,25vh) scale(.9)}}@keyframes float3{0%{transform:translate(0) scale(1)}to{transform:translate(25vw,15vh) scale(1.2)}}@keyframes float4{0%{transform:translate(0) scale(1)}to{transform:translate(-10vw,-25vh) scale(1)}}@keyframes chase{0%{transform:translate(10vw,20vh) rotate(0)}25%{transform:translate(60vw,-5vh) rotate(90deg)}50%{transform:translate(70vw,70vh) rotate(180deg)}75%{transform:translate(-10vw,80vh) rotate(270deg)}to{transform:translate(10vw,20vh) rotate(360deg)}}@keyframes ai-press-animation{0%{transform:scale(1.1);box-shadow:0 0 15px currentColor,0 0 25px currentColor}50%{transform:scale(1.25);box-shadow:0 0 25px currentColor,0 0 40px currentColor}to{transform:scale(1.1);box-shadow:0 0 15px currentColor,0 0 25px currentColor}}.animate-ai-press{animation:ai-press-animation .8s ease-in-out}@keyframes pulse-good-effect{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.5) saturate(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes pulse-bad-effect{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(.98);filter:brightness(.7) saturate(1.5)}to{transform:scale(1);filter:brightness(1)}}.pulse-good-effect{animation:pulse-good-effect 1s ease-out}.pulse-bad-effect{animation:pulse-bad-effect 1s ease-out}.card-flipper{transition:transform .6s;transform-style:preserve-3d}.card-flipper.is-flipped{transform:rotateY(180deg)}.card-back{transform:rotateY(180deg);background:radial-gradient(circle at center,#4a0e0e,#1a1a1a);border:2px solid #ef4444;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#ef4444;text-shadow:0 0 10px #ef4444}@keyframes flash-lock-overlay-anim{0%{opacity:.8;transform:scale(1.5)}80%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1)}}.flash-lock-overlay{animation:flash-lock-overlay-anim .6s ease-out forwards}.path-of-fate{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:1rem;width:100%;max-height:40vh;overflow-y:auto}.path-of-fate>.card{position:relative!important;left:auto!important;transform:none!important;flex-shrink:0}.path-of-fate .card-flipper{flex-shrink:0;width:120px;height:168px}@keyframes pulse-glow-final-card{0%{box-shadow:0 0 5px #fcd34d,0 0 8px #fcd34d}50%{box-shadow:0 0 15px #fcd34d,0 0 25px #fcd34d}to{box-shadow:0 0 5px #fcd34d,0 0 8px #fcd34d}}.final-card-clickable{cursor:pointer}.final-card-clickable .card-back{animation:pulse-glow-final-card 2s infinite ease-in-out;border-color:#fcd34d}@keyframes guess-correct-anim{0%{box-shadow:inset 0 2px 8px #000000b3;transform:scale(1)}50%{box-shadow:inset 0 0 20px #4ade80cc,0 0 15px #4ade8080;transform:scale(1.05)}to{box-shadow:inset 0 2px 8px #000000b3;transform:scale(1)}}.animate-guess-correct{animation:guess-correct-anim .8s ease-out}@keyframes guess-incorrect-anim{0%{box-shadow:inset 0 2px 8px #000000b3;transform:scale(1)}50%{box-shadow:inset 0 0 20px #ef4444cc,0 0 15px #ef444480;transform:scale(.98)}to{box-shadow:inset 0 2px 8px #000000b3;transform:scale(1)}}.animate-guess-incorrect{animation:guess-incorrect-anim .8s ease-out}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;background:#2d3748;border-radius:5px;border:1px solid #4a5568;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#e53e3e;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #e53e3e;transition:background .2s}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#e53e3e;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #e53e3e}input[type=range]:hover::-webkit-slider-thumb{background:#ef4444}@keyframes log-entry-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-log-entry-fade-in{animation:log-entry-fade-in .4s ease-out}.log-entry-icon{flex-shrink:0;margin-right:.75rem;height:1.25rem;width:1.25rem;display:inline-block;opacity:.7}.seed-input{font-family:EB Garamond,serif;background-color:#00000080;border:1px solid #4a5568;border-radius:.25rem;padding:.5rem 1rem;color:#e0e0e0;text-align:center;width:280px;transition:all .2s ease-in-out}.seed-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 10px #ef444480}@media (max-width: 768px){body{padding:.5rem}.card{width:80px;height:112px}.card-back{font-size:2.5rem}.card-rank{font-size:1.5rem!important}.card-suit{font-size:2.5rem!important}.path-of-fate{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.path-of-fate .card-flipper{width:80px;height:112px}.modal-content{padding:1.5rem}.modal-content h2{font-size:1.75rem}.header-logo{max-width:180px}.btn{padding:.6rem 1.25rem;font-size:.9rem}.pile-button{padding:.5rem}.pile-button svg{width:1.5rem;height:1.5rem}.deck-count-text{font-size:2rem}}