:root{--bg-1:#0a0f1d;--bg-2:#171220;--bg-3:#0f2a2f;--fg:#f8fbff;--muted:#a1adcb;--accent:#45f0b4;--accent-2:#ff6f4f;--danger:#ff5d73;--motion-duration-instant:.1s;--motion-duration-fast:.16s;--motion-duration-standard:.24s;--motion-duration-reveal:.42s;--motion-ease-standard:cubic-bezier(.2, .72, .2, 1);--motion-ease-enter:cubic-bezier(.16, 1, .3, 1);--motion-ease-exit:cubic-bezier(.4, 0, 1, 1);--motion-scroll-offset:7rem;--motion-reveal-distance:10px}html{scroll-behavior:smooth;scroll-padding-top:var(--motion-scroll-offset)}*{box-sizing:border-box}:target{scroll-margin-top:var(--motion-scroll-offset)}:where(a,button,summary,[role=button],input,select,textarea){transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard)!important}:where(a){transition-property:color,background-color,border-color,opacity,text-decoration-color}:where(button,summary,[role=button]){transition-property:color,background-color,border-color,box-shadow,filter,opacity,transform}:where(input,select,textarea){transition-property:color,background-color,border-color,box-shadow,opacity}@media (hover:hover) and (pointer:fine){:where(a[href]):hover{text-decoration-color:currentColor}:where(button:not(:disabled),summary,[role=button]):hover{filter:brightness(1.025)}}:where(button:not(:disabled),summary,[role=button]):active{filter:brightness(.975)}html[data-site-motion=ready] [data-site-reveal=pending]{opacity:0;transform:translate3d(0, var(--motion-reveal-distance), 0)}html[data-site-motion=ready] [data-site-reveal=visible]{opacity:1;transition:opacity var(--motion-duration-reveal) var(--motion-ease-enter), transform var(--motion-duration-reveal) var(--motion-ease-enter);transform:translate(0,0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-site-reveal]{opacity:1!important;transform:none!important}}@media print{[data-site-reveal]{opacity:1!important;transform:none!important}}body{color:var(--fg);background:radial-gradient(1000px 600px at 15% -10%, #2b2354 10%, transparent 65%), radial-gradient(800px 500px at 100% 10%, #1b4f51 5%, transparent 70%), linear-gradient(160deg, var(--bg-1), var(--bg-2) 45%, var(--bg-3));min-height:100vh;margin:0;font-family:Space Grotesk,Sora,Manrope,sans-serif}main{max-width:1060px;margin:0 auto;padding:1.5rem 1rem 3.5rem}h1,h2,h3,p{margin:0}small{color:var(--muted)}button{letter-spacing:.01em;cursor:pointer;border:0;border-radius:12px;padding:.8rem 1.1rem;font-weight:800}button.primary,a.btn-primary{background:linear-gradient(135deg, var(--accent), #7ff1ff);color:#071114;text-decoration:none;display:inline-block}input,select{width:100%;color:var(--fg);font:inherit;background:#0f1323bf;border:1px solid #ffffff2e;border-radius:12px;padding:.7rem .85rem}label{color:#d3ddf8;gap:.4rem;font-size:.94rem;display:grid}.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:.82rem;font-weight:800}.landing{gap:1rem;display:grid}.auth-nav{justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.auth-pill{color:#e6f7ff;text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border:1px solid #fff3;border-radius:999px;max-width:min(62vw,360px);padding:.42rem .66rem;font-size:.82rem;overflow:hidden}.mini-avatar{object-fit:cover;border:1px solid #ffffff52;border-radius:999px;width:34px;height:34px}.hero,.launch-panel,.social-wall{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:18px}.hero{background:linear-gradient(140deg,#5b3b9259,#182f3659);gap:.7rem;padding:1.2rem;display:grid}.profile-photo-box{background:#ffffff0d;border:1px solid #ffffff29;border-radius:14px;gap:.45rem;padding:.7rem;display:grid}.hero h1{text-transform:uppercase;font-size:clamp(2rem,7vw,4.2rem);line-height:.95}.hero-copy{color:#dbe6ff;max-width:54ch}.hero-tags{flex-wrap:wrap;gap:.5rem;display:flex}.hero-tags span{background:#ffffff17;border:1px solid #ffffff29;border-radius:999px;padding:.3rem .55rem;font-size:.8rem}.launch-panel{background:linear-gradient(#0c101fb8,#080b17e6);gap:.85rem;padding:1rem;display:grid}.panel-head{gap:.2rem;display:grid}.panel-head p{color:var(--muted)}.field-grid{gap:.7rem;display:grid}.cta-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.ghost-link,.status-chip{color:#daf4f9;background:#ffffff12;border:1px solid #fff3;border-radius:999px;padding:.45rem .7rem;font-size:.86rem;text-decoration:none}.social-wall{background:linear-gradient(#151021b3,#0b0d19eb);gap:.7rem;padding:.95rem;display:grid}.stat-card{background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;gap:.25rem;padding:.8rem;display:grid}.stat-card h3{font-size:1.5rem;line-height:1}.card-label{color:#9cd2ff;letter-spacing:.1em;font-size:.75rem}.winner{border-color:#ff6f4fb3;box-shadow:inset 0 0 0 1px #ff6f4f59}.reveal-1,.reveal-2,.reveal-3{animation:.56s both reveal}.reveal-2{animation-delay:.12s}.reveal-3{animation-delay:.22s}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #45f0b473}70%{box-shadow:0 0 0 10px #45f0b400}to{box-shadow:0 0 #45f0b400}}@media (min-width:820px){.landing{gap:1.1rem}.field-grid{grid-template-columns:1fr 1fr}.social-wall{grid-template-columns:1.2fr 1fr 1fr}}.auth-wrap{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.auth-card{background:radial-gradient(120% 140% at 0 0,#7ff1ff2e,#0000 45%),radial-gradient(120% 140% at 100% 0,#ff6f4f33,#0000 44%),linear-gradient(#080c18db,#0b111ff0);border:1px solid #ffffff29;border-radius:22px;gap:.85rem;width:min(560px,100%);padding:1.25rem;display:grid;box-shadow:0 18px 60px #00000059}.auth-card h1{text-transform:uppercase;font-size:clamp(1.9rem,7vw,3rem);line-height:.95}.auth-card-tight{width:min(500px,100%)}.auth-copy{color:#d6e2ff}.auth-stack{gap:.65rem;display:grid}.auth-magic{background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;gap:.55rem;padding:.72rem;display:grid}.auth-btn{background:linear-gradient(130deg, var(--accent), #78f0ff);color:#06191a;border-radius:14px;width:100%;padding:.85rem 1rem;font-weight:800}.auth-danger{color:#240307;background:linear-gradient(130deg,#ff7b83,#ff9960)}.auth-error{color:#ffd2db;background:#ff5d7326;border:1px solid #ff5d738c;border-radius:12px;padding:.62rem .72rem}.auth-success{color:#d4ffef;background:#45f0b424;border:1px solid #45f0b480;border-radius:12px;padding:.62rem .72rem}.auth-note{color:var(--muted);font-size:.92rem}.auth-back{color:#ebfbff;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;width:fit-content;padding:.4rem .72rem;text-decoration:none}.mode-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mode-card{cursor:pointer;text-align:left;color:var(--fg);font:inherit;background:#ffffff0a;border:1px solid #ffffff24;border-radius:16px;gap:.4rem;padding:1rem;transition:border-color .16s,background .16s;display:grid}.mode-card strong{font-size:.96rem}.mode-card p{color:var(--muted);font-size:.84rem}.mode-card:hover{background:#45f0b40d;border-color:#45f0b44d}.mode-card.active{border-color:var(--accent);background:#45f0b41a;box-shadow:0 0 0 1px #45f0b433}.mode-icon{font-size:1.5rem}.same-room-form{gap:.65rem;display:grid}.history-list{gap:.55rem;display:grid}.history-item{color:inherit;background:#ffffff0a;border:1px solid #ffffff29;border-radius:14px;justify-content:space-between;align-items:center;gap:.7rem;padding:.72rem .82rem;text-decoration:none;display:flex}.history-item:hover{background:#45f0b414;border-color:#45f0b480}.history-ident{align-items:center;gap:.55rem;display:flex}.live-tile{background:linear-gradient(155deg,#ff6f4f29,#45f0b41a);border:1px solid #ff6f4f61;border-radius:14px;gap:.5rem;padding:.75rem;display:grid}.live-session-shell{gap:.7rem;display:grid}.live-session-card{background:radial-gradient(120% 130% at 0 0,#7ff1ff24,#0000 44%),radial-gradient(120% 130% at 100% 0,#ff6f4f1f,#0000 48%),#ffffff0a;border:1px solid #ffffff29;border-radius:16px;gap:.55rem;padding:.85rem;display:grid}.live-session-card h3{font-size:clamp(1.08rem,3.8vw,1.4rem);line-height:1.06}.live-chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.live-chip-on{background:#45f0b42e;border-color:#45f0b4a6}.live-chip-hot{background:#ff8d6629;border-color:#ff8d66a8}.live-checklist{gap:.3rem;display:grid}.live-checklist p{color:#dde9ff;font-size:.92rem}.live-duel-note{background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;gap:.35rem;padding:.68rem .72rem;display:grid}.live-duel-note p:last-child{color:var(--muted);font-size:.88rem}.live-flow-grid{gap:.65rem;display:grid}.live-flow-card{background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;gap:.3rem;padding:.78rem;display:grid}.live-flow-card h3{font-size:1.04rem}.live-flow-card p{color:var(--muted);font-size:.86rem}.brain-card{text-align:center;background:linear-gradient(145deg,#45f0b414,#7ff1ff0a);border:1px solid #45f0b44d;border-radius:18px;gap:.6rem;padding:1.4rem 1.2rem;display:grid}.brain-type-name{letter-spacing:-.01em;color:var(--accent);font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;line-height:1}.one-liner{color:var(--muted);font-size:1rem;font-style:italic}.traits-list{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.traits-list li{background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:.25rem .6rem;font-size:.8rem}.result-layout{gap:1.25rem;max-width:520px;margin:0 auto;display:grid}.score-big{color:var(--accent);font-size:clamp(3rem,12vw,5.5rem);font-weight:800;line-height:1;display:block}.score-display{text-align:center;gap:.3rem;display:grid}.percentile{color:var(--muted);font-size:.9rem}.in-progress-state{text-align:center;gap:1rem;max-width:400px;margin:0 auto;padding:3rem 0;display:grid}.challenge-composer{background:linear-gradient(155deg,#7ff1ff1f,#ff6f4f1a);border:1px solid #7ff1ff59;border-radius:16px;gap:.65rem;padding:1rem;display:grid}.challenge-composer h3{font-size:clamp(1.2rem,4vw,1.7rem);line-height:1.05}.composer-note{color:#dbebff;font-size:.92rem}.composer-photo,.versus-photo{aspect-ratio:1;object-fit:cover;border:2px solid #ffffff47;border-radius:16px;width:min(240px,100%);box-shadow:0 12px 30px #0000004d}.share-box{background:#ffffff0a;border:1px solid #ffffff24;border-radius:16px;gap:.75rem;padding:1.1rem;display:grid}.share-url-row{align-items:center;gap:.5rem;display:flex}.share-url{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:.5rem .7rem;font-family:monospace;font-size:.82rem;overflow:hidden}.copy-btn{color:var(--accent);cursor:pointer;white-space:nowrap;background:#45f0b426;border:1px solid #45f0b466;border-radius:10px;flex-shrink:0;padding:.45rem .85rem;font-size:.84rem;font-weight:700}.share-actions{flex-wrap:wrap;gap:.5rem;display:flex}.versus-card{text-align:center;background:linear-gradient(145deg,#5b3b9240,#182f364d);border:1px solid #ff6f4f66;border-radius:20px;gap:1rem;padding:1.5rem 1.25rem;display:grid}.winner-glow{animation:1.2s ease-in-out 3 winner-glow}.vs-divider{color:var(--accent-2);letter-spacing:.1em;font-size:1.8rem;font-weight:800}.score-block{gap:.35rem;display:grid}.winner-badge{color:#ffd166;background:#ffd1661f;border:1px solid #ffd1664d;border-radius:999px;padding:.3rem .7rem;font-size:.85rem;font-weight:800;display:inline-block}.versus-caption{color:var(--muted);font-size:.95rem;font-style:italic}.confetti-layer{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:3px;width:10px;height:18px;animation-name:confetti-fall;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;top:-10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{transform:translate3d(var(--confetti-drift,0px), 105vh, 0) rotate(640deg);opacity:0}}@keyframes winner-glow{0%{box-shadow:0 0 #ffd16666}50%{box-shadow:0 0 0 12px #ffd16600}to{box-shadow:0 0 #ffd16600}}@media (max-width:500px){.mode-grid{grid-template-columns:1fr}}@media (min-width:820px){.versus-card{grid-template-columns:1fr auto 1fr;align-items:center}.versus-caption,.versus-card .cta-row{grid-column:1/-1}.live-session-shell{grid-template-columns:1.25fr 1fr}.live-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}