@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--sky: #b3e5fc;--sky-dark: #0277bd;--yellow: #ffd600;--yellow-dark: #f9a825;--green: #43a047;--green-light: #81c784;--blue: #1e88e5;--blue-light: #64b5f6;--orange: #fb8c00;--red: #e53935;--purple: #8e24aa;--pink: #e91e63;--white: #ffffff;--card: rgba(255, 255, 255, .93);--card-border: rgba(255, 214, 0, .55);--text: #1a237e;--text-soft: #5c6bc0;--shadow: 0 4px 20px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .18);--glow-yellow: 0 0 18px rgba(255, 214, 0, .5);--radius: 16px;--radius-sm: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--sky);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text)}body{-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}button{font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button:active{transform:scale(.96)!important}input{font-family:inherit;outline:none}.mp-room-code-input::placeholder{font-size:clamp(9px,2.85vw,12px);font-weight:700;letter-spacing:.02em;line-height:1.35;opacity:1;color:#5d40378c}.card{background:var(--card);border:2px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-primary{background:linear-gradient(160deg,#56c75e,#2e7d32);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:800;font-size:17px;padding:14px 20px;box-shadow:0 4px 14px #43a04773,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #43a0478c}.btn-blue{background:linear-gradient(160deg,#42a5f5,#1565c0);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:800;font-size:17px;padding:14px 20px;box-shadow:0 4px 14px #1e88e566,inset 0 1px #fff3}.btn-gold{background:linear-gradient(160deg,#ffee58,#f9a825);border:none;border-radius:var(--radius-sm);color:#5d3c00;font-weight:800;font-size:17px;padding:14px 20px;box-shadow:0 4px 14px #f9a82573,inset 0 1px #ffffff4d}.btn-outline{background:#ffffffb3;border:2px solid rgba(30,136,229,.35);border-radius:var(--radius-sm);color:var(--blue);font-weight:700;font-size:15px;padding:12px 18px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#1e88e54d;border-radius:2px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(24px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fingerTap{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(8px) scale(.88)}60%{transform:translateY(4px) scale(.94)}}@keyframes rippleAnim{0%{transform:scale(.3);opacity:.7}to{transform:scale(2.8);opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes wfb-hue-shift{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(28deg) brightness(1.06)}to{filter:hue-rotate(0deg) brightness(1)}}@keyframes wfb-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes wfb-coin-pop{0%{transform:scale(1)}30%{transform:scale(1.6) rotate(-12deg)}60%{transform:scale(.85) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes wfb-rank-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wfb-rank-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes wfb-tutorial-step{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes wfb-bounce-icon{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-14px) scale(1.08)}70%{transform:translateY(-6px) scale(.96)}}.wfb-skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff2e,#ffffff0f 75%);background-size:200% 100%;animation:wfb-skeleton-pulse 1.4s ease-in-out infinite;border-radius:6px}.wfb-skeleton-light{background:linear-gradient(90deg,#94a3b82e 25%,#94a3b861,#94a3b82e 75%);background-size:200% 100%;animation:wfb-skeleton-pulse 1.4s ease-in-out infinite;border-radius:6px}@keyframes wfb-record-pop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}55%{transform:scale(1.18) rotate(4deg)}75%{transform:scale(.94) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes wfb-record-glow{0%,to{box-shadow:0 0 14px 4px #ffc8008c,0 4px 16px #f9a82573}50%{box-shadow:0 0 28px 10px #ffe600bf,0 6px 22px #f9a825a6}}@keyframes wfb-star-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-52px) scale(.5)}}@keyframes wfb-record-shimmer{0%{background-position:-200% center}to{background-position:200% center}}