@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--pink: #ff6eb4;--hot-pink: #ff2d87;--light-pink: #ffc1d6;--lavender: #d4c5f0;--purple: #a855f7;--deep-purple: #7c3aed;--gold: #fbbf24;--mint: #34d399;--sky: #38bdf8;--coral: #fb7185;--bg: #0f0a1a;--card-bg: rgba(255, 255, 255, .04);--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .1);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(168,85,247,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(255,46,135,.12),transparent),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(56,189,248,.06),transparent),linear-gradient(160deg,#0f0a1a,#1a0e2e 40%,#150d24)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:9999}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(1deg)}75%{transform:translateY(4px) rotate(-1deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff2e8733}50%{box-shadow:0 0 40px #ff2e8766,0 0 80px #a855f726}}@keyframes glow-effect{0%,to{filter:brightness(1) drop-shadow(0 0 8px rgba(251,191,36,.4))}50%{filter:brightness(1.2) drop-shadow(0 0 24px rgba(251,191,36,.8))}}@keyframes skinny-effect{0%,to{transform:scaleX(1)}50%{transform:scaleX(.75)}}@keyframes bounce-in{0%{transform:scale(.8) translateY(12px);opacity:0}60%{transform:scale(1.03) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes phone-ring{0%,to{transform:rotate(0)}10%{transform:rotate(12deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes heart-pop{0%{transform:scale(0) translateY(0);opacity:1}50%{transform:scale(1.4) translateY(-20px);opacity:.8}to{transform:scale(.6) translateY(-60px);opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-container{max-width:480px;margin:0 auto;padding:20px 16px;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}.title-screen{text-align:center;padding-top:60px;animation:bounce-in .7s cubic-bezier(.22,1,.36,1)}.title-screen h1{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--hot-pink),var(--purple),var(--sky));background-size:200% 200%;animation:gradient-shift 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1.4;filter:drop-shadow(0 0 30px rgba(255,46,135,.3))}.title-screen .subtitle{font-size:12px;font-weight:500;color:#d4c5f099;margin-bottom:40px;letter-spacing:3px;text-transform:uppercase}.start-btn{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;padding:16px 48px;background:linear-gradient(135deg,var(--hot-pink),var(--deep-purple));color:#fff;border:none;border-radius:50px;cursor:pointer;text-transform:uppercase;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 24px #ff2e874d,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 200%;animation:shimmer 3s infinite}.start-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 32px #ff2e8766,0 0 0 1px #ffffff26 inset}.start-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 12px #ff2e8733}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.character-area{position:relative;width:200px;height:260px;margin:20px auto;display:flex;align-items:center;justify-content:center}.kim-pixel{image-rendering:auto;position:relative;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3));transition:filter .4s ease}.kim-pixel.glow{animation:glow-effect 2s infinite}.kim-pixel.skinny{animation:skinny-effect 2s infinite}.kim-pixel.strong{transform:scaleX(1.2);filter:drop-shadow(0 8px 24px rgba(0,0,0,.3)) drop-shadow(0 0 12px rgba(251,191,36,.3))}.kim-pixel.clear-skin{filter:brightness(1.15) saturate(1.2) drop-shadow(0 8px 24px rgba(0,0,0,.3))}.kim-pixel.energetic{animation:float .6s infinite}.speech-bubble{position:absolute;top:-10px;right:-80px;background:#fffffff2;color:#1a0e2e;font-size:11px;font-weight:500;padding:12px 16px;border-radius:var(--radius-md);max-width:160px;animation:bounce-in .4s cubic-bezier(.22,1,.36,1);z-index:10;line-height:1.5;box-shadow:0 8px 32px #00000026;border:none}.speech-bubble:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#fffffff2;border-radius:4px;transform:translateY(-50%) rotate(45deg)}.speech-bubble.tonya{background:linear-gradient(135deg,#fffffff2,#fff0f5f2);box-shadow:0 8px 32px #ff2e8726;font-size:12px}.floating-heart{position:absolute;font-size:18px;animation:heart-pop 1.8s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sparkle{position:absolute;width:10px;height:10px;background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:sparkle 2s infinite;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.task-select{width:100%;padding:20px 0}.task-select h2{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;color:#ffffffb3;text-align:center;margin-bottom:20px;letter-spacing:.5px}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.task-card{font-family:Inter,sans-serif;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px 16px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff2e8714,#a855f714);opacity:0;transition:opacity .3s}.task-card:hover{border-color:#ff2e874d;transform:translateY(-4px);box-shadow:0 12px 40px #ff2e8726}.task-card:hover:before{opacity:1}.task-card .task-icon{font-size:32px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.task-card .task-label{font-size:11px;font-weight:600;line-height:1.4;color:#fffc;letter-spacing:.3px}.task-screen{width:100%;animation:slide-up .4s cubic-bezier(.22,1,.36,1);text-align:center}.task-screen h2{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.3px}.task-screen .narrative{font-size:13px;font-weight:400;color:#d4c5f0cc;margin-bottom:20px;line-height:1.7;padding:16px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.choices{display:flex;flex-direction:column;gap:10px;margin-top:16px}.choice-btn{font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:16px 20px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);text-align:left;line-height:1.5;position:relative;overflow:hidden}.choice-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff2e871a,#a855f71a);opacity:0;transition:opacity .25s}.choice-btn:hover{border-color:#ff2e8766;color:#fff;transform:translate(6px);box-shadow:0 4px 20px #ff2e871f}.choice-btn:hover:before{opacity:1}.choice-btn.correct{border-color:#34d39966;background:#34d39914;color:var(--mint)}.choice-btn.wrong{border-color:#fb71854d;background:#fb71850f;color:var(--coral);opacity:.6}.result-screen{text-align:center;animation:bounce-in .5s cubic-bezier(.22,1,.36,1)}.result-screen h2{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--gold),#f59e0b,var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(251,191,36,.2))}.result-screen .result-text{font-size:13px;font-weight:500;color:#d4c5f0e6;line-height:1.7;margin-bottom:12px}.result-screen .effect-text{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;animation:pulse-glow 2s infinite;text-shadow:none}.fb-post{background:#fffffff7;color:#1a1a2e;border-radius:var(--radius-lg);padding:16px;margin:16px 0;text-align:left;font-size:13px;line-height:1.6;border:none;box-shadow:0 8px 40px #0003}.fb-post .fb-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.fb-post .fb-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4267b2,#5b7fd6);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;box-shadow:0 2px 8px #4267b24d}.fb-post .fb-name{font-weight:700;color:#4267b2;font-size:13px}.fb-post .fb-drama{color:#dc2626;font-weight:600;font-size:13px;padding:12px;background:#ef44440f;border-radius:var(--radius-sm);margin-top:4px;line-height:1.6}.fb-reactions{display:flex;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06);font-size:13px;color:#666}.phone-screen{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;margin:16px 0;text-align:center}.phone-screen .caller-id{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;color:var(--mint);margin-bottom:8px}.phone-screen .phone-anim{font-size:40px;animation:phone-ring .6s infinite;display:inline-block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.syringe-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.peptide-btn{font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:16px 12px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(168,85,247,.15);border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);line-height:1.5;position:relative;overflow:hidden}.peptide-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a855f71a,#7c3aed1a);opacity:0;transition:opacity .25s}.peptide-btn:hover{background:#a855f71f;border-color:#a855f766;color:#fff;transform:scale(1.03);box-shadow:0 8px 24px #a855f726}.peptide-btn:hover:before{opacity:1}.peptide-btn .pep-name{display:block;color:var(--purple);margin-bottom:4px;font-size:13px;font-weight:700}.peptide-btn .pep-effect{display:block;color:#ffc1d6cc;font-size:11px;font-weight:400}.activity-content{text-align:center}.activity-content .scene{font-size:56px;margin:20px 0;animation:float-gentle 4s infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.activity-content .scene-text{font-size:13px;font-weight:400;color:#d4c5f0d9;line-height:1.8;margin-bottom:20px}.swimsuit-options{display:flex;gap:12px;justify-content:center;margin:16px 0}.swimsuit-btn{font-size:32px;padding:16px 20px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.15);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:none}.swimsuit-btn:hover{background:#38bdf81f;border-color:#38bdf866;transform:scale(1.12) translateY(-4px);box-shadow:0 12px 32px #38bdf826}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.shop-item{font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:16px 12px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.12);border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);line-height:1.5;position:relative;overflow:hidden}.shop-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fbbf240f,#f59e0b0f);opacity:0;transition:opacity .25s}.shop-item:hover{border-color:#fbbf2459;transform:translateY(-3px);box-shadow:0 8px 24px #fbbf241a}.shop-item:hover:before{opacity:1}.shop-item .item-emoji{font-size:28px;display:block;margin-bottom:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.cruise-ship{font-size:72px;margin:20px 0;animation:float-gentle 5s infinite;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}.ocean{height:48px;background:linear-gradient(180deg,transparent,rgba(56,189,248,.15));border-radius:50% 50% 0 0;margin:0 -20px;animation:float 2.5s infinite}.tanning-scene{position:relative;padding:24px}.tanning-scene .sun{font-size:56px;animation:pulse-glow 3s infinite;filter:drop-shadow(0 0 20px rgba(251,191,36,.4))}.tanning-scene .tan-lines{font-size:12px;font-weight:500;color:var(--gold);margin-top:16px}.back-btn{font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#ffffff80;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);margin-top:20px}.back-btn:hover{border-color:#ff2e8766;color:var(--pink);background:#ff2e870f}.stats-bar{display:flex;justify-content:center;gap:28px;padding:14px 20px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:50px;margin-bottom:20px;border:1px solid var(--glass-border);width:100%}.stat{font-size:12px;font-weight:500;color:#ffffffb3;display:flex;align-items:center;gap:6px}.stat .stat-icon{font-size:16px}.stat .stat-val{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--pink);font-size:13px}.glitter-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:100}.glitter{position:absolute;width:3px;height:3px;background:var(--gold);border-radius:50%;animation:sparkle 4s infinite;opacity:.6}.status-effects{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}.status-badge{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;padding:6px 14px;border-radius:50px;background:linear-gradient(135deg,#ff2e871f,#a855f71f);border:1px solid rgba(255,46,135,.25);color:var(--pink);animation:pulse-glow 2.5s infinite}@media(max-width:500px){.game-container{padding:12px}.task-grid{grid-template-columns:1fr}.title-screen h1{font-size:24px}}