*{box-sizing:border-box}body{color:#fff;background:#07040f;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ic-wrap{text-align:left;gap:12px;width:100%;max-width:520px;display:grid}.ic-card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;padding:14px}.ic-card h3{margin:0 0 6px;font-size:1rem}.ic-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ic-row .grow{flex:1}.ic-badge{color:#67e8f9;background:#67e8f92e;border-radius:999px;padding:2px 8px;font-size:.7rem}.ic-badge.pend{color:#facc15;background:#facc152e}.ic-badge.crown{color:#f9a8d4;background:#f472b633}.ic-bar{background:#ffffff1a;border-radius:999px;height:8px;margin:6px 0;position:relative;overflow:hidden}.ic-bar i{background:linear-gradient(90deg,#a855f7,#ec4899);height:100%;display:block}.ic-bar b{background:#fff;width:2px;position:absolute;top:-2px;bottom:-2px}.ic-pick{align-items:center;gap:8px;padding:6px 0;display:flex}.ic-card textarea,.ic-card input[type=text]{width:100%}.crew.inst{border:1px solid #f472b699;box-shadow:0 0 24px #f472b640}.story{--p:0;color:#fff;background:#07040f;position:relative;overflow-x:clip}.story em{background:linear-gradient(90deg,#c084fc,#f472b6,#67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.st-bg{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 110%, hsl(calc(265 + var(--p) * 90) 90% 45% / .55), transparent 70%), radial-gradient(50% 40% at 50% -10%, hsl(calc(300 + var(--p) * 60) 80% 40% / .35), transparent 70%);position:fixed;inset:0}.st-stars{z-index:0;pointer-events:none;transform:translateY(calc(var(--p) * -120px));position:fixed;inset:0}.st-stars span{opacity:.2;background:#fff;border-radius:50%;animation:3.4s ease-in-out infinite st-tw;position:absolute}@keyframes st-tw{0%,to{opacity:.12}50%{opacity:.85}}.story>section{z-index:1;position:relative}.st-bar{z-index:20;height:3px;position:fixed;top:0;left:0;right:0}.st-bar i{height:100%;width:calc(var(--p) * 100%);background:linear-gradient(90deg,#c084fc,#f472b6,#67e8f9);display:block;box-shadow:0 0 12px #f472b6}.st-era{z-index:20;letter-spacing:3px;text-transform:uppercase;color:#cbbfe6;opacity:0;font-size:.72rem;transition:opacity .5s;position:fixed;top:18px;left:18px}.st-era.on{opacity:1}.st-skip{z-index:20;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:8px 16px;font-size:.85rem;position:fixed;top:12px;right:14px}.st-hero{text-align:center;place-items:center;min-height:100vh;padding:24px;display:grid}.st-hero-in{justify-items:center;gap:18px;animation:1.6s cubic-bezier(.2,.7,.2,1) both st-in;display:grid}.st-title{letter-spacing:.08em;background:linear-gradient(#fff 10%,#c084fc 60%,#f472b6);color:#0000;filter:drop-shadow(0 0 30px #c084fc8c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.2rem,15vw,8rem);font-weight:800;line-height:.92}.st-sub{color:#cbbfe6;margin:0;font-size:clamp(1rem,3.6vw,1.25rem);line-height:1.6}@keyframes st-in{0%{opacity:0;filter:blur(14px);transform:translateY(30px)scale(.96)}to{opacity:1;filter:none;transform:none}}.st-scroll{color:#9d90bd;justify-items:center;gap:8px;display:grid;position:absolute;bottom:28px;left:0;right:0}.st-scroll em{color:#9d90bd;letter-spacing:4px;text-transform:uppercase;-webkit-text-fill-color:#9d90bd;background:0 0;font-size:.7rem}.st-scroll span{transform-origin:top;background:linear-gradient(#f472b6,#0000);width:2px;height:46px;animation:1.8s ease-in-out infinite st-drip}@keyframes st-drip{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.st-chap{--sp:0;--cp:0;height:340vh}.st-stage{place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.st-beat{--in:clamp(0, (var(--sp) - var(--a)) * 12, 1);--out:clamp(0, (var(--b) - var(--sp)) * 12, 1);text-align:center;pointer-events:none;opacity:calc(var(--in) * var(--out));transform:translateY(calc((1 - var(--in)) * 36px - (1 - var(--out)) * 36px));filter:blur(calc((1 - var(--in) * var(--out)) * 12px));z-index:5;align-content:end;justify-items:center;padding:0 22px 11vh;display:grid;position:absolute;inset:0}.st-beat:before{content:"";z-index:-1;background:linear-gradient(#0000,#07040fcc);height:60%;position:absolute;bottom:0;left:0;right:0}.st-beat>div{max-width:760px}.st-beat p{text-shadow:0 2px 24px #000000b3;margin:0}.st-beat .big{letter-spacing:-.01em;font-size:clamp(2rem,8vw,4.2rem);font-weight:800;line-height:1.08}.st-beat .mid{color:#ece6fb;font-size:clamp(1.05rem,3.8vw,1.5rem);line-height:1.55}.st-cosmos{aspect-ratio:1;width:min(90vw,620px);transform:scale(calc(.7 + var(--sp) * .5)) rotate(calc(var(--sp) * 90deg));position:absolute;top:18vh}.st-cosmos .r{border:1px solid #ffffff38;border-radius:50%;margin:auto;position:absolute;inset:0}.st-cosmos .r1{border-style:dashed;width:100%;height:100%}.st-cosmos .r2{border-color:#c084fc80;width:76%;height:76%}.st-cosmos .r3{border-style:dotted;width:52%;height:52%}.st-cosmos .r4{border-color:#facc1580;width:30%;height:30%}.st-cosmos .sun{aspect-ratio:1;filter:blur(2px);background:radial-gradient(circle,#fff8d6,#facc15 40%,#facc1500 72%);border-radius:50%;width:22%;margin:auto;animation:4s ease-in-out infinite st-beat;position:absolute;inset:0}@keyframes st-beat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.st-word{letter-spacing:4px;text-transform:uppercase;color:#fde68a;transform:rotate(calc(var(--i) * 360deg / var(--n))) translateY(-44%) translateY(calc(min(45vw, 310px) * -1));transform-origin:0 0;text-shadow:0 0 14px #facc15b3;font-size:.95rem;position:absolute;top:50%;left:50%}.sil{width:34%;height:56%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sil:before{content:"";aspect-ratio:1;background:#0c0718;border-radius:50%;width:46%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #ffffff59}.sil:after{content:"";background:#0c0718;border-radius:50% 50% 0 0/40% 40% 0 0;position:absolute;inset:42% 0 0;box-shadow:inset 0 0 0 2px #ffffff59}.st-figure{aspect-ratio:1;width:min(88vw,520px);position:absolute;top:12vh}.st-figure .band{aspect-ratio:1;transform:translate(-50%, -50%) scale(calc(.25 + var(--sp) * var(--k) * .17));border:2px solid hsl(calc(var(--k) * 48 - 10) 95% 62%);width:100%;box-shadow:0 0 26px hsl(calc(var(--k) * 48 - 10) 95% 60% / .65), inset 0 0 26px hsl(calc(var(--k) * 48 - 10) 95% 60% / .35);opacity:calc(.95 - var(--k) * .09);border-radius:50%;position:absolute;top:56%;left:50%}.st-figure .sil{z-index:2;bottom:6%}.st-burst{background:repeating-conic-gradient(from 0deg, #facc1500 0 4deg, #facc1580 4.6deg 5.4deg, #facc1500 6deg 11deg);opacity:calc(var(--sp) * 1.4);animation:40s linear infinite st-spin;position:absolute;inset:-30%;-webkit-mask:radial-gradient(circle,#0000 12%,#000 55%,#0000 80%);mask:radial-gradient(circle,#0000 12%,#000 55%,#0000 80%)}@keyframes st-spin{to{transform:rotate(360deg)}}.st-power{aspect-ratio:1;width:min(80vw,440px);transform:scale(calc(.8 + var(--sp) * .5));position:absolute;top:16vh}.st-power .fl{filter:blur(22px);transform-origin:50% 100%;border-radius:50% 50% 40% 40%/70% 70% 30% 30%;width:70%;height:95%;animation:1.1s ease-in-out infinite st-fl;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.st-power .f1{background:radial-gradient(#fff6c2,#facc15 45%,#0000 72%)}.st-power .f2{opacity:.8;background:radial-gradient(#f472b6,#a855f7cc 50%,#0000 74%);width:100%;animation-duration:1.5s}.st-power .f3{background:radial-gradient(#fff,#67e8f9e6 50%,#0000 72%);width:46%;height:120%;animation-duration:.8s}@keyframes st-fl{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.12,1.18)}}.st-power .sil{z-index:2;filter:drop-shadow(0 0 16px #facc15);bottom:6%}.st-cycle{place-items:center;height:3rem;display:grid;position:absolute;top:9vh}.st-cycle span{letter-spacing:10px;text-transform:uppercase;color:#fde68a;text-shadow:0 0 24px #facc15;opacity:0;grid-area:1/1;font-size:clamp(1.6rem,6vw,2.6rem);font-weight:800;animation:10s linear infinite st-word}@keyframes st-word{0%{opacity:0;filter:blur(8px);transform:scale(1.4)}3%,17%{opacity:1;filter:none;transform:none}20%,to{opacity:0}}.st-chat{position:absolute;inset:0}.st-chat .m{--t:clamp(0, (var(--sp) - var(--d)) * 7, 1);opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 60px)) rotate(var(--r)) scale(calc(.8 + var(--t) * .2));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;padding:12px 20px;font-size:clamp(1.1rem,4.5vw,1.9rem);font-weight:800;position:absolute}.st-chat .pos{color:#86efac;background:#4ade8026;border:1px solid #4ade8099;box-shadow:0 0 28px #4ade804d}.st-chat .neg{color:#fca5a5;background:#f8717126;border:1px solid #f8717199;box-shadow:0 0 28px #f871714d}.st-chat .m1{--d:.02;--r:-6deg;top:14%;left:8%}.st-chat .m2{--d:.1;--r:5deg;top:26%;right:7%}.st-chat .m3{--d:.2;--r:3deg;font-size:clamp(1.4rem,6vw,2.6rem);top:40%;left:18%}.st-chat .m4{--d:.32;--r:-4deg;top:8%;right:10%}.st-chat .m5{--d:.45;--r:5deg;opacity:calc(var(--t) * .7);top:58%;left:6%}.st-chat .m6{--d:.55;--r:-7deg;top:50%;right:8%}.st-core{aspect-ratio:1;width:min(110vw,760px);transform:scale(calc(.4 + var(--sp) * 1.1));filter:blur(10px);background:radial-gradient(circle,#f472b673,#a855f740 40%,#0000 68%);border-radius:50%;position:absolute}.st-chip{--in:clamp(0, (var(--sp) - var(--a)) * 9, 1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:78vw;opacity:var(--in);transform:translate(-50%, calc((1 - var(--in)) * 50px)) scale(calc(.9 + var(--in) * .1));background:#ffffff14;border:1px solid #ffffff38;border-radius:18px;align-items:center;gap:10px;padding:12px 16px;font-size:clamp(.85rem,3.2vw,1.05rem);display:flex;position:absolute;box-shadow:0 0 30px #ec489940}.st-chip span{font-size:1.3em}.st-chip b{color:#86efac;margin-left:6px}.st-chip{margin-left:0}.st-final{text-align:center;place-items:center;min-height:110vh;padding:80px 24px;display:grid}.st-final-in{justify-items:center;gap:20px;display:grid}.st-final h2{margin:0;font-size:clamp(2.4rem,10vw,5rem);font-weight:800;line-height:1.05}.rv{opacity:0;filter:blur(12px);transition:all 1.2s cubic-bezier(.2,.7,.2,1);transform:translateY(40px)scale(.96)}.rv.in{opacity:1;filter:none;transform:none}.st-cta{padding:18px 42px;font-size:1.15rem;animation:2.4s ease-in-out infinite st-glow}@keyframes st-glow{0%,to{box-shadow:0 0 26px #ec489980}50%{box-shadow:0 0 60px #ec4899e6}}@media (prefers-reduced-motion:reduce){.st-stars span,.st-burst,.st-power .fl,.st-cycle span,.st-scroll span,.st-cta,.st-cosmos .sun{animation:none}.st-cycle span:first-child{opacity:1}}.st-3d{z-index:0;pointer-events:none;position:fixed;inset:0}.st-3d canvas{width:100%;height:100%;display:block}.st-stars{opacity:.35}.st-cosmos,.st-figure,.st-power,.st-core{display:none}.st-burst{opacity:calc(var(--sp) * .5)}.st-stage{perspective:900px}.st-chat .m{transform:translateY(calc((1 - var(--t)) * 60px)) rotate(var(--r)) rotateY(calc((var(--sp) - .5) * 50deg)) rotateX(calc((var(--sp) - .5) * -20deg)) scale(calc(.8 + var(--t) * .2))}.st-chip{transform:translate(-50%, calc((1 - var(--in)) * 50px)) rotateY(calc((var(--sp) - .5) * 36deg)) scale(calc(.9 + var(--in) * .1))}.st-title{transform:translateZ(0)}.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}:root{--h1:280;--h2:330}.vibe-3d{z-index:-1;pointer-events:none;position:fixed;inset:0}.vibe-3d canvas{width:100%;height:100%;display:block}.vibe-glow{z-index:-1;pointer-events:none;--mx:50vw;--my:50vh;background:radial-gradient(420px circle at var(--mx) var(--my), hsl(var(--h2) 90% 60% / .16), transparent 70%);position:fixed;inset:0}html[data-vibe] .orb{background:radial-gradient(circle, hsl(var(--h1) 90% 58%) 0%, hsl(var(--h2) 90% 58%) 40%, transparent 70%);transition:background 1s}html[data-vibe] .btn:not(.ghost){background:linear-gradient(90deg, hsl(var(--h1) 85% 58%), hsl(var(--h2) 85% 60%));box-shadow:0 0 28px hsl(var(--h2) 85% 60% / .5)}html[data-vibe] .logo{background-image:linear-gradient(90deg, hsl(var(--h1) 90% 72%), hsl(var(--h2) 90% 70%), hsl(calc(var(--h2) + 60) 90% 70%))}html[data-vibe] .screen{animation-duration:.95s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:backwards}html[data-vibe=zoom] .screen{animation-name:v-zoom}html[data-vibe=flip] .screen{transform-origin:0;animation-name:v-flip}html[data-vibe=curtain] .screen{animation-name:v-curtain}html[data-vibe=iris] .screen{animation-name:v-iris;animation-duration:1.1s}html[data-vibe=glitch] .screen{animation-name:v-glitch;animation-duration:.8s;animation-timing-function:steps(8,end)}html[data-vibe=spiral] .screen{animation-name:v-spiral}html[data-vibe=rise] .screen{animation-name:v-rise}html[data-vibe=unfold] .screen{transform-origin:top;animation-name:v-unfold}html[data-vibe=drop] .screen{animation-name:v-drop;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}@keyframes v-zoom{0%{opacity:0;filter:blur(18px);transform:scale(1.3)}}@keyframes v-flip{0%{opacity:0;transform:perspective(900px)rotateY(-75deg)translate(-60px)}}@keyframes v-curtain{0%{clip-path:inset(0 50%);opacity:.2}to{clip-path:inset(0)}}@keyframes v-iris{0%{clip-path:circle(0%)}to{clip-path:circle(80%)}}@keyframes v-glitch{0%{opacity:0;filter:hue-rotate(90deg);transform:translate(-34px)skew(22deg)}30%{opacity:1;filter:hue-rotate(-70deg);transform:translate(18px)skew(-12deg)}60%{filter:hue-rotate(40deg);transform:translate(-8px)skew(6deg)}}@keyframes v-spiral{0%{opacity:0;filter:blur(10px);transform:rotate(-14deg)scale(.55)}}@keyframes v-rise{0%{opacity:0;filter:blur(12px);transform:translateY(70px)}}@keyframes v-unfold{0%{opacity:0;transform:perspective(900px)rotateX(75deg)}}@keyframes v-drop{0%{opacity:0;transform:translateY(-90px)scale(1.08)}}@media (prefers-reduced-motion:reduce){html[data-vibe] .screen{animation:none}}