*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09080f;--bg2:#0f0d18;--surface:#181628;--surface2:#201e32;--surface3:#2a2842;--border:#ffffff12;--border-hi:#ffffff24;--text:#f2f0ff;--text-sub:#f2f0ff80;--text-3:#f2f0ff4d;--atn:#f59e0b;--spark:#d946ef;--love:#f43f5e;--mindlink:#06b6d4;--accent:#f59e0b;--accent2:#ef4444;--red:#ef4444;--green:#10b981;--glow-atn:#f59e0b59;--glow-spark:#d946ef59;--glow-love:#f43f5e59;--glow-ml:#06b6d459;--radius:16px;--radius-sm:10px;--radius-lg:22px;font-family:Inter,-apple-system,sans-serif}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100dvh}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}.container{z-index:1;max-width:480px;margin:0 auto;padding:0 20px;position:relative}.text-muted{color:var(--text-sub);font-size:14px}.font-display{font-family:Syne,sans-serif}.font-ui{font-family:Space Grotesk,sans-serif}.font-body{font-family:Inter,sans-serif}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:90%;max-width:360px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border-hi);color:var(--text);text-align:center;-webkit-backdrop-filter:blur(16px);background:#181628eb;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s toastIn,.3s 3s forwards toastOut;box-shadow:0 8px 32px #0006}.toast.success{color:#6ee7b7;background:#10b98126;border-color:#10b98159}.toast.error{color:#fca5a5;background:#ef444426;border-color:#ef444459}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(.95)}}.btn{border-radius:var(--radius);white-space:nowrap;letter-spacing:.01em;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;transition:all .22s;display:inline-flex}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-lg{width:100%;padding:18px 28px;font-size:17px}.btn-primary{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);font-family:Nunito,sans-serif;box-shadow:0 4px 20px #f59e0b4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b80}.btn-spark{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f59e0b 100%) 0 0/200% 200%;font-family:Syne,sans-serif;animation:4s infinite gradShift;box-shadow:0 4px 20px #a855f759}.btn-spark:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #a855f780}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}.btn-outline{border:1.5px solid var(--border-hi);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff59}.btn-ghost{color:var(--text-sub);background:0 0;padding:10px 20px;font-size:14px}.btn-ghost:hover{color:var(--text)}.btn-ghost-back{color:var(--text-sub);background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:14px;transition:color .2s;display:flex}.btn-ghost-back:hover{color:var(--text)}.btn-ghost-red{color:#fca5a5;border-radius:var(--radius);background:#ef44441f;border:1px solid #ef444447;padding:12px 24px;font-weight:600;transition:all .2s}.btn-ghost-red:hover:not(:disabled){background:#ef444433;border-color:#ef444473}.pulse{animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 4px 20px #a855f74d}50%{box-shadow:0 4px 36px #a855f7a6}}.form-group{margin-bottom:20px}.form-group label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;display:block}.form-group input,.form-group textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:14px 16px;font-size:16px;transition:border-color .2s,background .2s}.form-group input:focus,.form-group textarea:focus{background:#a855f70a;border-color:#a855f773;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-3)}.page{flex-direction:column;min-height:100dvh;display:flex;overflow-y:auto}.screen{flex-direction:column;justify-content:center;min-height:100dvh;padding:24px 0 40px;display:none}.screen.active{display:flex}.particles-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{border-radius:50%;animation:ease-in-out infinite alternate floatParticle;position:absolute}@keyframes floatParticle{0%{opacity:.3;transform:translateY(0)scale(1)}to{opacity:.7;transform:translateY(-30px)scale(1.3)}}.glass-card{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);background:#ffffff0a}svg{vertical-align:middle;flex-shrink:0;display:inline-block}.btn{gap:8px}.btn-ghost-back,.btn-ghost{gap:6px}a.home-back-link,a.ml-back-link,.love-back-btn,.home-back-link{align-items:center;gap:6px;display:inline-flex}.info-row,.ml-info-row{align-items:center;gap:10px;display:flex}.settings-label,.settings-summary,.custom-q-title,.ml-wc-label span:first-child{align-items:center;gap:6px;display:inline-flex}.mode-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.settings-preview{align-items:center;gap:12px;display:flex}.settings-preview span{align-items:center;gap:5px;display:inline-flex}.cq-text{align-items:center;gap:6px;display:inline-flex}.perform-tip,.watch-tip{align-items:center;gap:8px;display:flex}.ml-partner-status{justify-content:center;align-items:center;gap:8px;display:flex}.ml-waiting-footer{justify-content:center;align-items:center;gap:6px;display:flex}.score-inline-badge{align-items:center;gap:6px;display:inline-flex}.rc-role-tag,.rc-name{align-items:center;gap:6px;display:flex}.result-text{justify-content:center;align-items:center;gap:6px;display:flex}.love-command-hint{align-items:center;gap:6px;display:flex}.love-awards-title{align-items:center;gap:8px;display:flex}.gameover-stat-row span{align-items:center;gap:4px;display:inline-flex}.invite-badge,.spark-invite-badge,.ml-invite-badge{align-items:center;gap:6px;display:inline-flex}.ml-turn-banner,.q-countdown-label{justify-content:center;align-items:center;gap:6px;display:flex}.btn-full.btn-love-outline,.btn-full.btn-love{justify-content:center;align-items:center;gap:8px;display:flex}.hp-page{color:#f0eeff;background:#06040f;justify-content:center;align-items:flex-start;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.hp-page:before{content:"";pointer-events:none;z-index:0;background:#06040f;position:fixed;inset:0}.hp-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.hp-orb{filter:blur(50px);will-change:transform;opacity:1.6;border-radius:50%;animation:ease-in-out infinite alternate orb-drift;position:absolute;transform:translate(-50%,-50%)}.hp-orb:nth-child(2n){animation-name:orb-drift-rev}.hp-orb:nth-child(3n){animation-name:orb-drift-y}@keyframes orb-drift{0%{transform:translate(-50%,-50%)scale(1)rotate(0)}33%{transform:translate(-35%,-65%)scale(1.12)rotate(60deg)}66%{transform:translate(-65%,-35%)scale(.92)rotate(120deg)}to{transform:translate(-50%,-50%)scale(1.05)rotate(180deg)}}@keyframes orb-drift-rev{0%{transform:translate(-50%,-50%)scale(1)rotate(0)}33%{transform:translate(-62%,-42%)scale(.9)rotate(-80deg)}66%{transform:translate(-38%,-60%)scale(1.1)rotate(-160deg)}to{transform:translate(-50%,-50%)scale(1.04)rotate(-220deg)}}@keyframes orb-drift-y{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-40%)scale(1.15)}to{transform:translate(-50%,-60%)scale(.9)}}.hp-particles{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.hp-particle{filter:blur(.8px);will-change:transform, opacity;border-radius:50%;animation:linear infinite particle-rise;position:absolute;bottom:-12px;box-shadow:0 0 6px}@keyframes particle-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(.6)}8%{opacity:1}85%{opacity:.6}to{transform:translateY(-110vh) translateX(calc(sin(var(--i,1)) * 60px)) scale(1.4);opacity:0}}.hp-particle:nth-child(3n+1){animation-name:particle-rise-left}.hp-particle:nth-child(3n+2){animation-name:particle-rise-right}@keyframes particle-rise-left{0%{opacity:0;transform:translateY(0)translate(0)scale(.8)}8%{opacity:.9}50%{transform:translateY(-55vh)translate(-30px)scale(1.1)}to{opacity:0;transform:translateY(-110vh)translate(-55px)scale(.5)}}@keyframes particle-rise-right{0%{opacity:0;transform:translateY(0)translate(0)scale(.8)}8%{opacity:.9}50%{transform:translateY(-55vh)translate(35px)scale(1.1)}to{opacity:0;transform:translateY(-110vh)translate(60px)scale(.5)}}.hp-dotgrid{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:26px 26px;animation:20s linear infinite grid-drift;position:fixed;inset:0}@keyframes grid-drift{0%{background-position:0 0}to{background-position:26px 26px}}.hp-noise{pointer-events:none;z-index:2;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.hp-wrap{z-index:3;flex-direction:column;gap:32px;width:100%;max-width:480px;min-height:100dvh;padding:28px 16px 52px;display:flex;position:relative}.hp-header{border-bottom:1px solid #ffffff12;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:24px;display:flex;position:relative}.hp-header:after{content:"";background:linear-gradient(90deg,#f59e0be6,#d946efcc,#f43f5eb3,#06b6d4b3,#f59e0be6) 0 0/200% 100%;height:2px;animation:4s linear infinite header-bar-flow;position:absolute;bottom:-1px;left:0;right:0}@keyframes header-bar-flow{0%{background-position:0 0}to{background-position:200% 0}}.hp-logo-row{align-items:center;gap:14px;display:flex}.hp-logo-dice{filter:drop-shadow(0 0 16px #f59e0bb3);font-size:34px;animation:5s ease-in-out infinite diceWobble;display:inline-block}@keyframes diceWobble{0%{transform:rotate(-8deg)scale(1)}25%{transform:rotate(4deg)scale(1.1)translateY(-4px)}50%{transform:rotate(-5deg)scale(1.05)}75%{transform:rotate(6deg)scale(1.12)translateY(-2px)}to{transform:rotate(-8deg)scale(1)}}.hp-logo-text{align-items:baseline;gap:9px;display:flex}.hp-logo-bufi{letter-spacing:.12em;background:linear-gradient(135deg,#fff 0%,#f59e0bd9 50%,#fff 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:32px;font-weight:800;animation:.6s cubic-bezier(.22,1,.36,1) 50ms both logo-slam-in,3s ease-in-out .8s infinite logo-shimmer}@keyframes logo-slam-in{0%{opacity:0;letter-spacing:.4em;transform:translate(-20px)skew(-10deg)}to{opacity:1;letter-spacing:.12em;transform:translate(0)skew(0)}}@keyframes logo-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.hp-logo-board{letter-spacing:.26em;text-transform:uppercase;color:#ffffff40;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;animation:.6s .4s both board-expand}@keyframes board-expand{0%{opacity:0;letter-spacing:.6em}to{opacity:1;letter-spacing:.26em}}.hp-header-tagline{color:#ffffff6b;letter-spacing:.01em;margin:0;font-family:Inter,sans-serif;font-size:14px;animation:.5s .55s both tagline-up}@keyframes tagline-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hp-sections{flex-direction:column;gap:36px;display:flex}.hp-section{flex-direction:column;gap:14px;animation:.55s cubic-bezier(.22,1,.36,1) both sectionIn;display:flex}.hp-section:nth-child(2){animation-delay:.13s}@keyframes sectionIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hp-section-header{border-left:3px solid var(--cat-color,#ffffff4d);flex-direction:column;gap:4px;padding-left:14px;display:flex;position:relative}.hp-section-header:before{content:"";background:var(--cat-color);filter:blur(6px);opacity:.6;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:-3px}.hp-section-title-row{align-items:center;gap:8px;display:flex}.hp-section-icon{font-size:18px;line-height:1}.hp-section-label{letter-spacing:.08em;color:var(--cat-color,#fff);text-transform:uppercase;margin:0;font-family:Syne,sans-serif;font-size:17px;font-weight:800}.hp-section-count{color:#ffffff59;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;margin-left:auto;padding:2px 9px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.hp-section-sub{color:#ffffff4d;letter-spacing:.01em;margin:0;font-family:Inter,sans-serif;font-size:12px}.hp-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.hp-grid:has(.hp-gcard:only-child){grid-template-columns:1fr}.hp-grid:has(.hp-gcard:only-child) .hp-gcard{aspect-ratio:16/9}.hp-grid:not(:has(.hp-gcard:only-child)) .hp-gcard:last-child:nth-child(odd){aspect-ratio:16/9;grid-column:span 2}.hp-gcard{color:#fff;aspect-ratio:5/6;cursor:pointer;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .32s,border-color .28s;animation:.6s cubic-bezier(.22,1,.36,1) both gcardIn;display:flex;position:relative;overflow:hidden}@keyframes gcardIn{0%{opacity:0;transform:translateY(-30px)scale(.88)}55%{transform:translateY(6px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.hp-gcard{animation:.6s cubic-bezier(.22,1,.36,1) both gcardIn,4s ease-in-out 1s infinite card-idle-glow}.hp-gcard:nth-child(2){animation-delay:90ms,1.6s}.hp-gcard:nth-child(3){animation-delay:.18s,2.2s}.hp-gcard:nth-child(4){animation-delay:.27s,2.8s}@keyframes card-idle-glow{0%,to{box-shadow:0 4px 20px #00000080}50%{box-shadow:0 4px 32px #0009, 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}}.hp-gcard-bg{object-fit:cover;object-position:center;z-index:0;filter:brightness(1.05)saturate(1.2);width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.hp-gcard{isolation:isolate}.hp-gcard>img.hp-gcard-bg:after{display:none}.hp-gcard-overlay{z-index:1;pointer-events:none;background:var(--overlay);position:absolute;inset:0}.hp-gcard:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--accent) 65%, transparent), 0 24px 64px -8px var(--glow,#ffffff26), 0 8px 24px #000000b3;border-color:color-mix(in srgb, var(--accent) 60%, transparent);animation:none;transform:translateY(-8px)scale(1.03)}.hp-gcard:hover .hp-gcard-bg{filter:brightness(1.2)saturate(1.35);transform:scale(1.1)}.hp-gcard:active{transform:translateY(-3px)scale(1.01)}.hp-gcard:before{content:"";background:var(--accent);z-index:4;height:2px;box-shadow:0 0 14px 2px var(--glow);border-radius:0 0 6px 6px;animation:2.5s ease-in-out infinite topbar-blink;position:absolute;top:0;left:8%;right:8%}.hp-gcard:first-child:before{animation-delay:0s}.hp-gcard:nth-child(2):before{animation-delay:.7s}.hp-gcard:nth-child(3):before{animation-delay:1.4s}.hp-gcard:nth-child(4):before{animation-delay:2.1s}@keyframes topbar-blink{0%,to{opacity:.35}50%{opacity:1}}.hp-gcard:after{content:"";background:radial-gradient(ellipse 90% 65% at 50% 110%, var(--glow,transparent) 0%, transparent 65%);opacity:.25;z-index:1;pointer-events:none;border-radius:20px;transition:opacity .35s;animation:3s ease-in-out infinite bottom-glow-breathe;position:absolute;inset:0}@keyframes bottom-glow-breathe{0%,to{opacity:.2}50%{opacity:.45}}.hp-gcard:hover:after{opacity:.7;animation:none}.hp-gcard-top{z-index:2;justify-content:space-between;align-items:flex-start;padding:13px 13px 0;display:flex;position:relative}.hp-gcard-num{letter-spacing:.18em;color:#ffffff38;font-family:Space Grotesk,monospace;font-size:10px;font-weight:700}.hp-gcard-badge{letter-spacing:.06em;color:#fffc;-webkit-backdrop-filter:blur(6px);background:#ffffff1c;border:1px solid #fff3;border-radius:20px;padding:4px 9px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}.hp-gcard-bottom{z-index:2;flex-direction:column;gap:3px;padding:0 13px 16px;display:flex;position:relative}.hp-gcard-emoji{filter:drop-shadow(0 2px 12px #00000080);align-self:flex-start;margin-bottom:6px;font-size:28px;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .3s;animation:3s ease-in-out infinite emoji-float;display:inline-block}.hp-gcard:first-child .hp-gcard-emoji{animation-delay:0s}.hp-gcard:nth-child(2) .hp-gcard-emoji{animation-delay:.5s}.hp-gcard:nth-child(3) .hp-gcard-emoji{animation-delay:1s}.hp-gcard:nth-child(4) .hp-gcard-emoji{animation-delay:1.5s}@keyframes emoji-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(3deg)}}.hp-gcard:hover .hp-gcard-emoji{filter:drop-shadow(0 4px 20px #0009);animation:none;transform:scale(1.35)rotate(-8deg)!important}.hp-gcard-name{color:#fff;text-shadow:0 2px 16px #000000f2,0 0 40px #0009;letter-spacing:-.01em;font-family:Syne,sans-serif;font-size:22px;font-weight:800;line-height:1.1}.hp-grid:has(.hp-gcard:only-child) .hp-gcard-name{letter-spacing:-.02em;font-size:36px;line-height:1.05}.hp-grid:not(:has(.hp-gcard:only-child)) .hp-gcard:last-child:nth-child(odd) .hp-gcard-name{letter-spacing:-.02em;font-size:36px;line-height:1.05}.hp-grid:has(.hp-gcard:only-child) .hp-gcard-emoji{margin-bottom:10px;font-size:40px}.hp-grid:not(:has(.hp-gcard:only-child)) .hp-gcard:last-child:nth-child(odd) .hp-gcard-emoji{margin-bottom:10px;font-size:40px}.hp-grid:has(.hp-gcard:only-child) .hp-gcard-concept{letter-spacing:.18em;font-size:12px}.hp-grid:not(:has(.hp-gcard:only-child)) .hp-gcard:last-child:nth-child(odd) .hp-gcard-concept{letter-spacing:.18em;font-size:12px}.hp-gcard-concept{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px var(--glow);margin-top:2px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;animation:2s ease-in-out infinite concept-blink}.hp-gcard:nth-child(2) .hp-gcard-concept{animation-delay:.5s}.hp-gcard:nth-child(3) .hp-gcard-concept{animation-delay:1s}.hp-gcard:nth-child(4) .hp-gcard-concept{animation-delay:1.5s}@keyframes concept-blink{0%,70%,to{opacity:.9}85%{opacity:.4}}.hp-gcard-players{color:#ffffff59;margin-top:3px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.hp-gcard-action{opacity:0;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;align-items:center;gap:6px;margin-top:8px;font-family:Syne,sans-serif;font-size:12px;font-weight:800;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(8px)}.hp-gcard:hover .hp-gcard-action{opacity:1;transform:translateY(0)}.hp-gcard-action svg{flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hp-gcard:hover .hp-gcard-action svg{transform:translate(4px)}.hp-footer{text-align:center;color:#ffffff2e;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:8px;padding-top:8px;font-family:Space Grotesk,sans-serif;font-size:12px;display:flex}@media (width>=500px){.hp-wrap{max-width:540px;padding:36px 24px 64px}.hp-gcard-name{font-size:26px}.hp-gcard-emoji{font-size:34px}.hp-logo-bufi{font-size:38px}.hp-section-label{font-size:18px}.hp-header-tagline{font-size:15px}.hp-grid:has(.hp-gcard:only-child) .hp-gcard-name{font-size:44px}.hp-grid:not(:has(.hp-gcard:only-child)) .hp-gcard:last-child:nth-child(odd) .hp-gcard-name{font-size:44px}}