:root{--bg: #0a0a12;--bg-2: #140409;--red: #ff1e3c;--red-deep: #b3122e;--crimson: #7a0e22;--gold: #ffd700;--gold-soft: #ffe97a;--gold-deep: #b8860b;--text: #f5f0ec;--text-dim: #b9b0ab;--card: rgba(20, 8, 12, .75);--card-border: rgba(255, 30, 60, .28)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Vazirmatn,-apple-system,Segoe UI,Tahoma,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:100dvh;overflow-x:hidden;line-height:1.7}.title,.section-title,.topbar-title,.card-title,.type-name,.qnum,.qq,.opt{font-family:Estedad,Vazirmatn,sans-serif;letter-spacing:.4px}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1100px 550px at 82% -10%,rgba(255,215,0,.13),transparent 60%),radial-gradient(1000px 700px at 4% 108%,rgba(255,30,60,.3),transparent 55%),radial-gradient(900px 600px at 45% 35%,rgba(146,20,64,.2),transparent 60%),linear-gradient(160deg,#0b0609,#200813 42%,#2c0a18 70%,#12040a)}.neural-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;height:100dvh;opacity:.9;pointer-events:none}#root{position:relative;z-index:1}.app{max-width:560px;margin:0 auto;padding:20px 16px calc(40px + var(--player-h, 0px));display:flex;flex-direction:column;min-height:calc(100vh - 44px);min-height:calc(100dvh - 44px)}body.has-player{--player-h: 112px}.gold-text{background:linear-gradient(100deg,var(--gold-deep) 0%,var(--gold-soft) 28%,var(--gold) 50%,var(--gold-soft) 72%,var(--gold-deep) 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer 3.2s linear infinite}@keyframes shimmer{to{background-position:-220% center}}.red-text{background:linear-gradient(100deg,#7a0e22,#ff1e3c 30%,#ff5e6b,#ff1e3c 70%,#7a0e22);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer 3.2s linear infinite;filter:drop-shadow(0 0 14px rgba(255,30,60,.65))}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:0;bottom:0;width:45%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-18deg);animation:shineSweep 3.4s ease-in-out infinite;pointer-events:none}@keyframes shineSweep{0%{left:-60%}55%,to{left:130%}}.coin-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;color:var(--gold-soft);background:linear-gradient(120deg,#ffd70029,#ff1e3c24);border:1px solid rgba(255,215,0,.45);border-radius:99px;padding:8px 18px;box-shadow:0 0 18px #ffd70038,inset 0 0 12px #ffd70014;animation:coinPulse 2.6s ease-in-out infinite}@keyframes coinPulse{0%,to{box-shadow:0 0 14px #ffd7002e,inset 0 0 10px #ffd7000f}50%{box-shadow:0 0 28px #ffd70066,inset 0 0 14px #ffd70024}}.coin-badge .coin-icon{display:inline-block;color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,215,0,.6));animation:coinSpin 3.5s ease-in-out infinite}@keyframes coinSpin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.vip-badge{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:13px;font-weight:700;letter-spacing:.4px;border-radius:99px;padding:7px 16px;position:relative;overflow:hidden}.vip-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);animation:vipShine 2.8s ease-in-out infinite}@keyframes vipShine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.vip-badge svg{animation:vipFloat 2.2s ease-in-out infinite}@keyframes vipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.vip-full{color:#ffe9b0;background:linear-gradient(120deg,#7850ff4d,#ff1e3c38);border:1px solid rgba(170,140,255,.65);box-shadow:0 0 16px #8c64ff59;animation:vipPulseFull 2.6s ease-in-out infinite}@keyframes vipPulseFull{0%,to{box-shadow:0 0 12px #8c64ff47}50%{box-shadow:0 0 26px #a078ff80}}.vip-ult{color:#fff3c4;background:linear-gradient(120deg,#ffd70047,#ff78003d);border:1px solid rgba(255,200,60,.75);box-shadow:0 0 18px #ffb42866;animation:vipPulseUlt 2.2s ease-in-out infinite}@keyframes vipPulseUlt{0%,to{box-shadow:0 0 14px #ffb4284d}50%{box-shadow:0 0 32px #ffc84699}}.header{text-align:center;min-height:58vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:-20px -16px 12px;padding:24px 16px 40px;border-radius:0 0 30px 30px;background:radial-gradient(120% 90% at 50% 0%,rgba(197,107,255,.16),transparent 55%),radial-gradient(90% 70% at 50% 100%,rgba(255,215,0,.12),transparent 60%),linear-gradient(180deg,#180914f2,#12070ccc);border-bottom:1px solid rgba(255,215,0,.22);box-shadow:0 12px 40px #00000073,0 0 46px #c56bff1f;animation:fadeDown .6s ease both}@keyframes fadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.title{font-size:26px;font-weight:700}.subtitle{color:var(--text-dim);font-size:13.5px;margin-top:6px}.ver{font-size:10px;font-weight:500;color:#fff;background:linear-gradient(120deg,#c56bff,gold);border-radius:6px;padding:1px 6px;margin-right:6px;vertical-align:middle}.logo{width:86px;height:86px;margin:-12px auto 12px;position:relative;display:grid;place-items:center;border-radius:26px;background:radial-gradient(circle at 32% 28%,#1d0722,#0d040f 70%);border:2px solid rgba(205,140,255,.5);box-shadow:0 0 26px #aa50ff73,0 0 60px #ffd70024,inset 0 0 22px #aa50ff4d;animation:pulseGlow 2.6s ease-in-out infinite,floatBob 3.8s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 22px #aa50ff6b,0 0 54px #ffd7001f,inset 0 0 20px #aa50ff42}50%{box-shadow:0 0 34px #be64ffb3,0 0 84px #ffd70038,inset 0 0 26px #be64ff75}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.logo:before,.logo:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:30px;border:2px solid rgba(190,100,255,.55);opacity:0;animation:haloBurst 5s ease-out infinite;pointer-events:none}.logo:after{border-color:#ffd70099;animation-delay:2.6s}@keyframes haloBurst{0%{transform:scale(.9);opacity:0}10%{opacity:.85}30%,to{transform:scale(1.75);opacity:0}}.logo .persona{display:inline-block;filter:drop-shadow(0 3px 6px rgba(90,10,140,.55)) drop-shadow(0 0 14px rgba(197,107,255,.6));animation:personaFloat 3.6s ease-in-out infinite}.p3-head{animation:p3Tilt 5s ease-in-out infinite;transform-origin:48px 50px}.p3-gloss{animation:p3Gloss 3.6s ease-in-out infinite}.p3-aura{animation:p3Aura 2.6s ease-in-out infinite;transform-origin:48px 48px}.p3-print{animation:p3Print 4.4s ease-in-out infinite}.p3-eye{animation:p3Blink 5.2s ease-in-out infinite;transform-origin:65px 42px}.p3-scan{animation:p3Scan 4.4s ease-in-out infinite;transform-origin:66px 56px}.p3-scan-band{animation:p3Band 4.4s ease-in-out infinite}.p3-orbit{animation:p3Orbit 6s linear infinite;transform-origin:48px 48px}.p3-orbit2{animation-duration:9s;animation-direction:reverse}@keyframes personaFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2.5px) scale(1.03)}}@keyframes p3Tilt{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes p3Gloss{0%,to{opacity:.5}50%{opacity:.95}}@keyframes p3Aura{0%,to{transform:scale(.94);opacity:.7}50%{transform:scale(1.12);opacity:1}}@keyframes p3Print{0%,to{opacity:.45}45%{opacity:.85}}@keyframes p3Blink{0%,88%,to{transform:scaleY(1)}92%{transform:scaleY(.15)}96%{transform:scaleY(1)}}@keyframes p3Scan{0%{transform:translate(2px,5px) scale(1)}45%{transform:translate(-4px,-21px) scale(1.06)}55%{transform:translate(-4px,-21px) scale(1.06)}to{transform:translate(2px,5px) scale(1)}}@keyframes p3Band{0%{transform:translateY(34px);opacity:0}20%{opacity:.9}50%{transform:translateY(0);opacity:.5}80%{opacity:.9}to{transform:translateY(34px);opacity:0}}@keyframes p3Orbit{to{transform:rotate(360deg)}}.logo .emotion,.career-logo .emotion{display:inline-block;filter:drop-shadow(0 3px 6px rgba(8,42,72,.55)) drop-shadow(0 0 14px rgba(74,168,232,.5));animation:personaFloat 3.6s ease-in-out infinite}.w-compass{animation:wSettle 7s ease-in-out infinite;transform-origin:48px 48px}.w-aura{animation:p3Aura 3.2s ease-in-out infinite;transform-origin:48px 48px}.w-gloss{animation:p3Gloss 3.4s ease-in-out infinite}.w-needle{animation:wNeedle 5s ease-in-out infinite;transform-origin:48px 48px}.w-orbit{animation:p3Orbit 8s linear infinite;transform-origin:48px 48px}.w-orbit2{animation-duration:12s;animation-direction:reverse}@keyframes wNeedle{0%,to{transform:rotate(-8deg)}40%{transform:rotate(10deg)}70%{transform:rotate(-4deg)}}@keyframes wSettle{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}