:root{--bg:#1a2e28;--panel:#2a4039;--panel-2:#38544a;--emerald:#6ee7b7;--emerald-3:#34d399;--amber:#f59e0b;--amber-2:#fbbf24;--text:#e5e7eb;--muted:#9ca3af;--danger:#f87171;--radius:0.75rem}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-color:#1a2e28;background-color:var(--bg);color:#e5e7eb;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden}@keyframes move-and-fade{0%{opacity:.7;transform:translate(0) scale(1)}25%{opacity:.3;transform:translate(var(--x-1),var(--y-1)) scale(.8)}50%{opacity:.8;transform:translate(var(--x-2),var(--y-2)) scale(1.2)}75%{opacity:.4;transform:translate(var(--x-3),var(--y-3)) scale(.9)}to{opacity:.7;transform:translate(0) scale(1)}}.background-animation{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.background-animation span{animation:move-and-fade linear infinite;border-radius:50%;filter:blur(20px);position:absolute}.background-animation span:first-child{--x-1:20vw;--y-1:30vh;--x-2:-15vw;--y-2:-20vh;--x-3:10vw;--y-3:15vh;animation-duration:25s;background:#6ee7b7;background:var(--emerald);height:150px;left:15%;top:10%;width:150px}.background-animation span:nth-child(2){--x-1:-25vw;--y-1:-35vh;--x-2:20vw;--y-2:25vh;--x-3:-10vw;--y-3:-15vh;animation-duration:30s;background:#f59e0b;background:var(--amber);height:200px;left:80%;top:70%;width:200px}.background-animation span:nth-child(3){--x-1:30vw;--y-1:-40vh;--x-2:-25vw;--y-2:30vh;--x-3:5vw;--y-3:-20vh;animation-duration:28s;background:#34d399;background:var(--emerald-3);height:120px;left:10%;top:80%;width:120px}.background-animation span:nth-child(4){--x-1:-20vw;--y-1:25vh;--x-2:15vw;--y-2:-30vh;--x-3:-5vw;--y-3:10vh;animation-duration:22s;background:#fbbf24;background:var(--amber-2);height:180px;left:70%;top:20%;width:180px}.background-animation span:nth-child(5){--x-1:-15vw;--y-1:-15vh;--x-2:10vw;--y-2:20vh;--x-3:5vw;--y-3:-10vh;animation-duration:35s;background:#6ee7b7;background:var(--emerald);height:100px;left:50%;top:50%;width:100px}.background-animation span:nth-child(6){--x-1:-30vw;--y-1:40vh;--x-2:20vw;--y-2:-35vh;--x-3:10vw;--y-3:15vh;animation-duration:26s;background:#f59e0b;background:var(--amber);height:220px;left:90%;top:5%;width:220px}.background-animation span:nth-child(7){--x-1:25vw;--y-1:-30vh;--x-2:-20vw;--y-2:25vh;--x-3:-10vw;--y-3:-20vh;animation-duration:32s;background:#34d399;background:var(--emerald-3);height:160px;left:30%;top:90%;width:160px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #6ee7b733}50%{box-shadow:0 0 25px #6ee7b766,0 0 30px #f59e0b1a}}.page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1.5rem;position:relative;z-index:1}.page-with-back{padding-top:4.5rem}.back-link{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2a403999;border:1px solid #6ee7b740;border-radius:9999px;color:#e5e7eb;color:var(--text);display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;left:1.5rem;padding:.5rem .95rem;position:fixed;text-decoration:none;top:1.1rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;z-index:5}.back-link:hover{border-color:#6ee7b7;border-color:var(--emerald);box-shadow:0 8px 18px -10px #00000080;transform:translateX(-2px)}.page-center{color:#9ca3af;color:var(--muted);display:grid;min-height:100vh;place-items:center}.title{animation:fade-in-up .5s ease-out;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#6ee7b7,#f59e0b);background-image:linear-gradient(to right,var(--emerald),var(--amber));color:#0000;font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.subtitle,.title{text-align:center}.subtitle{color:#9ca3af;color:var(--muted);margin:0 0 1.5rem}.status{font-size:1.25rem;margin-bottom:1rem;min-height:1.75rem}.btn{background-image:linear-gradient(90deg,#34d399,#fbbf24);background-image:linear-gradient(to right,var(--emerald-3),var(--amber-2));border:none;border-radius:9999px;color:#0f1a17;cursor:pointer;font-weight:700;padding:.7rem 1.75rem;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 10px 20px -6px #0006;transform:scale(1.05)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-ghost{background:#0000;border:1px solid #6ee7b766;color:#e5e7eb;color:var(--text)}.btn-block{width:100%}.board{grid-gap:.5rem;animation:fade-in-up .5s ease-out,pulse-glow 4s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2a403980;border:1px solid #6ee7b74d;border-radius:.75rem;border-radius:var(--radius);display:grid;gap:.5rem;grid-template-columns:repeat(var(--size),1fr);margin-inline:auto;max-width:100%;padding:.5rem;width:min(92vw,calc(var(--size)*6.25rem))}.square{align-items:center;aspect-ratio:1;background-color:#2a4039b3;border:1px solid #6ee7b733;border-radius:.5rem;box-shadow:0 0 5px #6ee7b71a;container-type:size;cursor:pointer;display:flex;font-size:2rem;font-weight:800;justify-content:center;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;width:100%}.square:hover:not(:disabled){background-color:#38544a;background-color:var(--panel-2);box-shadow:0 0 15px #6ee7b766;transform:scale(1.05)}.square:disabled{cursor:default}.square.winning{background-color:#38544a;background-color:var(--panel-2);box-shadow:0 0 18px #fbbf24;box-shadow:0 0 18px var(--amber-2)}.square span{animation:bounce-in .35s ease;display:inline-block;font-size:50cqmin;line-height:1}.square.x span{color:#6ee7b7;color:var(--emerald);text-shadow:0 0 8px #6ee7b7b3}.square.o span{color:#f59e0b;color:var(--amber);text-shadow:0 0 8px #f59e0bb3}.size-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.size-chip{background:#2a403999;border:1px solid #6ee7b74d;border-radius:9999px;color:#e5e7eb;color:var(--text);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.size-chip:hover{border-color:#6ee7b7;border-color:var(--emerald)}.size-chip.active{background-image:linear-gradient(90deg,#34d399,#fbbf24);background-image:linear-gradient(to right,var(--emerald-3),var(--amber-2));border-color:#0000;color:#0f1a17}.card{animation:fade-in-up .4s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#2a4039b3;border:1px solid #ffffff14;border-radius:.75rem;border-radius:var(--radius);max-width:420px;padding:2rem;width:100%}.field{margin-bottom:1rem}.field label{color:#9ca3af;color:var(--muted);display:block;font-size:.85rem;margin-bottom:.35rem}.input,.select{background:#1a2e28cc;border:1px solid #6ee7b740;border-radius:.5rem;color:#e5e7eb;color:var(--text);font-size:1rem;padding:.65rem .8rem;width:100%}.input:focus,.select:focus{border-color:#6ee7b7;border-color:var(--emerald);box-shadow:0 0 0 3px #6ee7b726;outline:none}.field-error{font-size:.8rem;margin-top:.3rem}.field-error,.form-error{color:#f87171;color:var(--danger)}.form-error{background:#f871711f;border:1px solid #f8717166;border-radius:.5rem;font-size:.9rem;margin-bottom:1rem;padding:.6rem .8rem}.link{color:#6ee7b7;color:var(--emerald);cursor:pointer;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.muted{color:#9ca3af;color:var(--muted)}.row{display:flex;gap:.75rem}.row>*{flex:1 1}.modal-overlay{background:#000000b3;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:10}.modal{animation:bounce-in .4s ease-out;background-color:#2a4039;background-color:var(--panel);border:1px solid #ffffff1a;border-radius:1rem;max-width:420px;padding:2rem;text-align:center}.modal h2{font-size:1.75rem;margin:0 0 .75rem}.modal p{color:#9ca3af;color:var(--muted);margin:0 0 1.5rem}.result-modal{min-width:320px}.result-emoji{animation:bounce-in .5s ease-out;font-size:3.5rem;line-height:1;margin-bottom:.5rem}.topbar{align-items:center;display:flex;justify-content:space-between;left:0;padding:.9rem 1.5rem;position:fixed;right:0;top:0;z-index:5}.topbar .brand{text-decoration:none}.logo{align-items:center;display:inline-flex;gap:.6rem}.logo-img{display:block;object-fit:contain}.logo-word{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#6ee7b7,#f59e0b);background-image:linear-gradient(to right,var(--emerald),var(--amber));color:#0000;font-size:1.25rem;font-weight:800;letter-spacing:.01em}.topbar .actions{align-items:center;display:flex;gap:1rem}.form-success{background:#34d3991f;border:1px solid #34d39966;border-radius:.5rem;color:#6ee7b7;color:var(--emerald);font-size:.9rem;margin-bottom:1rem;padding:.6rem .8rem}.avatar{align-items:center;border:2px solid #6ee7b780;border-radius:50%;display:inline-flex;justify-content:center;object-fit:cover}.avatar-initials{background-image:linear-gradient(135deg,#34d399,#fbbf24);background-image:linear-gradient(135deg,var(--emerald-3),var(--amber-2));color:#0f1a17;font-weight:800}.avatar-button{background:none;border:none;border-radius:50%;cursor:pointer;line-height:0;padding:0}.profile-menu{position:relative}.dropdown{animation:fade-in-up .15s ease-out;background-color:#2a4039;background-color:var(--panel);border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 12px 30px -8px #0009;min-width:240px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:20}.dropdown-header{align-items:center;display:flex;gap:.75rem;padding:.5rem .6rem .75rem}.dropdown-identity{display:flex;flex-direction:column;overflow:hidden}.dropdown-identity span{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item{background:none;border:none;border-radius:.5rem;color:#e5e7eb;color:var(--text);cursor:pointer;display:block;font-size:.95rem;padding:.6rem .7rem;text-align:left;width:100%}.dropdown-item:hover{background-color:#38544a;background-color:var(--panel-2)}.dropdown-item.danger{color:#f87171;color:var(--danger)}.dropdown-divider{background:#ffffff14;height:1px;margin:.35rem 0}.avatar-edit{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.dashboard{align-items:stretch;gap:1.25rem;justify-content:flex-start;margin:0 auto;max-width:1120px;padding-top:5.5rem;width:100%}.dash-hero{align-items:center;animation:fade-in-up .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(120% 140% at 100% 0,#f59e0b29,#0000 55%),radial-gradient(120% 140% at 0 100%,#34d39929,#0000 55%),#2a40398c;border:1px solid #6ee7b738;border-radius:1.25rem;box-shadow:0 18px 40px -22px #0009;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.75rem 1.9rem}.hero-copy{min-width:260px}.hero-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#6ee7b7,#f59e0b);background-image:linear-gradient(to right,var(--emerald),var(--amber));color:#0000;font-size:2.4rem;font-weight:800;line-height:1.1;margin:0}.hero-title .wave{-webkit-text-fill-color:initial;animation:wave-hand 2.4s ease-in-out infinite;display:inline-block;transform-origin:70% 70%}@keyframes wave-hand{0%,60%,to{transform:rotate(0deg)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}}.hero-sub{color:#9ca3af;color:var(--muted);margin:.5rem 0 1.25rem;max-width:42ch}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}.btn-lg{font-size:1rem;padding:.8rem 1.6rem}.points-orb{align-items:center;background-image:linear-gradient(160deg,#34d39938,#fbbf2438);border:1px solid #fbbf2459;border-radius:1.1rem;box-shadow:0 0 24px -6px #f59e0b59;display:flex;flex-direction:column;gap:.15rem;min-width:158px;padding:1.4rem 2rem}.points-star{filter:drop-shadow(0 0 6px rgba(245,158,11,.6));font-size:1.4rem}.points-value{color:#fbbf24;color:var(--amber-2);font-size:2.4rem;font-weight:800;line-height:1}.points-label{color:#9ca3af;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.stat-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{animation:fade-in-up .5s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#2a40398c;border:1px solid #6ee7b729;border-radius:1rem;overflow:hidden;padding:1.15rem 1.15rem 1.1rem;position:relative;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card:before{background:#6ee7b7;background:var(--accent,var(--emerald));content:"";inset:0 auto 0 0;opacity:.9;position:absolute;width:4px}.stat-card:hover{border-color:color-mix(in srgb,#6ee7b7 55%,#0000);border-color:color-mix(in srgb,var(--accent,var(--emerald)) 55%,#0000);box-shadow:0 16px 30px -16px #0009;transform:translateY(-4px)}.stat-icon{align-items:center;background:color-mix(in srgb,#6ee7b7 18%,#0000);background:color-mix(in srgb,var(--accent,var(--emerald)) 18%,#0000);border:1px solid color-mix(in srgb,#6ee7b7 35%,#0000);border:1px solid color-mix(in srgb,var(--accent,var(--emerald)) 35%,#0000);border-radius:.7rem;display:inline-flex;font-size:1.2rem;height:2.4rem;justify-content:center;width:2.4rem}.stat-value{color:#e5e7eb;color:var(--text);font-size:2.1rem;font-weight:800;line-height:1.1;margin-top:.7rem}.stat-label{color:#9ca3af;color:var(--muted);font-size:.82rem;margin-top:.1rem}.stat-hint{color:#6ee7b7;color:var(--accent,var(--emerald));display:inline-block;font-size:.72rem;font-weight:600;margin-top:.5rem}.dash-main{grid-gap:1.25rem;align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr)}.panel{animation:fade-in-up .55s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#2a40398c;border:1px solid #6ee7b733;border-radius:1rem;padding:1.4rem}.panel-title{color:#9ca3af;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.06em;margin:0 0 1rem;text-transform:uppercase}.panel-head{gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.gauge-panel,.panel-head{align-items:center;display:flex}.gauge-panel{flex-direction:column}.gauge-panel .panel-title{align-self:flex-start}.ring{margin:.25rem 0 1.25rem;position:relative}.ring svg{display:block}.ring-track{stroke:#1a2e28e6}.ring-value{filter:drop-shadow(0 0 6px rgba(110,231,183,.35));transition:stroke-dasharray .8s cubic-bezier(.22,1,.36,1)}.ring-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.ring-pct{color:#e5e7eb;color:var(--text);font-size:2.2rem;font-weight:800;line-height:1}.ring-cap{color:#9ca3af;color:var(--muted);font-size:.75rem;letter-spacing:.06em;margin-top:.2rem;text-transform:uppercase}.breakdown{grid-gap:.55rem;display:grid;gap:.55rem;list-style:none;margin:0;padding:0;width:100%}.breakdown li{align-items:center;color:#9ca3af;color:var(--muted);display:flex;font-size:.9rem;gap:.55rem}.breakdown li strong{color:#e5e7eb;color:var(--text);font-size:1rem;margin-left:auto}.breakdown .dot{border-radius:50%;flex:none;height:10px;width:10px}.chart-panel{display:flex;flex-direction:column}.mode-select{font-size:.9rem;padding:.4rem .7rem;width:auto}.chart{position:relative}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.legend-item{align-items:center;color:#e5e7eb;color:var(--text);display:inline-flex;font-size:.85rem;gap:.4rem}.legend-swatch{border-radius:3px;display:inline-block;height:12px;width:12px}.chart-svg{display:block;height:auto;overflow:visible;width:100%}.chart-grid{stroke:#ffffff14;stroke-width:1}.chart-axis-label{fill:#9ca3af;fill:var(--muted);font-size:12px}.chart-endlabel{fill:#e5e7eb;fill:var(--text);font-size:12px;font-weight:600}.chart-crosshair{stroke:#ffffff40;stroke-width:1;stroke-dasharray:4 4}.chart-tooltip{background-color:#2a4039;background-color:var(--panel);border:1px solid #ffffff1f;border-radius:.6rem;box-shadow:0 10px 24px -10px #0009;display:flex;flex-direction:column;font-size:.85rem;gap:.25rem;min-width:130px;padding:.6rem .8rem;pointer-events:none;position:absolute;right:.5rem;top:2.5rem}.tooltip-row{align-items:center;display:inline-flex;gap:.4rem}.chart-empty{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center;min-height:240px;text-align:center}.chart-empty p{margin:.1rem 0}.chart-empty-icon{font-size:2rem}.mode-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:1rem;max-width:620px;width:100%}.mode-card{align-items:center;background-color:#2a403999;border:1px solid #6ee7b740;border-radius:.75rem;border-radius:var(--radius);color:#e5e7eb;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:1.5rem 1rem;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mode-card:hover{border-color:#6ee7b7;border-color:var(--emerald);box-shadow:0 12px 24px -10px #00000080;transform:translateY(-3px)}.mode-card.mode-soon{opacity:.7}.mode-card.mode-active{border-color:#6ee7b7;border-color:var(--emerald);box-shadow:0 0 0 2px #6ee7b766}.badge-active{background:#34d39933;border:1px solid #34d39980;border-radius:9999px;color:#6ee7b7;color:var(--emerald);font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.2rem .5rem;position:absolute;right:.6rem;text-transform:uppercase;top:.6rem}.mode-icon{font-size:2.25rem}.mode-title{font-size:1.05rem;font-weight:700}.mode-desc{color:#9ca3af;color:var(--muted);font-size:.82rem;text-align:center}.badge-soon{background:#f59e0b33;border:1px solid #f59e0b66;border-radius:9999px;color:#fbbf24;color:var(--amber-2);font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.2rem .5rem;position:absolute;right:.6rem;text-transform:uppercase;top:.6rem}.referral-code{background:#1a2e28cc;border:1px dashed #6ee7b780;border-radius:.5rem;color:#6ee7b7;color:var(--emerald);font-size:1.5rem;font-weight:800;letter-spacing:.2em;padding:.75rem;text-align:center}.referral-count{margin:1rem 0;text-align:center}.referral-list{list-style:none;margin:0;padding:0}.referral-list li{border-bottom:1px solid #ffffff0f;display:flex;font-size:.95rem;justify-content:space-between;padding:.6rem .25rem}.referral-list li:last-child{border-bottom:none}@media (max-width:920px){.dash-main{grid-template-columns:1fr}}@media (max-width:720px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-hero{align-items:stretch;flex-direction:column;text-align:center}.hero-sub{max-width:none}.hero-cta{justify-content:center}.points-orb{align-self:center}}@media (max-width:640px){.hero-title,.title{font-size:2rem}.stat-value{font-size:1.6rem}.dashboard{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){.row{flex-direction:column}.card{padding:1.5rem}.board{gap:.35rem}.points-orb{width:100%}}
/*# sourceMappingURL=main.12221ddc.css.map*/