:root{color:#111827;background:#f5f5fa;font-family:Inter,ui-rounded,SF Pro Rounded,SF Pro Display,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.shell{width:min(100% - 32px,560px);margin:0 auto;padding:56px 0}.hero{margin-bottom:28px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2.2rem,8vw,4rem);line-height:.98;letter-spacing:-.045em}.hero>p:last-child{max-width:36rem;color:#62677a;font-size:1.1rem;line-height:1.55}.eyebrow{margin-bottom:8px;color:#4f46e5;font-size:.75rem;font-weight:800;letter-spacing:.16em}.card{border:1px solid rgb(79 70 229 / 10%);border-radius:24px;background:#ffffffe0;box-shadow:0 20px 60px #312e8114}.join-card{display:grid;gap:18px;padding:24px}label{display:grid;gap:8px;font-size:.88rem;font-weight:700}input{width:100%;border:1px solid #d7d9e4;border-radius:14px;padding:14px 16px;background:#fff;color:#111827;outline:none}input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f}.primary,.secondary{border:0;border-radius:14px;padding:14px 18px;font-weight:800}.primary{background:linear-gradient(135deg,#4f46e5,#312e81);color:#fff}.secondary{background:#e8e7f9;color:#312e81}.app-link{display:block;text-align:center;text-decoration:none}.winner-celebration{position:fixed;z-index:20;inset:0;display:grid;overflow:hidden;place-items:center;pointer-events:none}.winner-celebration strong{z-index:2;border-radius:999px;padding:16px 24px;background:#111827e0;box-shadow:0 18px 70px #00000059;color:#fff;font-size:clamp(1.7rem,7vw,3.5rem);animation:winner-pop 3.1s ease both}.celebration-particles,.celebration-particles i{position:absolute;inset:0}.winner-celebration.confetti .celebration-particles i{width:10px;height:24px;margin-left:calc((var(--particle, 1) * 29%) + 3%);background:hsl(calc(var(--particle, 1) * 47deg) 90% 58%);animation:confetti-fall 2.8s ease-in both}.winner-celebration.confetti .celebration-particles i:nth-child(n){--particle: 1}.winner-celebration.confetti .celebration-particles i:nth-child(3n){--particle: 2;animation-delay:.12s}.winner-celebration.confetti .celebration-particles i:nth-child(4n){--particle: 3;animation-delay:.24s}.winner-celebration.confetti .celebration-particles i:nth-child(5n){--particle: 4;animation-delay:.36s}.winner-celebration.confetti .celebration-particles i:nth-child(7n){--particle: 5;animation-delay:.48s}.winner-celebration.fireworks .celebration-particles i{top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:hsl(calc(var(--particle, 1) * 41deg) 100% 65%);transform:rotate(calc(var(--particle, 1) * 20deg)) translate(20px);animation:firework-burst 2.2s ease-out both}.winner-celebration.fireworks .celebration-particles i:nth-child(n){--particle: 1}.winner-celebration.fireworks .celebration-particles i:nth-child(2n){--particle: 5}.winner-celebration.fireworks .celebration-particles i:nth-child(3n){--particle: 9}.winner-celebration.fireworks .celebration-particles i:nth-child(5n){--particle: 13}@keyframes winner-pop{0%,to{opacity:0;transform:scale(.7)}15%,82%{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-80px) rotate(0)}to{opacity:.2;transform:translateY(110vh) rotate(720deg)}}@keyframes firework-burst{0%{opacity:1;transform:rotate(calc(var(--particle, 1) * 20deg)) translate(20px) scale(.5)}75%{opacity:1}to{opacity:0;transform:rotate(calc(var(--particle, 1) * 20deg)) translate(min(44vw,380px)) scale(1.4)}}.compact{padding:10px 14px}.game-shell{padding-top:30px}.game-shell:before{position:fixed;z-index:100;inset:6px;border:4px solid transparent;border-radius:28px;content:"";pointer-events:none;transition:border-color .22s ease,box-shadow .22s ease,opacity .22s ease}.game-shell.your-turn:before{border-color:color-mix(in srgb,var(--turn-color) 66%,white);box-shadow:inset 0 0 28px var(--turn-color),0 0 30px var(--turn-color);opacity:.62}.game-shell.turn-glow:before{animation:turn-pulse .65s ease-in-out 4 alternate}@keyframes turn-pulse{0%{inset:10px;border-width:4px;opacity:.45;box-shadow:inset 0 0 24px var(--turn-color),0 0 20px var(--turn-color)}to{inset:2px;border-width:12px;opacity:1;box-shadow:inset 0 0 90px var(--turn-color),0 0 70px var(--turn-color)}}.game-header,.section-title,.player{display:flex;align-items:center}.game-header{justify-content:space-between;gap:20px;margin-bottom:22px}.game-header h1{margin:0;font-size:clamp(2rem,8vw,3.2rem)}.turn-card{padding:32px 24px;text-align:center;background:radial-gradient(circle at top left,rgb(99 102 241 / 22%),transparent 48%),#fff}.turn-card h2{margin-bottom:8px;font-size:clamp(2.5rem,12vw,4.6rem);letter-spacing:-.05em}.timer{display:block;color:#62677a;font-size:1.65rem;font-variant-numeric:tabular-nums}.muted,.sync{color:#74798c}.pill{display:inline-block;margin:18px 0 0;border-radius:999px;padding:7px 12px;background:#ecebff;color:#3730a3;font-size:.82rem;font-weight:750}.end-turn{width:100%;margin:18px 0 30px;padding:18px;font-size:1.15rem}.turn-help{margin:-18px 12px 30px;color:#74798c;text-align:center;font-size:.82rem}.chooser{padding:30px 24px;text-align:center;background:linear-gradient(135deg,#4f46e5eb,#9333eae0),#4f46e5;color:#fff}.chooser .eyebrow,.chooser .muted{color:#ffffffc7}.chooser h2{margin-bottom:8px;font-size:clamp(2.3rem,10vw,4rem)}.finger{display:grid;width:min(100%,320px);min-height:180px;margin:24px auto 0;place-content:center;gap:10px;border:2px solid rgb(255 255 255 / 46%);border-radius:28px;background:#ffffff1f;color:#fff;font-weight:850;touch-action:none;user-select:none;-webkit-user-select:none}.finger span{font-size:4rem}.finger.holding{border-color:#fff;background:#ffffff47;transform:scale(.97)}.feedback{display:grid;gap:18px;margin-bottom:28px;padding:24px}.feedback h3{margin-bottom:0;font-size:1.5rem}.rating-row,.play-again{display:grid;gap:9px}.rating-row>span,.play-again>span{font-size:.86rem;font-weight:750}.rating-row>div,.play-again>div{display:flex;gap:8px}.rating-row button,.play-again button{min-width:42px;border:1px solid #d7d9e4;border-radius:11px;padding:9px 12px;background:transparent;color:inherit;font-weight:800}.rating-row button.selected,.play-again button.selected{border-color:#4f46e5;background:#4f46e5;color:#fff}.section-title{justify-content:space-between}.section-title span,.you,.ready{border-radius:999px;padding:4px 9px;background:#ecebff;color:#3730a3;font-size:.72rem;font-weight:800}.ready{background:#dcfce7;color:#166534}.player{gap:13px;margin:10px 0;padding:14px 16px}.player.current{border-color:#4f46e55c;box-shadow:0 14px 42px #312e811f}.player .color{width:13px;height:13px;flex:0 0 auto;border-radius:50%}.player div{display:grid;flex:1;gap:3px}.player small{color:#777b8c;font-variant-numeric:tabular-nums}.sync{margin:24px 0 0;text-align:center;font-size:.76rem}.error{margin:14px 0 0;color:#b42318;font-size:.9rem;line-height:1.45}@media(prefers-color-scheme:dark){:root{color:#f5f5fa;background:#11111b}.card{border-color:#a5b4fc26;background:#1e1e2eeb}.turn-card{background:radial-gradient(circle at top left,rgb(99 102 241 / 32%),transparent 48%),#1e1e2e}input{border-color:#45455a;background:#181825;color:#f5f5fa}.hero>p:last-child,.muted,.sync,.player small{color:#a7a9bb}}