@import "https://fonts.googleapis.com/css2?family=Righteous&family=Nunito:wght@400;600;700;800;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-grab{cursor:grab}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.active\:cursor-grabbing:active{cursor:grabbing}:root{--bg:#0d0d1a;--surface:#14142b;--card:#1c1c38;--border:#ffffff14;--orange:#ff6b35;--yellow:#ffd23f;--pink:#ff4da6;--cyan:#00e5ff;--green:#39ff14;--purple:#b14aed;--text:#f5f5ff;--muted:#88a}*,:before,:after{box-sizing:border-box;cursor:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}@keyframes meshDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(3%,2%)rotate(2deg)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)scale(.8)}8%{opacity:.28}92%{opacity:.18}to{opacity:0;transform:translateY(-110vh)rotate(340deg)scale(1.05)}}@keyframes gradShift{0%{background-position:0%}to{background-position:200%}}@keyframes iconPulse{0%,to{box-shadow:0 0 20px #ff6b3566}50%{box-shadow:0 0 36px #ff4da68c}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes screenIn{0%{opacity:0;transform:scale(.96)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(220%)skew(-15deg)}}@keyframes pulseRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes winnerPop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}70%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(300px)rotate(720deg)}}@keyframes progressFill{0%{width:0%}}.anim-fade-0{animation:.55s both fadeSlideDown}.anim-fade-1{animation:.55s 80ms both fadeSlideDown}.anim-fade-2{animation:.55s .16s both fadeSlideDown}.anim-fade-3{animation:.55s .24s both fadeSlideDown}.anim-fade-4{animation:.55s .32s both fadeSlideDown}.anim-fade-5{animation:.55s .4s both fadeSlideDown}.anim-up-0{animation:.5s both fadeSlideUp}.anim-up-1{animation:.5s .1s both fadeSlideUp}.anim-up-2{animation:.5s .2s both fadeSlideUp}.anim-up-3{animation:.5s .3s both fadeSlideUp}.anim-screen{animation:.45s cubic-bezier(.34,1.46,.64,1) screenIn}.logo-icon{will-change:box-shadow;animation:3.5s ease-in-out infinite iconPulse}.logo-name{letter-spacing:1px;-webkit-text-fill-color:transparent;will-change:background-position;background:linear-gradient(90deg,#ff6b35,#ff4da6,#ffd23f) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-family:Righteous,cursive;font-size:1.6rem;animation:4s linear infinite gradShift}.hero-title-gradient{-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px #ff6b3559);will-change:background-position;background:linear-gradient(90deg,#ff6b35,#ff4da6,#ffd23f,#00e5ff) 0 0/300%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite gradShift;display:block}.live-dot{will-change:opacity;animation:1.6s ease-in-out infinite blink}.btn-create{will-change:transform;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;position:relative;overflow:hidden}.btn-create .shimmer-layer{pointer-events:none;background:#ffffff2e;position:absolute;inset:0;transform:translate(-100%)skew(-15deg)}.btn-create.shimmer-active .shimmer-layer{animation:.45s forwards shimmer}.btn-create:hover{transform:translateY(-3px)scale(1.025);box-shadow:0 14px 44px #ff6b358c,0 2px 8px #0000004d}.btn-create:active{transform:translateY(0)scale(.98)}.btn-create:disabled{opacity:.55;pointer-events:none}.btn-join-ghost{will-change:transform;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s,color .18s,box-shadow .18s;position:relative;overflow:hidden}.btn-join-ghost .shimmer-layer{pointer-events:none;background:#ffffff1f;position:absolute;inset:0;transform:translate(-100%)skew(-15deg)}.btn-join-ghost.shimmer-active .shimmer-layer{animation:.45s forwards shimmer}.btn-join-ghost:hover{transform:translateY(-3px)scale(1.025);box-shadow:0 14px 36px #00e5ff2e;color:#00e5ff!important;border-color:#00e5ff!important}.btn-join-ghost:active{transform:translateY(0)scale(.98)}.feat-pill{will-change:transform;transition:border-color .15s,color .15s,transform .15s}.feat-pill:hover{transform:translateY(-3px);color:#f5f5ff!important;border-color:#ff6b35!important}.cursor-ring{pointer-events:none;z-index:99999;will-change:transform;border:1.5px solid #ff6b35;border-radius:50%;width:28px;height:28px;transition:transform 80ms linear,width .2s,height .2s,border-color .2s,background .2s,opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{pointer-events:none;z-index:99999;will-change:transform;background:#ff6b35;border-radius:50%;width:5px;height:5px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring.is-hovering{background:#ff6b351a;border-color:#ffd23f;width:44px;height:44px}.mesh-bg{z-index:0;will-change:transform;position:fixed;inset:0;overflow:hidden}.mesh-blobs{will-change:transform;background:radial-gradient(60% 50% at 20% 30%,#b14aed26 0%,#0000 60%),radial-gradient(50% 60% at 80% 70%,#ff6b351f 0%,#0000 60%),radial-gradient(40% 40%,#00e5ff12 0%,#0000 60%);width:200%;height:200%;animation:14s ease-in-out infinite alternate meshDrift;position:absolute;inset:-50%}.mesh-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.floaties-container{z-index:1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.floaty{opacity:0;-webkit-user-select:none;user-select:none;will-change:transform,opacity;animation:linear infinite floatUp;position:absolute}.room-card{-webkit-backdrop-filter:blur(24px);background:#1c1c38b3;border:1px solid #ffffff17;border-radius:28px;box-shadow:0 24px 80px #00000073,inset 0 1px #ffffff0f}.room-code-badge{letter-spacing:10px;color:var(--yellow);filter:drop-shadow(0 0 16px #ffd23f80);will-change:filter;font-family:Righteous,cursive;font-size:2.8rem}.progress-track{background:#ffffff12;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--orange),var(--pink));border-radius:999px;height:100%;transition:width .6s;animation:.8s both progressFill;box-shadow:0 0 10px #ff6b3580}.player-chip{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:.72rem;font-weight:700;transition:border-color .2s,background .2s;display:inline-flex}.player-chip.done{color:var(--green);background:#39ff1412;border-color:#39ff1459}.player-chip .p-dot{background:var(--border);border-radius:50%;width:7px;height:7px;transition:background .3s,box-shadow .3s}.player-chip.done .p-dot{background:var(--green);box-shadow:0 0 6px var(--green)}.player-chip.waiting .p-dot{background:var(--yellow);box-shadow:0 0 6px var(--yellow);animation:1.2s infinite blink}.vote-btn{will-change:transform;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 28px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.vote-btn:hover{transform:scale(1.05)}.vote-btn:active{transform:scale(.96)}.vote-btn:disabled{opacity:.4;pointer-events:none}.vote-yes{border-color:var(--green);color:var(--green);background:#39ff141a}.vote-yes:hover{background:#39ff142e;box-shadow:0 0 28px #39ff1459}.vote-no{border-color:var(--pink);color:var(--pink);background:#ff4da61a}.vote-no:hover{background:#ff4da62e;box-shadow:0 0 28px #ff4da659}.winner-card{background:var(--card);text-align:center;border-radius:24px;padding:48px 36px;position:relative;overflow:hidden}.winner-card:before{content:"";z-index:-1;background:linear-gradient(135deg,#ff6b35,#ffd23f,#39ff14,#00e5ff,#ff4da6) 0 0/300%;border-radius:26px;animation:3s linear infinite gradShift;position:absolute;inset:-2px}.winner-name{letter-spacing:1px;background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #39ff144d);-webkit-background-clip:text;background-clip:text;font-family:Righteous,cursive;font-size:clamp(2rem,7vw,3.6rem);animation:.6s cubic-bezier(.34,1.56,.64,1) both winnerPop}.winner-emoji{margin-bottom:16px;font-size:4.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both winnerPop;display:block}.cp{pointer-events:none;border-radius:3px;animation:linear forwards confettiFall;position:absolute}.pulse-ring{border:2px solid #ffd23f66;border-radius:50%;animation:1.8s ease-out infinite pulseRing;position:absolute;inset:0}.waiting-dot-wrap{justify-content:center;align-items:center;gap:10px;margin:8px 0;display:flex}.w-dot{background:var(--yellow);opacity:.3;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite blink}.w-dot:nth-child(2){animation-delay:.2s}.w-dot:nth-child(3){animation-delay:.4s}.restaurant-card-shell{border:1px solid var(--border);will-change:transform;background:#ffffff08;border-radius:20px;transition:transform .25s cubic-bezier(.34,1.46,.64,1),box-shadow .25s;overflow:hidden}.restaurant-card-shell:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}