:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#92d293;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overscroll-behavior:none}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center;width:100%;height:100%}html,body{margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overscroll-behavior:none}@media(min-width:769px){html,body{width:100%;height:100%;overflow:hidden;background:#5ea5f6}}@media(max-width:768px){html,body{position:fixed;width:100%;min-height:120vh;height:120vh;overflow:hidden;background:linear-gradient(to bottom,#5ea5f6 0% 40%,#a3cc52 80% 100%);background-repeat:no-repeat}}body:after{display:none}#oversize-gradient{display:none}.fixed-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-image:url(/background_3.png);background-size:cover;background-position:center center}@media(max-width:768px){.fixed-bg{background-position:top center;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 85%,transparent 100%)}}@media(max-width:1024px)and (orientation:landscape){.fixed-bg{background-position:top center!important}}#root{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0;text-align:center;display:flex;justify-content:center;align-items:center}.glass-card{background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:40px;border:1px solid rgba(255,255,255,.3);padding:2.5rem 1.5rem;width:85%;max-width:320px;box-shadow:0 15px 35px #0000001a,inset 0 0 20px #ffffff1a;display:flex;flex-direction:column;gap:1.2rem;animation:floatCard 6s ease-in-out infinite;margin:auto}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}h1{font-size:2.2rem;line-height:1.1;margin:0 0 .5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);font-weight:800;letter-spacing:-.02em}.glass-input{width:100%;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff80;font-size:1rem;color:#333;outline:none;box-sizing:border-box;transition:all .2s ease;box-shadow:inset 0 2px 5px #0000000d;text-align:center}.glass-input:focus{background:#ffffffd9;box-shadow:0 0 0 3px #ffffff4d}.glass-input::placeholder{color:#555;font-weight:500}.bubble-btn{width:100%;padding:12px;border-radius:999px;border:1px solid rgba(255,255,255,.4);font-size:1.1rem;font-weight:700;color:#fff!important;cursor:pointer;background-color:#fff3;background-image:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff1a 40%,#fff0 60%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 10px #0000001a,inset 0 2px 5px #fff6,inset 0 -2px 5px #0000001a;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-top:5px}.bubble-btn.primary{background-color:#ff6b6b66;border:1px solid rgba(255,107,107,.4)}.bubble-btn.secondary{background-color:#4ecdc466;border:1px solid rgba(78,205,196,.4)}.bubble-btn:hover{transform:scale(1.02);background-color:#ffffff4d;box-shadow:0 6px 15px #00000026,inset 0 2px 5px #fff9}.bubble-btn.primary:hover{background-color:#ff6b6b80}.bubble-btn:active{transform:scale(.97)}.input-group{display:flex;flex-direction:column;gap:8px;width:100%}.room-actions{display:flex;gap:8px}.room-actions input{flex:1.5;text-transform:uppercase;letter-spacing:2px;text-align:center;font-weight:700}.room-actions button{flex:1;margin-top:0;background-color:#45b7d166;border-color:#45b7d166}.error-msg{color:#c62828;background:#ffffffd9;padding:8px 15px;border-radius:999px;font-size:.85rem;font-weight:700;margin-top:5px;box-shadow:0 2px 5px #0000001a}@media(max-width:480px){.glass-card{width:90%;padding:2rem 1.2rem}h1{font-size:2rem}.landing-container{text-transform:lowercase}.landing-container h1,.landing-container input,.landing-container button{text-transform:lowercase!important}.landing-container .room-actions input{text-transform:uppercase!important}}.calculator-container{display:flex;flex-direction:column;background:#ffffff26;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:50px;padding:30px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.3);width:90%;max-width:420px;margin:0 auto;pointer-events:auto;transition:transform .3s ease;height:600px;min-height:600px;max-height:80vh;justify-content:space-between;box-sizing:border-box}.calculator-container:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50px;background:#ffffff26;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.3)}@media(max-width:768px){.calculator-container{width:100%!important;min-width:100%!important;max-width:none!important;margin:0!important;border:none!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;position:relative!important;z-index:1000;height:auto!important;min-height:auto!important;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 40px)!important;padding-top:15px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:5px!important;box-sizing:border-box!important;transform:none!important}.calculator-container:before{content:"";position:absolute;inset:0;z-index:-1;padding:10px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 40px);border-top-left-radius:30px;border-top-right-radius:30px;box-shadow:0 -4px 30px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;overflow:hidden;flex-shrink:0}}.calculator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 5px;gap:15px}.control-btn{border:1px solid rgba(255,255,255,.4);background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:0 12px;height:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 5px #0000001a;transition:all .2s ease;min-width:60px}.control-btn:active{transform:scale(.95);background:#fff6}.control-btn .label{font-size:.6rem;opacity:.8;font-weight:700}.control-btn .code{font-size:.9rem;font-weight:800}.control-btn .icon{font-size:1.2rem;line-height:1}.room-btn{background:#00bcd433;border-color:#00bcd44d}.leave-btn{background:#f4433633;border-color:#f443364d}.display-screen{flex:1;width:auto;background:#ffffff4d;box-shadow:inset 2px 2px 5px #0000000d;margin:0;border-radius:50px;padding:0 15px;text-align:right;font-size:2.2rem;font-weight:700;color:#333;text-shadow:0 1px 1px rgba(255,255,255,.8);height:60px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;white-space:nowrap;position:relative;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.5);min-width:0}.display-screen::-webkit-scrollbar{display:none}.keypad{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;flex:1}.key-btn{border-radius:999px!important;height:auto;cursor:pointer;transition:all .1s ease;background-color:#ffffff40;background-image:radial-gradient(circle at 30% 30%,#fffffff2,#ffffff1a 40%,#fff0 60%);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.8);box-shadow:inset -2px -2px 6px #0000001a,inset 1px 1px 4px #fff9,3px 3px 8px #0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.key-btn:active{transform:scale(.95);background-color:#fff6;box-shadow:inset 1px 1px 3px #0000001a}.key-btn.operator{background-color:#00bcd426;color:#006064;border-color:#00bcd44d}.key-btn.equals{background-color:#4caf5026;color:#1b5e20;border-color:#4caf504d;grid-column:span 1}.key-btn.clear{background-color:#f4433626;color:#b71c1c;border-color:#f443364d}.key-btn.undo{background-color:#ff980033!important;color:#bf360c!important;border-color:#ff980066!important}.key-btn.add-player{background-color:#ffc10733!important;color:#e65100!important;border-color:#ffc10766!important;font-size:.8rem!important;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.1}.key-btn.placeholder{visibility:hidden;pointer-events:none}@media(max-width:768px){.calculator-container{width:100%!important;min-width:100%!important;max-width:none!important;margin:0!important;border:none!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;position:relative!important;z-index:1000;height:auto!important;min-height:auto!important;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 15px)!important;padding-top:15px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:5px!important;box-sizing:border-box!important;transform:none!important}.calculator-container:before{content:"";position:absolute;inset:0;z-index:-1;background:#ffffff40;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 -10px 30px #0000001a;border-radius:40px 40px 0 0;border-top:1px solid rgba(255,255,255,.4);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.display-screen{flex:1 1 auto;width:auto!important;height:45px!important;min-height:unset!important;margin-bottom:0!important;font-size:2rem!important;background:#fff6!important;color:#495057!important;border:1px solid rgba(255,255,255,.5)!important;text-shadow:none!important;border-radius:50px!important}.keypad{flex:1 1 auto;display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(4,1fr)!important;gap:6px!important;padding:0!important;width:100%!important;touch-action:none}.key-btn{width:100%!important;height:100%!important;min-height:44px!important;font-size:1.5rem!important;border-radius:999px!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;background-color:#ffffff80!important;color:#212529!important;box-shadow:0 2px 4px #0000000d!important;border:1px solid rgba(255,255,255,.6)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.key-btn:active{background-color:#fffc!important}.key-btn.operator{background-color:#00bcd433!important;color:#00838f!important;border-color:#00bcd44d!important}.key-btn.clear{background-color:#f4433633!important;color:#c62828!important;border-color:#f443364d!important}.key-btn.equals{background-color:#4caf5033!important;color:#2e7d32!important;border-color:#4caf504d!important}}@keyframes pulse{0%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.5;transform:scale(.98)}}.pulsing-text{animation:pulse 2s infinite ease-in-out;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(orientation:landscape)and (max-height:600px){.calculator-container{position:fixed!important;inset:0 0 0 auto!important;width:200px!important;min-width:200px!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:25px 0 0 25px!important;background:#ffffff4d!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:none!important;border-left:1px solid rgba(255,255,255,.4)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:10px!important;gap:8px!important;transform:none!important;z-index:2000!important}.calculator-header{margin-bottom:5px!important;flex-shrink:0!important;scale:.75!important;width:133%!important;margin-left:-16.5%!important}.keypad{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(4,1fr)!important;gap:6px!important;height:auto!important;flex:1!important}.key-btn{width:auto!important;height:auto!important;aspect-ratio:1!important;border-radius:50%!important;font-size:1rem!important;box-shadow:0 1px 3px #0000001a!important}}.bubble{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);font-weight:700;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;transition:transform .2s cubic-bezier(.25,1.5,.5,1);cursor:grab;background:radial-gradient(100% 100% at var(--light-x, 30%) var(--light-y, 30%),rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 20%),radial-gradient(circle at 50% 50%,#ffffff1a,#fff0 60%),color-mix(in srgb,var(--bubble-color),transparent 70%);box-shadow:inset 0 0 10px #fff6,inset 5px 5px 10px #ffffff1a,0 4px 8px #0000001a;border:1px solid rgba(255,255,255,.4);overflow:hidden}.bubble:before{content:"";position:absolute;top:8%;left:8%;width:35%;height:20%;border-radius:50%;background:radial-gradient(ellipse at center,#fffffff2,#fff0 60%);filter:blur(2px);transform:rotate(-45deg);opacity:.9;pointer-events:none}.bubble:after{content:"";position:absolute;bottom:8%;right:8%;width:40%;height:25%;border-radius:50%;background:radial-gradient(ellipse at center,#fff6,#fff0 60%);filter:blur(5px);transform:rotate(-45deg);opacity:.6;pointer-events:none}.bubble:active{cursor:grabbing}.owner-bubble{z-index:20;box-shadow:0 0 15px #fff9,inset 0 0 20px #ffffff4d}@keyframes pop{0%{transform:scale(1.15)}40%{transform:scale(.8)}75%{transform:scale(1.05)}to{transform:scale(1)}}.bubble-pressed{transition:transform .6s linear;transform:scale(1.15)}.bubble-pop{animation:pop .4s cubic-bezier(.175,.885,.32,1.275) forwards}.bubble-sparkle-pulse{animation:sparklePulse .5s ease-out forwards}@keyframes sparklePulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3);box-shadow:0 0 20px #fffc}to{transform:scale(1);filter:brightness(1)}}.sparkle-wrapper{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:20}.sparkle-particle{position:absolute;top:-3px;left:-3px;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff,0 0 12px #fffc;opacity:0}.sparkle-fly-edge{animation:sparkleEdgeFly .8s ease-out forwards}@keyframes sparkleEdgeFly{0%{transform:translate(var(--start-dist)) scale(.4);opacity:1}40%{opacity:1;transform:translate(calc(var(--start-dist) + 15px)) scale(1.2)}to{transform:translate(var(--end-dist)) scale(0);opacity:0}}.sparkle-btn-disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}