@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Space+Grotesk:wght@600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f7f5ff;background:#0d0d18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,#292153 0,transparent 45%),#0d0d18}.glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 80%,#44214b55,transparent 27%),radial-gradient(circle at 90% 55%,#163d4955,transparent 25%)}main{position:relative;min-height:100svh;display:grid;place-items:center;padding:24px}.card{width:min(100%,440px);text-align:center}.hidden{display:none!important}.mark{height:66px;position:relative;margin:0 auto 24px;width:76px}.mark i{position:absolute;width:31px;height:31px;border-radius:50%;filter:drop-shadow(0 6px 9px #0006)}.mark i:nth-child(1){background:#ff5c7a;left:0;top:17px}.mark i:nth-child(2){background:#ffbd3e;left:22px;top:0}.mark i:nth-child(3){background:#00d4a1;right:0;top:17px}.mark i:nth-child(4){background:#7c6cff;left:22px;bottom:0}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700;color:#9e98b5;margin:0 0 10px}.home h1{font:700 clamp(54px,15vw,78px)/.9 'Space Grotesk';letter-spacing:-.08em;margin:0}.home h1 span{color:#a48cff}.lede{font-size:18px;line-height:1.5;color:#b9b5c7;max-width:350px;margin:24px auto 34px}form{display:grid;gap:12px}label{text-align:left;color:#aaa5ba;font-size:12px;font-weight:700;letter-spacing:.08em}input{width:100%;margin-top:8px;border:1px solid #333144;background:#181725;color:#fff;border-radius:16px;padding:17px 18px;font:600 16px inherit;outline:none}input:focus{border-color:#8e78ff;box-shadow:0 0 0 3px #8e78ff22}button{border:0;font:700 15px inherit;cursor:pointer}form button{border-radius:16px;padding:17px;background:linear-gradient(135deg,#8f75ff,#7056ee);color:white;box-shadow:0 12px 35px #6c4fff33}form button b{float:right}.or{display:flex;align-items:center;gap:12px;color:#6f6a80;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:28px 0 16px}.or:before,.or:after{content:"";height:1px;background:#292735;flex:1}#join{grid-template-columns:1fr auto}#join input{margin:0;letter-spacing:.17em;text-transform:uppercase}#join button{padding-inline:24px;background:#262435;box-shadow:none}.back{display:block;background:none;color:#a69fb8;font-size:24px;padding:10px;margin-bottom:45px}#join-name h2{font:700 38px 'Space Grotesk';margin:8px 0 30px}.room{width:min(100%,540px);align-self:stretch;padding:14px 0 24px;display:flex;flex-direction:column}.room header{display:flex;justify-content:space-between;align-items:center}.room header .eyebrow{margin:0;text-align:left}.room header button{background:none;color:#b7b1c6;padding:8px 0}#copy{font:700 23px 'Space Grotesk';letter-spacing:.14em;color:#fff}.room header small{font-size:13px;color:#7a738d}#share{border:1px solid #333044!important;border-radius:12px;padding:10px 13px!important}#status{text-align:center;margin:45px 0 30px;min-height:105px}#status h2{font:700 clamp(32px,9vw,48px) 'Space Grotesk';letter-spacing:-.04em;margin:0 0 8px}#status p:last-child{color:#918c9f;margin:0}.countdown{color:#a68fff;font-size:64px!important}#players{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:24px}#players article{background:#171623;border:1px solid #292737;border-radius:18px;padding:14px 8px;text-align:center;transition:.25s}#players article i{display:grid;place-items:center;margin:0 auto 8px;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--color),#111 30%);color:#fff;font-style:normal;font-weight:700;box-shadow:0 0 0 0 var(--color)}#players article span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}#players article span small{color:#817b90}#players article b{font-size:9px;letter-spacing:.12em;color:#666174;text-transform:uppercase}#players article.pressed{border-color:#4b4563;background:#211e32}#players article.pressed i{animation:pulse 1s infinite}#players article.winner{border-color:var(--color);transform:translateY(-4px);background:#242035}#players article.winner i{transform:scale(1.12);box-shadow:0 0 28px var(--color)}@keyframes pulse{50%{box-shadow:0 0 0 8px #ffffff0c}}#finger{margin:auto auto 0;width:min(72vw,280px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 30%,#9380ff,#644ad9 65%,#4931b8);color:#fff;box-shadow:0 0 0 10px #8d76ff10,0 30px 70px #4d36c055;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;user-select:none;transition:.15s}#finger:active,#finger.active{transform:scale(.94);box-shadow:0 0 0 20px #8d76ff18,0 18px 40px #4d36c088}.fingerprint{font-size:58px;line-height:1;margin-bottom:8px}#finger b{letter-spacing:.12em}#finger small{font-weight:400;color:#d5cfff;margin-top:7px;max-width:150px}#again{margin:auto auto 30px;background:#8f75ff;color:white;border-radius:16px;padding:17px 34px}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,30px);opacity:0;background:#fff;color:#171520;border-radius:12px;padding:12px 18px;font-weight:700;transition:.25s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}.confetti{position:fixed;top:-15px;left:var(--x);width:9px;height:16px;background:var(--c);z-index:9;animation:fall 2.4s var(--d) ease-in forwards}@keyframes fall{to{transform:translateY(110vh) rotate(var(--r))}}@media(max-width:480px){main{padding:18px}.room{padding-top:6px}#status{margin-top:30px}.home .lede{margin-bottom:26px}}