:root{--bg-1:#0a0f1d;--bg-2:#171220;--bg-3:#0f2a2f;--fg:#f8fbff;--muted:#a1adcb;--accent:#45f0b4;--accent-2:#ff6f4f;--danger:#ff5d73}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Sora,Manrope,sans-serif;color:var(--fg);min-height:100vh;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))}main{max-width:1060px;margin:0 auto;padding:1.5rem 1rem 3.5rem}h1,h2,h3,p{margin:0}small{color:var(--muted)}button{border:0;border-radius:12px;padding:.8rem 1.1rem;font-weight:800;letter-spacing:.01em;cursor:pointer}a.btn-primary,button.primary{background:linear-gradient(135deg,var(--accent),#7ff1ff);color:#071114;text-decoration:none;display:inline-block}input,select{width:100%;padding:.7rem .85rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.18);background:rgba(15,19,35,.75);color:var(--fg);font:inherit}label{display:grid;grid-gap:.4rem;gap:.4rem;font-size:.94rem;color:#d3ddf8}.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:.82rem;font-weight:800}.landing{display:grid;grid-gap:1rem;gap:1rem}.auth-nav{display:flex;justify-content:flex-end;gap:.55rem;align-items:center}.auth-pill{font-size:.82rem;color:#e6f7ff;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;padding:.42rem .66rem;background:hsla(0,0%,100%,.08);max-width:min(62vw,360px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;border:1px solid hsla(0,0%,100%,.32)}.hero,.launch-panel,.social-wall{border:1px solid hsla(0,0%,100%,.14);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero{padding:1.2rem;background:linear-gradient(140deg,rgba(91,59,146,.35),rgba(24,47,54,.35));display:grid;grid-gap:.7rem;gap:.7rem}.profile-photo-box{border:1px solid hsla(0,0%,100%,.16);border-radius:14px;padding:.7rem;background:hsla(0,0%,100%,.05);display:grid;grid-gap:.45rem;gap:.45rem}.hero h1{font-size:clamp(2rem,7vw,4.2rem);line-height:.95;text-transform:uppercase}.hero-copy{color:#dbe6ff;max-width:54ch}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem}.hero-tags span{font-size:.8rem;padding:.3rem .55rem;border-radius:999px;background:hsla(0,0%,100%,.09);border:1px solid hsla(0,0%,100%,.16)}.launch-panel{background:linear-gradient(180deg,rgba(12,16,31,.72),rgba(8,11,23,.9));padding:1rem;display:grid;grid-gap:.85rem;gap:.85rem}.panel-head{display:grid;grid-gap:.2rem;gap:.2rem}.panel-head p{color:var(--muted)}.field-grid{display:grid;grid-gap:.7rem;gap:.7rem}.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.ghost-link,.status-chip{font-size:.86rem;text-decoration:none;color:#daf4f9;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;padding:.45rem .7rem;background:hsla(0,0%,100%,.07)}.social-wall{background:linear-gradient(180deg,rgba(21,16,33,.7),rgba(11,13,25,.92));padding:.95rem;display:grid;grid-gap:.7rem;gap:.7rem}.stat-card{border:1px solid hsla(0,0%,100%,.14);border-radius:14px;padding:.8rem;background:hsla(0,0%,100%,.04);display:grid;grid-gap:.25rem;gap:.25rem}.stat-card h3{font-size:1.5rem;line-height:1}.card-label{color:#9cd2ff;font-size:.75rem;letter-spacing:.1em}.winner{border-color:rgba(255,111,79,.7);box-shadow:inset 0 0 0 1px rgba(255,111,79,.35)}.reveal-1,.reveal-2,.reveal-3{animation:reveal .56s ease both}.reveal-2{animation-delay:.12s}.reveal-3{animation-delay:.22s}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes reveal{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(69,240,180,.45)}70%{box-shadow:0 0 0 10px rgba(69,240,180,0)}to{box-shadow:0 0 0 0 rgba(69,240,180,0)}}@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{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.auth-card{width:min(560px,100%);border:1px solid hsla(0,0%,100%,.16);border-radius:22px;padding:1.25rem;background:radial-gradient(120% 140% at 0 0,rgba(127,241,255,.18),transparent 45%),radial-gradient(120% 140% at 100% 0,rgba(255,111,79,.2),transparent 44%),linear-gradient(180deg,rgba(8,12,24,.86),rgba(11,17,31,.94));box-shadow:0 18px 60px rgba(0,0,0,.35);display:grid;grid-gap:.85rem;gap:.85rem}.auth-card h1{font-size:clamp(1.9rem,7vw,3rem);line-height:.95;text-transform:uppercase}.auth-card-tight{width:min(500px,100%)}.auth-copy{color:#d6e2ff}.auth-stack{display:grid;grid-gap:.65rem;gap:.65rem}.auth-magic{display:grid;grid-gap:.55rem;gap:.55rem;padding:.72rem;border:1px solid hsla(0,0%,100%,.14);border-radius:14px;background:hsla(0,0%,100%,.04)}.auth-btn{width:100%;border-radius:14px;padding:.85rem 1rem;background:linear-gradient(130deg,var(--accent),#78f0ff);color:#06191a;font-weight:800}.auth-danger{background:linear-gradient(130deg,#ff7b83,#ff9960);color:#240307}.auth-error{border:1px solid rgba(255,93,115,.55);border-radius:12px;padding:.62rem .72rem;color:#ffd2db;background:rgba(255,93,115,.15)}.auth-success{border:1px solid rgba(69,240,180,.5);border-radius:12px;padding:.62rem .72rem;color:#d4ffef;background:rgba(69,240,180,.14)}.auth-note{color:var(--muted);font-size:.92rem}.auth-back{width:-moz-fit-content;width:fit-content;text-decoration:none;color:#ebfbff;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;padding:.4rem .72rem;background:hsla(0,0%,100%,.06)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.mode-card{border:1px solid hsla(0,0%,100%,.14);border-radius:16px;padding:1rem;background:hsla(0,0%,100%,.04);cursor:pointer;text-align:left;display:grid;grid-gap:.4rem;gap:.4rem;transition:border-color .16s ease,background .16s ease;color:var(--fg);font:inherit}.mode-card strong{font-size:.96rem}.mode-card p{color:var(--muted);font-size:.84rem}.mode-card:hover{border-color:rgba(69,240,180,.3);background:rgba(69,240,180,.05)}.mode-card.active{border-color:var(--accent);background:rgba(69,240,180,.1);box-shadow:0 0 0 1px rgba(69,240,180,.2)}.mode-icon{font-size:1.5rem}.same-room-form{display:grid;grid-gap:.65rem;gap:.65rem}.history-list{display:grid;grid-gap:.55rem;gap:.55rem}.history-item{display:flex;justify-content:space-between;gap:.7rem;align-items:center;border:1px solid hsla(0,0%,100%,.16);border-radius:14px;padding:.72rem .82rem;text-decoration:none;color:inherit;background:hsla(0,0%,100%,.04)}.history-item:hover{border-color:rgba(69,240,180,.5);background:rgba(69,240,180,.08)}.history-ident{display:flex;align-items:center;gap:.55rem}.live-tile{border:1px solid rgba(255,111,79,.38);border-radius:14px;padding:.75rem;background:linear-gradient(155deg,rgba(255,111,79,.16),rgba(69,240,180,.1));display:grid;grid-gap:.5rem;gap:.5rem}.brain-card{border:1px solid rgba(69,240,180,.3);border-radius:18px;padding:1.4rem 1.2rem;background:linear-gradient(145deg,rgba(69,240,180,.08),rgba(127,241,255,.04));display:grid;grid-gap:.6rem;gap:.6rem;text-align:center}.brain-type-name{font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;letter-spacing:-.01em;color:var(--accent);line-height:1}.one-liner{color:var(--muted);font-size:1rem;font-style:italic}.traits-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.traits-list li{font-size:.8rem;padding:.25rem .6rem;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14)}.result-layout{display:grid;grid-gap:1.25rem;gap:1.25rem;max-width:520px;margin:0 auto}.score-big{font-size:clamp(3rem,12vw,5.5rem);font-weight:800;line-height:1;color:var(--accent);display:block}.score-display{text-align:center;display:grid;grid-gap:.3rem;gap:.3rem}.percentile{color:var(--muted);font-size:.9rem}.in-progress-state{display:grid;grid-gap:1rem;gap:1rem;text-align:center;padding:3rem 0;max-width:400px;margin:0 auto}.challenge-composer{border:1px solid rgba(127,241,255,.35);border-radius:16px;padding:1rem;background:linear-gradient(155deg,rgba(127,241,255,.12),rgba(255,111,79,.1));display:grid;grid-gap:.65rem;gap:.65rem}.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{width:min(240px,100%);aspect-ratio:1/1;object-fit:cover;border-radius:16px;border:2px solid hsla(0,0%,100%,.28);box-shadow:0 12px 30px rgba(0,0,0,.3)}.share-box{border:1px solid hsla(0,0%,100%,.14);border-radius:16px;padding:1.1rem;background:hsla(0,0%,100%,.04);display:grid;grid-gap:.75rem;gap:.75rem}.share-url-row{display:flex;gap:.5rem;align-items:center}.share-url{flex:1 1;font-size:.82rem;color:var(--muted);background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:.5rem .7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.copy-btn{background:rgba(69,240,180,.15);border:1px solid rgba(69,240,180,.4);color:var(--accent);font-size:.84rem;padding:.45rem .85rem;border-radius:10px;cursor:pointer;font-weight:700;white-space:nowrap;flex-shrink:0}.share-actions{display:flex;flex-wrap:wrap;gap:.5rem}.versus-card{border:1px solid rgba(255,111,79,.4);border-radius:20px;padding:1.5rem 1.25rem;background:linear-gradient(145deg,rgba(91,59,146,.25),rgba(24,47,54,.3));display:grid;grid-gap:1rem;gap:1rem;text-align:center}.winner-glow{animation:winner-glow 1.2s ease-in-out 3}.vs-divider{font-size:1.8rem;font-weight:800;color:var(--accent-2);letter-spacing:.1em}.score-block{display:grid;grid-gap:.35rem;gap:.35rem}.winner-badge{font-size:.85rem;font-weight:800;color:#ffd166;background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.3);border-radius:999px;padding:.3rem .7rem;display:inline-block}.versus-caption{color:var(--muted);font-style:italic;font-size:.95rem}.confetti-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:100}.confetti-piece{position:absolute;top:-10px;width:10px;height:18px;border-radius:3px;animation-name:confetti-fall;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translate3d(0,-10px,0) rotate(0deg);opacity:1}to{transform:translate3d(var(--confetti-drift,0),105vh,0) rotate(640deg);opacity:0}}@keyframes winner-glow{0%{box-shadow:0 0 0 0 rgba(255,209,102,.4)}50%{box-shadow:0 0 0 12px rgba(255,209,102,0)}to{box-shadow:0 0 0 0 rgba(255,209,102,0)}}@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}}