:root{--bg0: #120e1c;--bg1: #1b1530;--ink: #f4eeff;--ink-dim: rgba(244, 238, 255, .62);--ink-faint: rgba(244, 238, 255, .4);--accent: #e8a05a;--accent-2: #ff8fb1;--cool: #8fb6ff;--card: rgba(255, 255, 255, .055);--card-strong: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .12);--radius: 22px;--radius-sm: 14px;--maxw: 480px;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.app{position:relative;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(16px,env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 120% at 50% -10%,var(--bg1),var(--bg0) 60%)}.orb{position:absolute;width:60vw;height:60vw;max-width:520px;max-height:520px;border-radius:50%;filter:blur(60px);opacity:.5;mix-blend-mode:screen}.orb-a{background:radial-gradient(circle,var(--accent),transparent 70%);top:8%;left:-10%;animation:driftA 16s ease-in-out infinite}.orb-b{background:radial-gradient(circle,var(--cool),transparent 70%);bottom:4%;right:-10%;animation:driftB 18s ease-in-out infinite}@keyframes driftA{0%,to{transform:translate(0)}50%{transform:translate(28vw,18vh)}}@keyframes driftB{0%,to{transform:translate(0)}50%{transform:translate(-24vw,-14vh)}}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.screen{width:100%;max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;align-items:center;animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lobby{gap:22px;justify-content:center;flex:1}.brand{text-align:center}.brand-mark{display:flex;justify-content:center;gap:10px;margin-bottom:14px}.dot{width:16px;height:16px;border-radius:50%;display:inline-block}.dot-1{background:var(--accent);animation:pulseA 2.4s ease-in-out infinite}.dot-2{background:var(--cool);animation:pulseB 2.4s ease-in-out infinite}@keyframes pulseA{0%,to{transform:translate(4px)}50%{transform:translate(-2px)}}@keyframes pulseB{0%,to{transform:translate(-4px)}50%{transform:translate(2px)}}.brand-name{font-size:2.6rem;margin:0;letter-spacing:-.03em;font-weight:800;background:linear-gradient(120deg,var(--accent),var(--accent-2) 60%,var(--cool));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tag{color:var(--ink-dim);margin:10px 0 0;line-height:1.5;font-size:1.02rem}.card{width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.lobby-card{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field span{font-size:.82rem;color:var(--ink-dim);padding-left:4px}input,.answer-input{width:100%;background:#00000040;border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);padding:14px 16px;font-size:1.05rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,.answer-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8a05a2e}.invite-line{color:var(--ink-dim);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-chip,.hud-code{font-variant:small-caps;letter-spacing:.04em;background:var(--card-strong);border:1px solid var(--line);padding:4px 10px;border-radius:999px;color:var(--ink);font-weight:600}.join-row{display:flex;gap:8px}.join-row input{flex:1}.how{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:8px;color:var(--ink-dim);font-size:.95rem;max-width:360px}.how b{color:var(--accent);margin-right:6px}.footnote{color:var(--ink-faint);font-size:.85rem}.btn{border:none;border-radius:999px;padding:13px 22px;font-size:1rem;font-weight:650;color:#20141c;transition:transform .12s ease,filter .2s,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#2a141f;box-shadow:0 10px 28px -10px #ff8fb199}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{background:var(--card-strong);color:var(--ink);border:1px solid var(--line)}.btn-block{width:100%}.btn-lg{padding:16px 24px;font-size:1.08rem}.link-btn{background:none;border:none;color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px;font-size:.9rem;padding:4px}.link-btn:hover{color:var(--ink)}.game{width:100%;max-width:var(--maxw);margin:0 auto;flex:1;display:flex;flex-direction:column}.hud{display:flex;align-items:center;gap:10px;padding:6px 4px 16px;width:100%}.hud-leave{background:var(--card-strong);border:1px solid var(--line);color:var(--ink);width:38px;height:38px;border-radius:50%;font-size:1.2rem;line-height:1}.hud-stats{display:flex;gap:8px;margin-left:auto;align-items:center}.hud-sync{font-size:.82rem;color:var(--ink-dim)}.hud-streak{font-size:.85rem}.pro-pill{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#2a141f;font-weight:800;font-size:.72rem;padding:5px 10px;border-radius:999px;letter-spacing:.06em}.hud-pro{background:var(--card-strong);border:1px solid var(--line);color:var(--ink);font-size:.78rem;padding:7px 12px;border-radius:999px;font-weight:600}.game-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px 0 20px}.waiting-room{gap:16px;text-align:center}.wr-title{font-size:1.6rem;margin:0;letter-spacing:-.02em}.wr-sub{color:var(--ink-dim);margin:0;line-height:1.5;max-width:380px}.invite-box{width:100%;display:flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 8px 8px 14px}.invite-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--ink-dim);text-align:left}.invite-box .btn{padding:10px 16px;font-size:.9rem;white-space:nowrap}.hint{color:var(--ink-faint);font-size:.85rem;margin:2px 0 0}.hint.center{text-align:center}.presence-row{display:flex;align-items:center;gap:6px;margin:6px 0}.presence{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);padding:8px 14px;border-radius:999px}.presence-bullet{width:9px;height:9px;border-radius:50%;background:var(--ink-faint)}.presence.on .presence-bullet{background:#5be08a;box-shadow:0 0 10px #5be08a}.presence.off{opacity:.55}.presence-link{width:26px;height:2px;background:var(--line)}.deck-select{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;color:var(--ink)}.deck-select .deck-icon{font-size:1.5rem}.deck-select b{display:block}.deck-blurb{display:block;color:var(--ink-dim);font-size:.82rem;margin-top:2px}.deck-change{margin-left:auto;color:var(--accent);font-size:.85rem;font-weight:600}.answering{gap:18px;text-align:center;width:100%}.round-pill{font-size:.78rem;color:var(--ink-dim);background:var(--card);border:1px solid var(--line);padding:5px 12px;border-radius:999px;letter-spacing:.04em}.prompt{font-size:1.9rem;line-height:1.25;margin:6px 0;letter-spacing:-.02em;max-width:420px;font-weight:700}.answer-area{width:100%;display:flex;flex-direction:column;gap:12px}.answer-input{text-align:center;resize:none;font-size:1.2rem}.locked-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0}.locked-badge{font-size:1.1rem;background:var(--card-strong);border:1px solid var(--line);padding:12px 22px;border-radius:999px}.waiting{color:var(--ink-dim);margin:0}.heartbeat{min-height:34px;display:flex;align-items:center;justify-content:center}.hb{font-size:.92rem;display:inline-flex;align-items:center;gap:8px}.hb-dim{color:var(--ink-faint)}.hb-ready{color:#7be0a0}.hb-think{color:var(--ink-dim)}.hb-typing{color:var(--accent)}.typing-dots{display:inline-flex;gap:3px}.typing-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;animation:blink 1.2s infinite both}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.typing-bar{width:60px;height:4px;border-radius:4px;background:var(--line);overflow:hidden}.typing-bar span{display:block;height:100%;background:var(--accent);transition:width .25s}.judging,.connecting{gap:20px;padding:40px 0}.judging-orbs{position:relative;height:50px;width:90px}.judging-orbs span{position:absolute;top:10px;width:30px;height:30px;border-radius:50%;filter:blur(2px)}.judging-orbs span:first-child{left:0;background:var(--accent);animation:meet 1.6s ease-in-out infinite}.judging-orbs span:last-child{right:0;background:var(--cool);animation:meet 1.6s ease-in-out infinite reverse}@keyframes meet{0%,to{transform:translate(0)}50%{transform:translate(30px)}}.judging-text{color:var(--ink-dim);display:inline-flex;gap:6px;align-items:center}.reveal{gap:16px;text-align:center}.reveal-prompt{color:var(--ink-dim);font-size:1.02rem;margin:0;max-width:380px}.ring-wrap{margin:4px 0}.score-ring{position:relative;display:grid;place-items:center}.score-ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.score-ring-label{display:flex;flex-direction:column;align-items:center}.score-num{font-size:2.6rem;font-weight:800;letter-spacing:-.03em}.score-unit{font-size:.72rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em}.verdict{display:flex;flex-direction:column;align-items:center;gap:6px}.verdict-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 12px;border-radius:999px;font-weight:700}.verdict.is-match .verdict-tag{background:#ff8fb12e;color:var(--accent-2)}.verdict.is-miss .verdict-tag{background:#8fb6ff29;color:var(--cool)}.verdict-text{font-size:1.25rem;margin:0;line-height:1.35;max-width:380px;font-weight:600}.answers{display:flex;gap:10px;width:100%}.answer-card{flex:1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}.answer-card.mine{border-color:#e8a05a66}.answer-card.theirs{border-color:#8fb6ff66}.answer-who{font-size:.74rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em}.answer-val{font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.seed{background:#8fb6ff1a;border:1px solid rgba(143,182,255,.25);border-radius:var(--radius-sm);padding:14px 16px;font-size:.98rem;line-height:1.45}.seed-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cool);margin-bottom:6px}.streak-flag{font-size:.95rem;color:var(--accent)}.reveal-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px}.summary{gap:18px}.sharecard{width:100%;background:linear-gradient(150deg,#e8a05a1f,#8fb6ff1a);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--shadow)}.sharecard-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}.sharecard-head .dot{width:11px;height:11px;animation:none}.sharecard-brand{font-weight:700;letter-spacing:.02em}.big-sync{display:flex;flex-direction:column;align-items:center;margin:6px 0 18px}.big-sync-num{font-size:4rem;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.big-sync-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.summary-stats{display:flex;justify-content:center;gap:26px;margin-bottom:18px}.summary-stats div{display:flex;flex-direction:column}.summary-stats b{font-size:1.5rem}.summary-stats span{font-size:.74rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em}.highlight{text-align:left;background:#0000002e;border-radius:var(--radius-sm);padding:12px 14px;margin-top:10px;display:flex;flex-direction:column;gap:3px}.highlight-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.highlight-match .highlight-label{color:var(--accent-2)}.highlight-miss .highlight-label{color:var(--cool)}.highlight-prompt{font-weight:600}.highlight-answers{color:var(--ink-dim);font-size:.9rem;overflow-wrap:anywhere}.summary-actions{display:flex;flex-direction:column;gap:8px;width:100%;align-items:stretch}.summary-actions .link-btn{align-self:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08050eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:var(--maxw);background:var(--bg1);border:1px solid var(--line);border-radius:24px 24px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom));position:relative;box-shadow:var(--shadow);animation:slideUp .28s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@media (min-width: 540px){.modal-overlay{align-items:center}.modal{border-radius:24px}}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--ink-dim);font-size:1.6rem;line-height:1}.modal-title{margin:0 0 16px;font-size:1.3rem}.paywall{text-align:center}.paywall-badge{display:inline-block;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#2a141f;font-weight:800;font-size:.7rem;letter-spacing:.1em;padding:5px 12px;border-radius:999px}.paywall-title{font-size:1.5rem;margin:14px 0 6px}.paywall-sub{color:var(--ink-dim);margin:0 0 18px;line-height:1.5}.perks{list-style:none;padding:0;margin:0 0 20px;text-align:left;display:flex;flex-direction:column;gap:10px}.perks li{display:flex;gap:10px;align-items:flex-start;line-height:1.4}.perk-check{color:#5be08a;font-weight:800}.price-row{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:16px}.price{font-size:2.4rem;font-weight:800;letter-spacing:-.03em}.price-note{color:var(--ink-dim);font-size:.85rem}.error-text{color:#ff9a9a;font-size:.88rem;margin:10px 0 0}.demo-note{color:var(--ink-faint);font-size:.78rem;margin:12px 0 0;line-height:1.4}.paywall-fineprint{color:var(--ink-faint);font-size:.78rem;margin:8px 0 0}.deck-list{display:flex;flex-direction:column;gap:10px}.deck-item{display:flex;align-items:center;gap:14px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;color:var(--ink)}.deck-item.active{border-color:var(--accent)}.deck-item.locked{opacity:.85}.deck-item .deck-icon{font-size:1.6rem}.deck-text{display:flex;flex-direction:column;gap:2px;min-width:0}.deck-name{font-weight:650;display:flex;align-items:center;gap:8px}.lock-pill{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#2a141f;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:.06em}.active-pill{background:var(--card-strong);border:1px solid var(--line);font-size:.62rem;padding:2px 8px;border-radius:999px;color:var(--ink-dim)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}