@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d12;--surface: #18181f;--surface2: #1f1f28;--border: rgba(255,255,255,.08);--accent: #8b5cf6;--accent2: #3b82f6;--green: #22d37a;--red: #f04560;--text: #f2f2f8;--muted: rgba(242,242,248,.38)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}.g-screen{height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(139,92,246,.08) 0%,transparent 70%),var(--bg)}.flash-correct{animation:bg-flash-green .45s ease}.flash-wrong{animation:bg-flash-red .45s ease}@keyframes bg-flash-green{0%{background-color:#22d37a26}to{background-color:transparent}}@keyframes bg-flash-red{0%{background-color:#f0455a26}to{background-color:transparent}}.g-header{width:100%;max-width:540px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;flex-shrink:0}.g-logo{font-size:1.2rem;font-weight:900;letter-spacing:-.5px;color:var(--text)}.g-logo .logo-pfp{background:linear-gradient(130deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.g-logo .logo-dot{color:#ffffff40}.g-logo .logo-gg{color:#fff6;font-weight:700}.g-lives{display:flex;gap:6px;align-items:center}.g-heart{font-size:1.15rem;transition:all .3s;line-height:1}.heart-on{color:#f04560;filter:drop-shadow(0 0 6px rgba(240,69,96,.65))}.heart-off{color:#ffffff1a}.g-score-wrap{display:flex;align-items:center;gap:8px}.streak-fire{font-size:.75rem;font-weight:800;padding:3px 9px;border-radius:999px;background:#fb923c21;border:1px solid rgba(251,146,60,.3);color:#fb923c;animation:pulse-fire .9s ease infinite alternate}@keyframes pulse-fire{0%{box-shadow:none}to{box-shadow:0 0 12px #fb923c4d}}.g-score{font-size:.78rem;font-weight:800;padding:4px 12px;border-radius:999px;background:#8b5cf621;border:1px solid rgba(139,92,246,.28);color:#a78bfa;min-width:60px;text-align:center}.timer-track{width:100%;max-width:540px;height:5px;background:#ffffff12;border-radius:999px;overflow:hidden;flex-shrink:0;padding:0 20px}.timer-track-inner{width:100%;height:100%;background:#ffffff12;border-radius:999px;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;transition:width 1s linear,background .4s;box-shadow:0 0 8px #8b5cf680}.timer-danger{background:linear-gradient(90deg,#f04560,#ff8a65)!important;box-shadow:0 0 8px #f0455a80!important;animation:timer-pulse .5s ease infinite alternate}@keyframes timer-pulse{0%{opacity:1}to{opacity:.55}}.g-body{flex:1;width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;padding:10px 16px 12px;gap:12px;min-height:0}.username-stage{text-align:center;flex-shrink:0;animation:slide-down .3s cubic-bezier(.22,1,.36,1) both;width:100%}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.find-label{font-size:.62rem;font-weight:700;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.username-pill{display:inline-block;background:#8b5cf61a;border:1.5px solid rgba(139,92,246,.25);border-radius:14px;padding:8px 22px;max-width:100%}.username-display{font-size:clamp(1rem,3.5vw,1.45rem);font-weight:900;letter-spacing:-.3px;color:var(--text);word-break:break-all;line-height:1.15}.pfp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;flex:1;min-height:0}.pfp-card{position:relative;border-radius:18px;overflow:hidden;border:2px solid rgba(255,255,255,.06);cursor:pointer;background:var(--surface);transition:border-color .18s,box-shadow .18s,transform .15s,opacity .2s;animation:card-pop .3s cubic-bezier(.22,1,.36,1) both;aspect-ratio:1;min-height:0;box-shadow:0 4px 20px #0006}@keyframes card-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.pfp-card-idle:hover{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf626,0 8px 24px #00000080;transform:scale(1.03) translateY(-1px)}.pfp-card-idle:active{transform:scale(.97)}.pfp-card-correct{border-color:var(--green);box-shadow:0 0 0 3px #22d37a4d,0 0 30px #22d37a2e;animation:card-pop .3s ease both,correct-bounce .4s ease}@keyframes correct-bounce{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.pfp-card-wrong{border-color:var(--red);box-shadow:0 0 0 3px #f0455a4d;animation:card-shake .38s ease}@keyframes card-shake{0%{transform:translate(0)}20%{transform:translate(-9px)}45%{transform:translate(9px)}65%{transform:translate(-5px)}82%{transform:translate(4px)}to{transform:translate(0)}}.pfp-card-reveal{border-color:var(--green);box-shadow:0 0 0 2px #22d37a33;opacity:1!important}.pfp-card-dimmed{opacity:.28}.pfp-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.pfp-badge{position:absolute;top:9px;right:9px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:900;animation:badge-pop .22s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 2px 8px #0006}@keyframes badge-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pfp-badge-correct{background:var(--green);color:#fff}.pfp-badge-wrong{background:var(--red);color:#fff}.pfp-name-tag{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e0);color:#fff;font-size:clamp(.58rem,1.8vw,.72rem);font-weight:700;padding:18px 8px 7px;text-align:center;word-break:break-all;line-height:1.2;animation:name-slide .25s ease both}@keyframes name-slide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.g-footer{width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:5px;align-items:center}.progress-wrap{width:100%;height:3px;background:#ffffff0f;border-radius:999px;overflow:hidden}.progress-done{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;transition:width .5s ease}.progress-txt{font-size:.63rem;font-weight:600;color:var(--muted);letter-spacing:.4px}.end-card{margin:auto;width:90%;max-width:380px;padding:38px 28px;border-radius:26px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:end-slide .45s cubic-bezier(.22,1,.36,1) both;box-shadow:0 24px 80px #00000080}@keyframes end-slide{0%{opacity:0;transform:translateY(36px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.end-win{background:#8b5cf617;border:1.5px solid rgba(139,92,246,.22)}.end-lose{background:#f0455a14;border:1.5px solid rgba(240,69,90,.2)}.end-emoji{font-size:3.8rem;line-height:1}.end-title{font-size:1.9rem;font-weight:900;letter-spacing:-.5px}.end-sub{color:var(--muted);font-size:.87rem}.end-reveal{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 20px;background:#f0455a14;border:1px solid rgba(240,69,90,.15);border-radius:16px;width:100%}.reveal-tag{font-size:.6rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.reveal-pfp{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid rgba(240,69,90,.4);box-shadow:0 0 20px #f0455a33}.reveal-name{font-size:.92rem;font-weight:700;color:#fca5a5}.end-stats{display:flex;gap:8px;width:100%;justify-content:center;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:14px;min-width:82px}.stat-label{font-size:.58rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.9px}.stat-val{font-size:1.15rem;font-weight:900;color:var(--text)}.btn-restart{margin-top:4px;padding:13px 36px;background:linear-gradient(130deg,var(--accent),var(--accent2));border:none;border-radius:14px;color:#fff;font-size:.95rem;font-weight:800;font-family:Inter,sans-serif;cursor:pointer;transition:opacity .2s,transform .15s;letter-spacing:.2px;box-shadow:0 4px 20px #8b5cf659}.btn-restart:hover{opacity:.88;transform:translateY(-2px)}.btn-restart:active{transform:scale(.97)}