@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&family=Lilita+One&display=swap";:root{--font-display: "Lilita One", cursive;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--bg-deep: #0d0d1a;--bg-base: #141425;--bg-surface: #1e1e35;--bg-card: #252540;--bg-elevated: #2d2d4a;--text-primary: #f0eef6;--text-secondary: #a8a4c0;--text-muted: #6b6789;--purple: #7c6df0;--purple-light: #a89cf8;--purple-glow: rgba(124, 109, 240, .4);--green: #00d4a1;--green-light: #5fffce;--green-glow: rgba(0, 212, 161, .4);--pink: #f05aa0;--pink-light: #ff8ec4;--pink-glow: rgba(240, 90, 160, .4);--orange: #ff8a50;--orange-light: #ffb088;--orange-glow: rgba(255, 138, 80, .4);--yellow: #ffd166;--yellow-light: #ffe4a0;--yellow-glow: rgba(255, 209, 102, .4);--red: #ff5757;--red-light: #ff8a8a;--red-glow: rgba(255, 87, 87, .4);--teal: #00d4d4;--teal-light: #66f0f0;--blue: #4da6ff;--blue-light: #8ac4ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 100px;--radius-round: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow-purple: 0 0 30px var(--purple-glow);--shadow-glow-green: 0 0 30px var(--green-glow);--shadow-glow-pink: 0 0 30px var(--pink-glow);--shadow-glow-yellow: 0 0 30px var(--yellow-glow)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::selection{background:var(--purple);color:#fff}input,textarea,button,select{font-family:var(--font-body)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{outline:none}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #7c6df026}50%{box-shadow:0 0 35px #7c6df080}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(2px)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dramatic-reveal{0%{opacity:0;transform:scale(.8) rotateX(15deg)}60%{opacity:1;transform:scale(1.02) rotateX(-2deg)}to{opacity:1;transform:scale(1) rotateX(0)}}@keyframes glow-text{0%,to{text-shadow:0 0 10px currentColor}50%{text-shadow:0 0 25px currentColor,0 0 50px currentColor}}@keyframes bg-pan{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(9%,4%)}90%{transform:translate(-1%,7%)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.08)}56%{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes trophy-bounce{0%{transform:translateY(60px) scale(0);opacity:0}50%{transform:translateY(-10px) scale(1.1);opacity:1}70%{transform:translateY(5px) scale(.95)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes score-fly{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.3)}}@keyframes bar-fill{0%{width:0%}}@keyframes border-dance{0%{border-color:var(--purple)}25%{border-color:var(--pink)}50%{border-color:var(--yellow)}75%{border-color:var(--green)}to{border-color:var(--purple)}}.shake{animation:shake .45s ease-in-out}.shimmer-text{background:linear-gradient(135deg,var(--purple),var(--pink),var(--yellow));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}.glow-box{animation:glow-pulse 3s ease-in-out infinite}.bg-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-atmosphere:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse at 20% 50%,rgba(124,109,240,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(240,90,160,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,212,161,.05) 0%,transparent 50%);animation:bg-pan 20s linear infinite alternate;background-size:200% 200%}.bg-atmosphere:after{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;width:300%;height:300%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite;opacity:.4}[data-game=street-smarts]{--game-primary: var(--purple);--game-light: var(--purple-light);--game-glow: var(--purple-glow)}[data-game=three-way]{--game-primary: var(--green);--game-light: var(--green-light);--game-glow: var(--green-glow)}[data-game=pecha-kucha],[data-game=gaggle-night-photos]{--game-primary: var(--pink);--game-light: var(--pink-light);--game-glow: var(--pink-glow)}
