*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #07071a;--bg-dark: #0d0d1f;--bg-card: #10102a;--color-red: #e94560;--color-red-glow: rgba(233, 69, 96, .5);--color-blue: #4488ff;--color-blue-glow: rgba(68, 136, 255, .45);--color-gold: #ffd700;--color-gold-glow: rgba(255, 215, 0, .5);--color-green: #4ade80;--color-cyan: #00d4ff;--font-title: "Orbitron", monospace;--font-ui: "Rajdhani", "Segoe UI", sans-serif}body{font-family:var(--font-ui);background:var(--bg-deep);color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-red);border-radius:3px}@keyframes pulse-glow-red{0%,to{box-shadow:0 0 18px #e9456066,0 0 36px #e9456026}50%{box-shadow:0 0 35px #e94560b3,0 0 70px #e9456059}}@keyframes pulse-glow-gold{0%,to{box-shadow:0 0 22px #ffd70080,0 0 50px #ffd70033}50%{box-shadow:0 0 50px #ffd700e6,0 0 100px #ffd70066}}@keyframes pulse-glow-blue{0%,to{box-shadow:0 0 18px #48f6}50%{box-shadow:0 0 40px #4488ffb3,0 0 80px #4488ff40}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-14px) rotate(var(--rot, 0deg))}}@keyframes float-particle{0%{transform:translateY(0) rotate(0);opacity:.7}50%{opacity:.3}to{transform:translateY(-110vh) rotate(400deg);opacity:0}}@keyframes title-glow{0%,to{text-shadow:0 0 20px rgba(233,69,96,.6),0 0 40px rgba(233,69,96,.25)}50%{text-shadow:0 0 50px rgba(233,69,96,.9),0 0 100px rgba(233,69,96,.5),0 0 150px rgba(233,69,96,.2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bar-fill{0%{width:0%}}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0) scaleX(1);opacity:1}50%{transform:translateY(50vh) rotate(360deg) scaleX(-1);opacity:.8}to{transform:translateY(110vh) rotate(720deg) scaleX(1);opacity:0}}@keyframes winner-bounce{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.07) rotate(2deg)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.card-flip-wrapper{width:100%;height:100%;perspective:1200px}.card-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1)}.card-flip-inner.face-down{transform:rotateY(180deg)}.card-face,.card-back-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;overflow:hidden}.card-back-face{transform:rotateY(180deg)}.attr-bar-track{width:100%;height:5px;background:#ffffff12;border-radius:3px;overflow:hidden;margin-top:3px}.attr-bar-fill{height:100%;border-radius:3px;animation:bar-fill .9s ease-out forwards}.glow-red{animation:pulse-glow-red 2s ease-in-out infinite}.glow-gold{animation:pulse-glow-gold 1.6s ease-in-out infinite}.glow-blue{animation:pulse-glow-blue 2s ease-in-out infinite}.thinking-dots span{animation:blink 1.4s infinite;opacity:0}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}.float{animation:float 3.5s ease-in-out infinite}.title-glow{animation:title-glow 2.5s ease-in-out infinite}.winner-bounce{animation:winner-bounce 1.8s ease-in-out infinite}@keyframes turn-ring-pulse{0%{box-shadow:0 0 #48fc,0 0 20px #48f6}65%{box-shadow:0 0 0 14px #48f0,0 0 40px #4488ffb3}to{box-shadow:0 0 #48f0,0 0 20px #48f6}}@keyframes attr-row-hint{0%,to{background:#4488ff0f}50%{background:#4488ff24}}.turn-highlight{animation:turn-ring-pulse 1.6s ease-out infinite}.attr-row-hint{animation:attr-row-hint 2s ease-in-out infinite}