*{box-sizing:border-box}body{color:#fff;background:#07040f;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.orb{filter:blur(70px);opacity:.45;z-index:0;background:radial-gradient(circle,#a855f7 0%,#ec4899 40%,#0000 70%);border-radius:50%;width:420px;height:420px;animation:5s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.screen>*{z-index:1;position:relative}.logo{letter-spacing:6px;background:linear-gradient(90deg,#c084fc,#f472b6,#67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3rem}.muted{color:#b9aed1;margin:0}.label{letter-spacing:4px;color:#b9aed1;margin:0}.score{background:linear-gradient(#fff,#c084fc);color:#0000;text-shadow:0 0 40px #c084fc99;-webkit-background-clip:text;background-clip:text;font-size:7rem;font-weight:800;line-height:1}.btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#a855f7,#ec4899);border:none;border-radius:999px;margin-top:10px;padding:14px 28px;font-size:1rem;font-weight:700;box-shadow:0 0 28px #ec489980}.btn:active{transform:scale(.97)}.btn.ghost{box-shadow:none;background:0 0;border:1px solid #6b5b8f}.error{color:#fca5a5;max-width:320px;font-size:.85rem}.logo.small{letter-spacing:4px;font-size:1.8rem}.form{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:360px;display:flex}.form label{color:#b9aed1;margin-top:6px;font-size:.85rem}.form input[type=text],.form input:not([type]),.form select{color:#fff;background:#ffffff12;border:1px solid #4b3d6b;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:1rem}.form select option{color:#000}.form input:focus,.form select:focus{border-color:#c084fc;box-shadow:0 0 14px #c084fc66}.form .check{align-items:center;gap:10px;display:flex}.btn:disabled{opacity:.6}.progress{background:#ffffff1f;border-radius:999px;width:100%;max-width:360px;height:6px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#a855f7,#ec4899);height:100%;transition:width .3s}.question{max-width:360px;margin:10px 0;font-size:1.5rem}.options{flex-direction:column;gap:10px;width:100%;max-width:360px;display:flex}.option{color:#fff;text-align:left;cursor:pointer;background:#ffffff12;border:1px solid #4b3d6b;border-radius:14px;padding:14px 16px;font-size:1rem}.option:hover{border-color:#c084fc;box-shadow:0 0 14px #c084fc66}.option:active{transform:scale(.98)}.option:disabled{opacity:.5}.tier{letter-spacing:4px;color:#f9a8d4;margin:0;font-weight:700}.screen>.orb{z-index:0;margin-left:-210px;position:absolute;top:-120px;left:50%}.screen.home{justify-content:flex-start;padding-top:48px;padding-bottom:48px}.score{overflow-wrap:anywhere;max-width:100%}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tasks{flex-direction:column;gap:18px;width:100%;max-width:380px;margin-top:10px;display:flex}.task-section{flex-direction:column;gap:8px;display:flex}.task-section .label{text-align:left;font-size:.8rem}.task{color:#fff;text-align:left;cursor:pointer;background:#ffffff12;border:1px solid #4b3d6b;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:1rem;display:flex}.task:hover:not(:disabled){border-color:#c084fc;box-shadow:0 0 14px #c084fc66}.task:active:not(:disabled){transform:scale(.98)}.task .tick{border:2px solid #6b5b8f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;display:flex}.task-title{flex:1}.task-points{color:#f9a8d4;font-weight:700}.task.done{opacity:.55;cursor:default}.task.done .tick{background:linear-gradient(90deg,#a855f7,#ec4899);border-color:#0000}.task.done .task-title{text-decoration:line-through}.board{flex-direction:column;gap:12px;width:100%;max-width:400px;display:flex}.tabs{background:#ffffff0f;border-radius:999px;gap:4px;padding:4px;display:flex}.tab{color:#b9aed1;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:9px 4px;font-size:.8rem;font-weight:600}.tab.active{color:#fff;background:linear-gradient(90deg,#a855f7,#ec4899);box-shadow:0 0 16px #ec489966}.podium{justify-content:center;align-items:flex-end;gap:8px;margin-top:6px;display:flex}.pod{background:#ffffff12;border:1px solid #4b3d6b;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;padding:12px 6px;display:flex}.pod.first{border-color:#facc15;padding-top:24px;padding-bottom:24px;box-shadow:0 0 22px #facc1559}.pod.second{border-color:#cbd5e1}.pod.third{border-color:#fb923c}.pod .medal{font-size:1.6rem}.pod .pname{overflow-wrap:anywhere;max-width:100%;font-size:.9rem;font-weight:700}.pod .pscore{color:#f9a8d4;font-weight:800}.rowitem{text-align:left;background:#ffffff0f;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.rowitem.me{border-color:#c084fc;box-shadow:0 0 14px #c084fc73}.rank{color:#b9aed1;width:30px;font-weight:800}.who{flex:1;min-width:0}.who .nm{overflow-wrap:anywhere;font-weight:700}.who .sub{color:#b9aed1;overflow-wrap:anywhere;font-size:.78rem}.pts{color:#f9a8d4;font-weight:800}.ig{color:#67e8f9;font-size:.78rem;text-decoration:none}.hint{color:#b9aed1;margin:2px 0;font-size:.8rem}.chip{background:#a855f72e;border:1px solid #a855f7;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.linkbtn{color:#67e8f9;cursor:pointer;text-align:left;background:0 0;border:none;padding:6px 0;font-size:.85rem}.match{color:#fff;text-align:left;cursor:pointer;background:#ffffff12;border:1px solid #4b3d6b;border-radius:10px;padding:10px 14px;font-size:.95rem}.match:hover{border-color:#c084fc}.code{letter-spacing:8px;color:#67e8f9;text-shadow:0 0 18px #67e8f980;font-size:2rem;font-weight:800}.code.small{letter-spacing:3px;text-shadow:none;font-size:.9rem}.crew{color:#fff;text-align:left;cursor:pointer;background:#ffffff12;border:1px solid #4b3d6b;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:1rem;display:flex}.crew:hover{border-color:#c084fc;box-shadow:0 0 14px #c084fc66}.form textarea{color:#fff;resize:vertical;background:#ffffff12;border:1px solid #4b3d6b;border-radius:12px;outline:none;width:100%;min-height:130px;padding:12px 14px;font-family:inherit;font-size:.95rem}.form textarea:focus{border-color:#c084fc;box-shadow:0 0 14px #c084fc66}.form input.code-input{text-transform:uppercase;letter-spacing:8px;text-align:center;font-size:1.4rem}body:before{content:"";z-index:-1;background:radial-gradient(40% 40% at 20% 30%,#a855f761,#0000 70%),radial-gradient(35% 35% at 80% 20%,#ec48994d,#0000 70%),radial-gradient(40% 40% at 60% 85%,#22d3ee3d,#0000 70%);animation:18s ease-in-out infinite alternate drift;position:fixed;inset:-20%}@keyframes drift{to{transform:translate(5%,4%)scale(1.18)rotate(7deg)}}.screen{padding-bottom:100px}.score{animation:3s ease-in-out infinite glow}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px #c084fc80)}50%{filter:drop-shadow(0 0 28px #ec4899e6)}}.logo{background-size:200% 100%;animation:5s linear infinite slide}@keyframes slide{to{background-position:200% 0}}.nav{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#0c0618b8;border-top:1px solid #a855f759;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{color:#8b7fa8;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:.7rem;display:flex}.nav .ic{font-size:1.35rem;transition:transform .2s}.nav button.on{color:#fff}.nav button.on .ic{filter:drop-shadow(0 0 8px #ec4899);transform:translateY(-3px)scale(1.18)}.feed{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.composer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #4b3d6b;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.composer textarea{color:#fff;resize:none;background:#00000040;border:1px solid #4b3d6b;border-radius:12px;outline:none;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;font-size:1rem}.composer textarea:focus{border-color:#c084fc;box-shadow:0 0 14px #c084fc66}.composer-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.small-btn{margin-top:0;padding:10px 18px;font-size:.9rem}.dots{gap:8px;display:flex}.dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px}.dot.on{border-color:#fff;box-shadow:0 0 12px #fff9}.dot.neon{background:linear-gradient(135deg,#a855f7,#ec4899)}.dot.sunset{background:linear-gradient(135deg,#f97316,#ec4899)}.dot.ocean{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.dot.gold{background:linear-gradient(135deg,#facc15,#f97316)}.dot.void{background:linear-gradient(135deg,#1e1b4b,#7c3aed)}.flex-card{text-align:left;border:1px solid #ffffff2e;border-radius:20px;padding:16px;animation:.55s ease-out both rise;position:relative;overflow:hidden}.flex-card:before{content:"";z-index:0;opacity:.4;background-size:250% 250%;animation:7s linear infinite shimmer;position:absolute;inset:0}.flex-card>*{z-index:1;position:relative}.theme-neon{background:#581c8780}.theme-neon:before{background-image:linear-gradient(120deg,#a855f7,#ec4899,#a855f7)}.theme-sunset{background:#7c2d1280}.theme-sunset:before{background-image:linear-gradient(120deg,#f97316,#ec4899,#f97316)}.theme-ocean{background:#082f498c}.theme-ocean:before{background-image:linear-gradient(120deg,#06b6d4,#3b82f6,#06b6d4)}.theme-gold{background:#713f1280}.theme-gold:before{background-image:linear-gradient(120deg,#facc15,#f97316,#facc15)}.theme-void{background:#170a36b3}.theme-void:before{background-image:linear-gradient(120deg,#1e1b4b,#7c3aed,#1e1b4b)}@keyframes rise{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:250% 0}}.card-head{align-items:center;gap:10px;display:flex}.card-who{flex:1;min-width:0}.avatar{background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex;box-shadow:0 0 14px #ec48998c}.card-name{overflow-wrap:anywhere;font-weight:700}.chip-tier{letter-spacing:2px;font-size:.65rem;font-weight:800}.card-text{overflow-wrap:anywhere;margin:12px 0;font-size:1.15rem;line-height:1.35}.card-foot{align-items:center;gap:12px;display:flex}.spacer{flex:1}.fire{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;font-weight:700;display:flex}.fire.on{background:#f9731659;border-color:#fb923c;box-shadow:0 0 16px #f973168c}.fire.pop .flame{animation:.6s pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.9)rotate(-14deg)}to{transform:scale(1)}}.icon-btn{color:#b9aed1;cursor:pointer;background:0 0;border:none;font-size:1.05rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.search{color:#fff;background:#ffffff12;border:1px solid #4b3d6b;border-radius:999px;outline:none;width:100%;padding:12px 18px;font-size:1rem}.search:focus{border-color:#c084fc;box-shadow:0 0 14px #c084fc66}.person{color:#fff;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;animation:.5s ease-out both rise;display:flex}.person:hover{border-color:#c084fc;box-shadow:0 0 14px #c084fc66}.avatar.big{width:88px;height:88px;font-size:2.2rem;box-shadow:0 0 30px #ec4899b3}.small-score{font-size:4rem}.stats{justify-content:center;gap:26px;margin:4px 0;display:flex}.stats div{flex-direction:column;align-items:center;display:flex}.stats b{font-size:1.3rem}.stats span{color:#b9aed1;font-size:.75rem}.form .check input[type=radio]{width:auto}.logo-mark{filter:drop-shadow(0 0 18px #ec4899b3)}.logo-mark .ring-a,.logo-mark .ring-b,.logo-mark .star{transform-box:fill-box;transform-origin:50%}.logo-mark.spin .ring-a{animation:12s linear infinite spin}.logo-mark.spin .ring-b{animation:8s linear infinite reverse spin}.logo-mark.spin .star{animation:2.6s ease-in-out infinite starpulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes starpulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.landing{overflow:hidden}.hero-title{letter-spacing:.12em;background:linear-gradient(90deg,#c084fc,#f472b6,#67e8f9,#c084fc) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0;font-size:clamp(2.6rem,12vw,4.6rem);font-weight:900;animation:6s linear infinite slide,4s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tagline{color:#d8ccf0;min-height:1.6em;margin:0;font-size:1.05rem;animation:2.6s ease-in-out infinite fadeswap}@keyframes fadeswap{0%{opacity:0;transform:translateY(8px)}15%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.landing-btn{padding:16px 36px;font-size:1.1rem;position:relative;overflow:hidden}.landing-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;height:100%;animation:3s ease-in-out infinite shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@keyframes shine{0%,60%{left:-60%}to{left:130%}}.screen>.spark{z-index:0;background:#fff;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 10px 2px #fffc}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.6)}50%{opacity:1;transform:scale(1.4)}}.confetti{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:0;animation-name:fall;animation-timing-function:cubic-bezier(.2,.6,.4,1);animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift), 105vh) rotate(calc(var(--rot) + 720deg))}}.levelup{z-index:50;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle,#1e0a3ced,#05020cf7);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;animation:.35s both fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.lu-small{letter-spacing:10px;margin:0;font-weight:800;animation:.6s cubic-bezier(.2,1.4,.4,1) .1s both zoomin}.lu-tier{letter-spacing:.06em;margin:0;font-size:clamp(2rem,10vw,3.6rem);font-weight:900;animation:.7s cubic-bezier(.2,1.4,.4,1) .3s both zoomin}@keyframes zoomin{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.lu-ring{opacity:0;border:3px solid;border-radius:50%;width:120px;height:120px;animation:2.2s ease-out infinite ringout;position:absolute}.lu-ring.r2{animation-delay:.7s}@keyframes ringout{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(6)}}.task{position:relative}.floatpts{color:#f9a8d4;pointer-events:none;font-weight:800;animation:1s ease-out forwards floatup;position:absolute;top:-4px;right:14px}@keyframes floatup{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-34px)scale(1.5)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.fire{position:relative}.fire:disabled{cursor:default}.fire:disabled:not(.on){opacity:.7}.sharesheet{z-index:55;-webkit-backdrop-filter:blur(8px);background:#05020ce0;justify-content:center;align-items:center;padding:16px;animation:.3s both fadein;display:flex;position:fixed;inset:0;overflow-y:auto}.sharebox{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:380px;display:flex}.cardpreview{border:1px solid #fff3;border-radius:20px;width:auto;max-width:100%;max-height:58vh;animation:.5s ease-out both rise;box-shadow:0 0 40px #a855f780}.lu-actions{margin-top:18px;animation:.6s cubic-bezier(.2,1.4,.4,1) .7s both zoomin}.bell{top:calc(12px + env(safe-area-inset-top));z-index:25;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#0c0618b3;border:1px solid #a855f773;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex;position:fixed;right:14px}.belldot{background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:800;animation:1.6s ease-in-out infinite dotpulse;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 0 12px #ef4444cc}@keyframes dotpulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.toast{top:calc(14px + env(safe-area-inset-top));z-index:70;text-align:center;cursor:pointer;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:999px;max-width:88vw;padding:12px 20px;font-weight:700;animation:.5s cubic-bezier(.2,1.4,.4,1) both toastin;position:fixed;left:50%;box-shadow:0 0 30px #ec4899a6}@keyframes toastin{0%{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%)}}.notif{color:#fff;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;animation:.5s ease-out both rise;display:flex}.notif.new{background:#ec48991f;border-color:#ec4899;box-shadow:0 0 16px #ec489973}.farm{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;display:flex}.farm-btn{background:linear-gradient(90deg,#16a34a,#84cc16);box-shadow:0 0 28px #84cc1673}.farm-btn.shake{animation:.5s wobble}@keyframes wobble{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-6deg)scale(1.07)}40%{transform:rotate(6deg)scale(1.07)}60%{transform:rotate(-4deg)scale(1.03)}80%{transform:rotate(3deg)}}.farm-line{text-align:center;background:#ffffff14;border:1px solid #4b3d6b;border-radius:16px;padding:12px 16px;font-weight:700;animation:.45s cubic-bezier(.2,1.4,.4,1) both linepop}.farm-zero{color:#f87171;margin-left:8px;font-weight:800}@keyframes linepop{0%{opacity:0;transform:scale(.7)translateY(10px)}to{opacity:1;transform:none}}.quip{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:70;text-align:left;color:#fff;cursor:pointer;background:#180c30f0;border:1px solid #a855f7;border-radius:18px;align-items:center;gap:10px;width:max-content;max-width:88vw;padding:12px 18px;font-weight:700;line-height:1.3;animation:.45s cubic-bezier(.2,1.4,.4,1) both quipin;display:flex;position:fixed;box-shadow:0 0 28px #a855f78c}.quip b{color:#f87171;font-size:1.1rem}@keyframes quipin{0%{opacity:0;transform:translate(-50%,24px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.lab{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;margin-top:8px;display:flex}.lab-btn{background:linear-gradient(90deg,#16a34a,#84cc16);box-shadow:0 0 28px #84cc1673}.lab-btn.lab-shake{animation:.5s labwobble}@keyframes labwobble{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-6deg)scale(1.07)}40%{transform:rotate(6deg)scale(1.07)}60%{transform:rotate(-4deg)scale(1.03)}80%{transform:rotate(3deg)}}