:root{--blood-red:#dc2626;--crimson:#991b1b;--dark-red:#450a0a;--gold:#fbbf24}*{box-sizing:border-box;margin:0;padding:0}body{color:#fee2e2;background:radial-gradient(at 50% 20%,#2a0404 0%,#0f0202 55%,#050000 100%);justify-content:center;align-items:center;min-height:100dvh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.stars{pointer-events:none;z-index:0;position:fixed;inset:0}.star{opacity:.7;background:#fca5a5;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.9}}.scene{z-index:1;text-align:center;width:100%;max-width:100vw;padding:1rem;position:relative}.title{letter-spacing:.06em;color:#0000;text-shadow:0 0 30px #dc262680;background:linear-gradient(90deg,#fca5a5,#ef4444,#7f1d1d) text;font-size:clamp(1.4rem,6vw,2.4rem);font-weight:600}.subtitle{color:#fca5a5;margin-top:.5rem;font-size:.85rem;font-style:italic}.stage{width:min(280px,80vw);height:min(280px,80vw);margin:1.5rem auto;position:relative}.scary-sphere{z-index:1;background:radial-gradient(circle at 35% 35%,#450a0a 0%,#2b0000 40%,#180000 70%,#050000 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:4s ease-in-out infinite malevolentPulse;display:flex;position:relative;box-shadow:0 0 25px 4px #dc2626b3,0 0 60px 15px #7f1d1d80,inset -15px -15px 40px #000000f2}@keyframes malevolentPulse{0%,to{box-shadow:0 0 20px 2px #dc262699,0 0 50px 10px #7f1d1d66,inset -15px -15px 40px #000000f2}50%{box-shadow:0 0 35px 8px #ef4444e6,0 0 75px 20px #991b1bb3,inset -10px -10px 30px #000000fa}}.fortune{z-index:2;scrollbar-width:none;text-align:center;color:#fee2e2;opacity:0;text-shadow:0 0 8px #ef4444e6,0 0 20px #991b1b99;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:70%;height:70%;padding:.4rem;font-size:clamp(.7rem,3.2vw,.9rem);line-height:1.35;transition:opacity .6s;display:flex;position:absolute;top:15%;left:15%;overflow-y:auto}.fortune::-webkit-scrollbar{display:none}.scary-sphere.revealed .fortune{opacity:1}.fortune .line{animation:.8s both rise}.fortune .line strong{color:var(--gold)}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.96)}to{opacity:1;filter:blur();transform:none}}.controls{flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:320px;margin:0 auto;display:flex}.controls label{letter-spacing:.1em;text-transform:uppercase;color:#fca5a5;font-size:.8rem}.controls input{color:#fee2e2;color-scheme:dark;z-index:10;background:#450a0a4d;border:1px solid #ef444466;border-radius:10px;outline:none;width:100%;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.controls input:focus{border-color:var(--blood-red);box-shadow:0 0 12px #dc262666}.controls button{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#b91c1c,#450a0a);border:1px solid #f871714d;border-radius:999px;width:100%;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 0 20px #b91c1c80}.controls button:hover{transform:translateY(-2px);box-shadow:0 0 30px #dc2626cc}.controls button:active{transform:translateY(0)}@media (width>=600px){.stage{width:340px;height:340px;margin:2.2rem auto}.subtitle{margin-bottom:1rem;font-size:.95rem}.controls{max-width:360px}.controls button{width:auto}}
/*# sourceMappingURL=uncertainfuture.725104f1.css.map */