:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;--purple: #8b5cf6;--purple-dark: #6d28d9;--purple-glow: rgba(139, 92, 246, .3);--gold: #fbbf24;--gold-soft: rgba(251, 191, 36, .15);--bg: #0a0a12;--surface: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--text: #e8e4f0;--text-muted: rgba(232, 228, 240, .55)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body{background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(251,191,36,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(139,92,246,.06) 0%,transparent 50%),var(--bg)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 4rem;transition:opacity .4s ease}.app.fade-out{opacity:0}.app.fade-in{opacity:1}.header{text-align:center;margin-bottom:2.5rem}.title{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--gold) 0%,#f59e0b 50%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:1rem;max-width:28rem}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:520px;width:100%}@media(max-width:480px){.card-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}.pick-card{aspect-ratio:2.5 / 3.5;border:1.5px solid var(--border);border-radius:.75rem;background:linear-gradient(145deg,#8b5cf61a,#fbbf240d),var(--surface);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:inherit;color:inherit;display:flex;align-items:center;justify-content:center}.pick-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.75rem;background:linear-gradient(135deg,var(--purple-glow),transparent,var(--gold-soft));opacity:0;transition:opacity .3s}.pick-card:hover{border-color:var(--purple);transform:translateY(-4px);box-shadow:0 8px 30px #8b5cf633,0 0 0 1px #8b5cf61a}.pick-card:hover:before{opacity:1}.pick-card:active{transform:translateY(-2px) scale(.97)}.pick-card-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1}.pick-card-number{font-size:1.4rem;font-weight:700;color:var(--gold);opacity:.6}.pick-card-pattern{display:flex;gap:.35rem;font-size:.6rem;color:var(--text-muted);opacity:.4}.reveal-area{display:flex;flex-direction:column;align-items:center;gap:2rem;perspective:1200px}.flip-card{width:320px;height:460px;cursor:pointer;perspective:1200px}@media(max-width:480px){.flip-card{width:280px;height:400px}}.flip-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1.5px solid var(--border);overflow:hidden}.flip-card-front{background:linear-gradient(160deg,#8b5cf626,#fbbf2414),var(--surface);display:flex;align-items:center;justify-content:center}.card-back-design{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.card-back-border{position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;border:1px solid rgba(139,92,246,.2);border-radius:1.5rem}.card-back-symbol{font-size:2rem;color:var(--gold);opacity:.6;animation:pulse-glow 3s ease-in-out infinite}.card-back-label{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);font-weight:500}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.flip-card-back{background:linear-gradient(160deg,#1a1028,#0f0a1a,#15101e);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:2rem;border-color:var(--purple);box-shadow:0 0 40px #8b5cf626,inset 0 0 60px #8b5cf60d}.fortune-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fade-up .6s ease .4s both}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fortune-emoji{font-size:3rem;filter:drop-shadow(0 0 12px rgba(251,191,36,.4))}.fortune-title{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,var(--gold) 0%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fortune-message{font-size:.95rem;line-height:1.7;color:var(--text-muted);max-width:260px}.reset-btn{padding:.75rem 2rem;border:1px solid var(--purple);border-radius:2rem;background:#8b5cf61a;color:var(--purple);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;letter-spacing:.02em;animation:fade-up .4s ease both}.reset-btn:hover{background:#8b5cf633;box-shadow:0 0 20px #8b5cf626;transform:translateY(-2px)}.reset-btn:active{transform:translateY(0)}