*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e;min-height:100vh}.btn{padding:.5rem 1.2rem;border:2px solid #1a1a2e;border-radius:8px;background:#fff;font-size:1rem;cursor:pointer;transition:all .15s}.btn:hover{background:#1a1a2e;color:#fff}.btn-primary{background:#4361ee;color:#fff;border-color:#4361ee}.btn-primary:hover{background:#3a56d4;border-color:#3a56d4}.btn-small{padding:.25rem .6rem;font-size:.8rem}.btn-muted{border-color:#aaa;color:#666}.btn-muted:hover{background:#666;color:#fff;border-color:#666}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.lobby-logo{display:block;margin-bottom:-1.25rem}.lobby h1{font-size:2.5rem}.lobby-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.divider{color:#888;font-size:.9rem}.join-form{display:flex;gap:.5rem}.join-form input{padding:.5rem .8rem;border:2px solid #ccc;border-radius:8px;font-size:1rem;width:140px;text-align:center;letter-spacing:2px;text-transform:uppercase}.join-form input:focus{outline:none;border-color:#4361ee}.error{color:#e63946;font-size:.9rem}.room{max-width:1000px;margin:0 auto;padding:1rem}.room.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:#888}.room-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #ddd;flex-wrap:wrap}.room-title{display:flex;align-items:center;gap:.6rem}.room-logo{display:block}.room-header h1{font-size:1.4rem}.room-code{display:flex;align-items:center;gap:.5rem;background:#e8edff;padding:.3rem .8rem;border-radius:6px;font-size:.9rem}.room-header-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.room-body{display:flex;gap:2rem;margin-top:1.5rem}.voting-section{flex:1}.participants-section{width:260px;flex-shrink:0}.voter-toggle{margin-bottom:1rem}.voter-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.voting-cards{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.card{width:72px;height:100px;border:2px solid #ccc;border-radius:12px;background:#fff;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.card:hover{border-color:#4361ee;transform:translateY(-4px);box-shadow:0 4px 12px #4361ee33}.card-selected{background:#4361ee;color:#fff;border-color:#4361ee;transform:translateY(-4px);box-shadow:0 4px 12px #4361ee4d}.room-controls{margin-top:1rem}.participants h3{font-size:1rem;margin-bottom:.75rem;color:#555}.participants ul{list-style:none}.participant{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:8px;margin-bottom:.35rem;background:#fff;border:1px solid #eee}.participant.observer{opacity:.6}.participant.disconnected{opacity:.5;border-style:dashed}.participant-name{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.badge{font-size:.7rem;background:#4361ee;color:#fff;padding:.1rem .4rem;border-radius:4px}.badge-muted{background:#aaa}.participant-vote{font-weight:600;font-size:1rem;min-width:2rem;text-align:center}.vote-value{background:#4361ee;color:#fff;padding:.15rem .5rem;border-radius:6px}.results{margin-bottom:1.5rem}.results-cards{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.results-card-group{display:flex;flex-direction:column;align-items:center;gap:.3rem}.card-result{cursor:default}.card-result:hover{transform:none;box-shadow:none}.card-consensus{background:#2dc653;color:#fff;border-color:#2dc653}.card-near{background:#4361ee;color:#fff;border-color:#4361ee}.card-outlier{background:#e63946;color:#fff;border-color:#e63946}.card-neutral{background:#888;color:#fff;border-color:#888}.results-card-name{font-size:.75rem;color:#666;max-width:72px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column}.stat-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:2rem;font-weight:700;color:#4361ee}.name-editor input{padding:.2rem .5rem;border:2px solid #4361ee;border-radius:6px;font-size:.9rem;width:140px}.name-display{cursor:pointer;font-size:.9rem;color:#555}.name-display:hover{color:#4361ee}.fun-toggle{background:none;border:none;font-size:1.3rem;line-height:1;cursor:pointer;opacity:.35;filter:grayscale(1);transition:opacity .3s,filter .3s}.fun-toggle:hover{opacity:.6}.fun-toggle.on{opacity:1;filter:none;animation:fun-spin .6s ease-out}.fun-toggle img{display:block;height:1.8rem;width:auto}@keyframes fun-spin{0%{transform:rotate(-360deg) scale(.6)}to{transform:rotate(0) scale(1)}}.time-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.5rem .9rem;background:#fff3c4;border:1px dashed #ffb703;border-radius:8px;font-size:.9rem}.gag-stage{position:relative;margin-top:1.5rem;padding:.75rem 2.2rem .9rem;background:#fffbea;border:1px dashed #ffb703;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:gag-stage-in .35s ease-out both}@keyframes gag-stage-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.gag-scene{position:relative;width:100%;height:150px;overflow:hidden}.gag-scene-inner{position:absolute;top:0;left:50%;width:420px;height:150px;margin-left:-210px}.gag-text{font-weight:600;text-align:center}.gag-close{position:absolute;top:.4rem;right:.6rem;background:none;border:none;font-size:1.3rem;line-height:1;color:#888;cursor:pointer}.time-banner .gag-close{position:static}.gag-close:hover{color:#1a1a2e}.gag-row{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;gap:1.2rem;padding-bottom:4px}.gag-row-tight{gap:.4rem}.gag-swap{position:relative}.gag-swap-from{animation:gag-vanish 1ms var(--swap-at) both}.gag-swap-to{position:absolute;top:0;right:0;bottom:0;left:0;animation:gag-appear 1ms var(--swap-at) both}@keyframes gag-vanish{0%{opacity:1}to{opacity:0}}@keyframes gag-appear{0%{opacity:0}to{opacity:1}}.buddy{position:relative;flex-shrink:0;--buddy-bg: #4361ee}.buddy svg{display:block;width:100%;height:auto;overflow:visible}.buddy-consensus{--buddy-bg: #2dc653}.buddy-near{--buddy-bg: #4361ee}.buddy-outlier{--buddy-bg: #e63946}.buddy-neutral{--buddy-bg: #888}.buddy-sweater{--buddy-bg: #fb5607}.buddy-knit{fill:none;stroke:#1a1a2e4d;stroke-width:1.5;stroke-linecap:round}.buddy-sweater .buddy-arm-l,.buddy-sweater .buddy-arm-r{stroke:#d94800;stroke-width:5.5}.buddy-card{fill:var(--buddy-bg);stroke:#1a1a2e40;stroke-width:1.5}.buddy-value{fill:#fff;font-family:inherit;font-weight:700;text-anchor:middle}.buddy-face{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.buddy-dot,.buddy-eye-white{fill:#fff;stroke:none}.buddy-pupil{fill:#1a1a2e;stroke:none}.buddy-hole{fill:#1a1a2e;stroke-width:2}.buddy-drop{fill:#a5d8ff;stroke:none}.buddy-sweat{animation:buddy-sweat 1.2s ease-in infinite}@keyframes buddy-sweat{0%{transform:translateY(0);opacity:1}to{transform:translateY(8px);opacity:0}}.buddy-limb{fill:none;stroke:#1a1a2e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform-box:view-box;transform-origin:0 0}.buddy-hand{fill:#1a1a2e;stroke:none}.buddy-glove{fill:#d62828;stroke-width:1.5}.buddy-walk .buddy-leg-l{animation:buddy-step .3s ease-in-out var(--walk-delay, 0s) var(--walk-steps, 4) alternate}.buddy-walk .buddy-leg-r{animation:buddy-step-r .3s ease-in-out var(--walk-delay, 0s) var(--walk-steps, 4) alternate}@keyframes buddy-step{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes buddy-step-r{0%{transform:rotate(22deg)}to{transform:rotate(-22deg)}}.buddy-wave-arm{animation:buddy-wave .45s ease-in-out infinite alternate}@keyframes buddy-wave{0%{transform:rotate(-20deg)}to{transform:rotate(15deg)}}.buddy-stars{position:absolute;top:-8px;left:50%;margin-left:-.65rem;font-size:1.3rem;line-height:1;animation:buddy-orbit 1s linear infinite}@keyframes buddy-orbit{0%{transform:rotate(0) translate(12px) rotate(0)}to{transform:rotate(360deg) translate(12px) rotate(-360deg)}}.buddy-zzz{position:absolute;top:0;right:4px;font-weight:800;color:#666}.buddy-zzz i{position:absolute;font-style:normal;opacity:0;animation:buddy-zzz 2.4s ease-out infinite}.buddy-zzz i:nth-child(2){animation-delay:.8s;font-size:1.1rem}.buddy-zzz i:nth-child(3){animation-delay:1.6s;font-size:1.3rem}@keyframes buddy-zzz{0%{transform:translate(0);opacity:0}20%{opacity:1}to{transform:translate(16px,-32px);opacity:0}}.gag-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gag-rope{stroke-width:3;stroke-linecap:round}.gag-rope-1{stroke:#e63946}.gag-rope-2{stroke:#ffb703}.gag-rope-3{stroke:#4361ee}.gag-ring-post{stroke:#1a1a2e;stroke-width:7;stroke-linecap:round}.gag-ring-floor{stroke:#cfcfd8;stroke-width:4}.gag-bell{position:absolute;top:4px;left:50%;width:120px;margin-left:-60px;text-align:center;font-weight:800;animation:gag-bell 1.6s ease-out .1s both}@keyframes gag-bell{0%{opacity:0;transform:scale(.5) rotate(0)}15%{opacity:1;transform:scale(1.15) rotate(-12deg)}30%{transform:scale(1) rotate(10deg)}45%{transform:scale(1) rotate(-8deg)}60%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1) rotate(0)}}.gag-fighter{position:absolute;bottom:3px;--walk-delay: .6s;--walk-steps: 4}.gag-fighter-l{left:16px;animation:gag-walk-l 1.2s ease-out .6s both}.gag-fighter-r{right:16px;animation:gag-walk-r 1.2s ease-out .6s both}@keyframes gag-walk-l{0%{transform:translate(0)}to{transform:translate(100px)}}@keyframes gag-walk-r{0%{transform:translate(0)}to{transform:translate(-90px)}}.gag-fighter-l .gag-fighter-body{transform-origin:bottom center;animation:gag-fight-l 6s linear both}.gag-fighter-r .gag-fighter-body{transform-origin:bottom right;animation:gag-fight-r 6s linear both}@keyframes gag-fight-l{0%,30%{transform:translate(0) scaleY(1)}35%{transform:translateY(-6px) scaleY(1)}40%{transform:translate(0) scaleY(1)}45%{transform:translateY(-6px) scaleY(1)}50%,55%{transform:translate(0) scaleY(1)}59%{transform:translate(-8px) scaleY(.68)}64%,76%{transform:translate(0) scaleY(1)}80%{transform:translateY(-18px) scaleY(1)}84%{transform:translate(0) scaleY(1)}88%{transform:translateY(-18px) scaleY(1)}92%,to{transform:translate(0) scaleY(1)}}@keyframes gag-fight-r{0%,30%{transform:translate(0) rotate(0) scaleX(1)}35%{transform:translateY(-6px) rotate(0) scaleX(1)}40%{transform:translate(0) rotate(0) scaleX(1)}45%{transform:translateY(-6px) rotate(0) scaleX(1)}50%{transform:translate(0) rotate(0) scaleX(1)}55%{transform:translate(8px) rotate(6deg) scaleX(1)}59%{transform:translate(-34px) rotate(-10deg) scaleX(1)}63%{transform:translate(-28px) rotate(-4deg) scaleX(-1)}66%{transform:translate(-22px) rotate(0) scaleX(1)}69%{transform:translate(-16px) rotate(4deg) scaleX(-1)}72%{transform:translate(-10px) rotate(0) scaleX(1)}80%{transform:translate(-10px) rotate(90deg) scaleX(1)}84%{transform:translate(-10px) rotate(80deg) scaleX(1)}88%,to{transform:translate(-10px) rotate(90deg) scaleX(1)}}.gag-fighter-l .buddy-arm-r{animation:gag-jab 6s linear both}.gag-fighter-r .buddy-arm-l{animation:gag-punch 6s linear both}@keyframes gag-jab{0%,36%{transform:translate(0)}38%{transform:translate(12px,-2px)}40%{transform:translate(0)}42%{transform:translate(12px,-2px)}44%,to{transform:translate(0)}}@keyframes gag-punch{0%,55%{transform:translate(0)}59%{transform:translate(-28px,-4px)}63%,to{transform:translate(0)}}.gag-ko{position:absolute;top:18px;right:40px;font-size:1.7rem;font-weight:900;color:#e63946;animation:gag-ko .4s cubic-bezier(.3,1.6,.6,1) 4.7s both}@keyframes gag-ko{0%{opacity:0;transform:scale(0) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}.gag-epic{position:relative}.gag-tremble{animation:gag-tremble .12s linear infinite}@keyframes gag-tremble{0%,to{transform:translate(0)}50%{transform:translate(1.5px)}}.gag-half{position:absolute;top:0;right:0;bottom:0;left:0}.gag-half-l{clip-path:inset(0 50% 0 0);animation:gag-split-l .6s ease-out 1.35s both}.gag-half-r{clip-path:inset(0 0 0 50%);animation:gag-split-r .6s ease-out 1.35s both}@keyframes gag-split-l{0%{transform:none}to{transform:translate(-20px,4px) rotate(-12deg)}}@keyframes gag-split-r{0%{transform:none}to{transform:translate(20px,4px) rotate(12deg)}}.gag-scissors{position:absolute;top:-34px;left:50%;margin-left:-.8rem;font-size:1.6rem;line-height:1;animation:gag-cut 1.4s ease-in both}@keyframes gag-cut{0%{transform:translateY(0) rotate(90deg);opacity:1}90%{transform:translateY(125px) rotate(90deg);opacity:1}to{transform:translateY(135px) rotate(90deg);opacity:0}}.gag-nope{position:relative;animation:gag-shake .3s ease-in-out 4}@keyframes gag-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.gag-stamp{position:absolute;top:30%;left:50%;width:5.4rem;margin-left:-2.7rem;padding:.1rem 0;text-align:center;font-size:1.3rem;font-weight:900;letter-spacing:2px;color:#e63946;background:#ffffffd9;border:3px solid #e63946;border-radius:6px;animation:gag-stamp .3s ease-in 1.4s both}@keyframes gag-stamp{0%{opacity:0;transform:scale(2.8) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(-15deg)}}.gag-sold,.gag-dealer{position:relative}.gag-stamp-sold{width:6.4rem;margin-left:-3.2rem;font-size:.95rem;letter-spacing:1px;color:#1f9d40;border-color:#1f9d40;animation-delay:7.6s}.gag-dealer.gag-march{--walk-steps: 6;animation-duration:2s}.gag-bubble{position:absolute;bottom:calc(100% + 6px);left:50%;margin-left:-5.4rem;width:10.8rem;padding:.15rem 0;text-align:center;font-size:.8rem;font-weight:700;background:#fff;border:2px solid #1a1a2e;border-radius:10px}.gag-bubble-ask{width:8.6rem;margin-left:-4.3rem;animation:gag-appear .2s 2s both,gag-vanish .2s 4.2s forwards}.gag-bubble-offer{animation:gag-appear .2s 4.4s both}.gag-bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#1a1a2e}.gag-rps{display:flex;gap:.3rem;align-self:center}.gag-hand{position:relative;display:inline-block;width:2.4rem;height:2.4rem;font-size:2rem;line-height:1.2;animation:gag-rps-shake 5s linear both}.gag-hand i{position:absolute;top:0;right:0;bottom:0;left:0;font-style:normal;text-align:center}.gag-hand-mirror i{transform:scaleX(-1)}.gag-hand-rock{animation:gag-rps-rock 5s linear both}.gag-hand-scissors{animation:gag-rps-scissors 5s linear both}.gag-hand-paper{animation:gag-rps-paper 5s linear both}@keyframes gag-rps-shake{0%{transform:translateY(0)}4%{transform:translateY(-10px)}8%{transform:translateY(0)}12%{transform:translateY(-10px)}16%{transform:translateY(0)}20%{transform:translateY(-10px)}24%,48%{transform:translateY(0)}52%{transform:translateY(-10px)}56%{transform:translateY(0)}60%{transform:translateY(-10px)}64%{transform:translateY(0)}68%{transform:translateY(-10px)}72%,to{transform:translateY(0)}}@keyframes gag-rps-rock{0%,23.9%{opacity:1}24%,47.9%{opacity:0}48%,71.9%{opacity:1}72%,to{opacity:0}}@keyframes gag-rps-scissors{0%,23.9%{opacity:0}24%,47.9%{opacity:1}48%,to{opacity:0}}@keyframes gag-rps-paper{0%,71.9%{opacity:0}72%,to{opacity:1}}.gag-hop{animation:gag-hop .6s ease-in-out infinite}.gag-hop-few{animation-iteration-count:3}@keyframes gag-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.gag-flip{animation:gag-flip .5s ease-out both}@keyframes gag-flip{0%{opacity:0;transform:perspective(300px) rotateY(90deg)}to{opacity:1;transform:perspective(300px) rotateY(0)}}.gag-march{--walk-steps: 4;animation:gag-march 1.3s ease-out both}@keyframes gag-march{0%{transform:translate(360px)}to{transform:translate(0)}}.gag-bow{transform-origin:bottom center;animation:gag-bow .6s ease-in-out 2.2s 2 alternate both}@keyframes gag-bow{0%{transform:perspective(260px) rotateX(0)}to{transform:perspective(260px) rotateX(38deg)}}.gag-shrug{animation:gag-shrug 1s ease-in-out infinite}@keyframes gag-shrug{0%,60%,to{transform:translateY(0)}25%{transform:translateY(-6px)}}.gag-breathe{transform-origin:bottom center;animation:gag-breathe 2.4s ease-in-out infinite}@keyframes gag-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.04)}}.gag-spotlight{position:absolute;bottom:0;left:50%;width:200px;height:36px;margin-left:-100px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,183,3,.5),transparent)}.gag-solo .gag-swap-from .buddy-face{animation:gag-look 2s ease-in-out both}@keyframes gag-look{0%{transform:translate(0)}20%,40%{transform:translate(-4px)}60%,80%{transform:translate(4px)}to{transform:translate(0)}}.gag-drinker{position:relative}.gag-glass{position:absolute;right:-14px;bottom:22px;width:20px;height:28px;border:2px solid #1a1a2e;border-top:none;border-radius:0 0 5px 5px;background:#fffc;overflow:hidden;transform-origin:50% 0;animation:gag-sip 3.2s ease-in-out .6s both}.gag-water{position:absolute;left:0;right:0;bottom:0;height:75%;background:#74c0fc;animation:gag-drain 1.2s ease-in 1.4s both}@keyframes gag-sip{0%{transform:translate(0) rotate(0)}25%,65%{transform:translate(-40px,12px) rotate(-60deg)}to{transform:translate(0) rotate(0)}}@keyframes gag-drain{to{height:12%}}.joker-flip{position:fixed;top:38%;left:50%;z-index:100;pointer-events:none;translate:-50% -50%;perspective:400px;animation:joker-fade 1.6s ease-in-out both}.joker-flip-card{position:relative;display:block;width:10rem;animation:joker-turn 1.6s cubic-bezier(.3,.7,.4,1) both}.joker-flip-card img{display:block;width:100%;height:auto}.joker-flip-card>img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.joker-flip-glint{position:absolute;top:0;right:0;bottom:0;left:0;filter:brightness(0) invert(1);mask-image:linear-gradient(110deg,transparent 35%,#000 50%,transparent 65%);mask-size:300% 100%;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(110deg,transparent 35%,#000 50%,transparent 65%);-webkit-mask-size:300% 100%;-webkit-mask-repeat:no-repeat;opacity:.55;animation:joker-glint 1.6s ease-in-out both}@keyframes joker-fade{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}@keyframes joker-turn{0%{transform:rotateY(-540deg) scale(.8)}70%,to{transform:rotateY(0) scale(1)}}@keyframes joker-glint{0%,55%{mask-position:100% 0;-webkit-mask-position:100% 0}85%,to{mask-position:0 0;-webkit-mask-position:0 0}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gag-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;overflow:hidden}.gag-confetti span{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;animation:gag-fall linear forwards}@keyframes gag-fall{to{transform:translateY(110vh) rotate(720deg)}}.gag-tumbleweed{position:absolute;bottom:4px;left:-70px;width:60px;height:60px;animation:gag-roll 4s linear both}@keyframes gag-roll{0%{left:-70px;transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(270deg)}50%{transform:translateY(0) rotate(540deg)}75%{transform:translateY(-20px) rotate(810deg)}to{left:100%;transform:translateY(0) rotate(1080deg)}}@media (max-width: 700px){.gag-stage{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;margin:0;padding:.5rem 2rem .6rem;box-shadow:0 8px 24px #1a1a2e33;animation-name:gag-toast-in}.gag-scene{height:96px}.gag-scene-inner{transform:scale(.62);transform-origin:top center}.gag-tumbleweed{width:40px;height:40px}.gag-text{font-size:.9rem}}@keyframes gag-toast-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.gag-confetti{display:none}.fun-toggle.on{animation:none!important}}@media (max-width: 700px){.room-body{flex-direction:column}.participants-section{width:100%}}