.HomePage_background-image__MIpM1{background-image:url(/images/picolo/green.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.HomePage_container__6IfB6{min-height:100vh;padding:0}.HomePage_gameContainer__QJiBz{max-width:1000px;margin:0 auto;padding:3.5rem 1.5rem 2rem}.HomePage_title__5l3WC{text-align:center;font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;margin-bottom:1rem;letter-spacing:-1px}.HomePage_subtitle__Zy9rs{text-align:center;font-size:1.3rem;color:#555;margin-bottom:3rem;font-weight:500}.HomePage_cardsWrapper__gp1TO{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.HomePage_card__8XdLc{background:linear-gradient(135deg,#fffffff2,#ffffffd9);padding:2.5rem 2rem;border-radius:20px;box-shadow:0 10px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff80;transition:all .3s ease;text-align:center}.HomePage_card__8XdLc:hover{transform:translateY(-8px);box-shadow:0 15px 50px #0003}.HomePage_cardIcon__jV1Lh{font-size:3.5rem;margin-bottom:1rem;display:inline-block;animation:HomePage_bounce__Iz4R6 2s infinite}.HomePage_cardTitle__uaLmm{font-size:1.8rem;color:#333;margin-bottom:1rem;font-weight:700}.HomePage_cardDescription__ctg3A{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.6}.HomePage_cardButton__yzT5W{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea66;text-transform:uppercase;letter-spacing:1px;width:100%}.HomePage_cardButton__yzT5W:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #667eea99}.HomePage_cardButton__yzT5W:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.HomePage_createButton__Rp_x8{background:linear-gradient(135deg,#667eea,#764ba2)}.HomePage_joinButton__X8aJb{background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 6px 20px #20c99766}.HomePage_joinButton__X8aJb:hover:not(:disabled){box-shadow:0 8px 25px #20c99799}.HomePage_inputWrapper__HRst8{display:flex;flex-direction:column;gap:1rem}.HomePage_roomInput___O7T7{padding:.75rem 1rem;font-size:1rem;border:2px solid #ddd;border-radius:10px;transition:all .3s ease;font-weight:500}.HomePage_roomInput___O7T7:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.HomePage_modalSection__bPvu_{background:linear-gradient(135deg,#fffffffa,#fffffff2);padding:3rem;border-radius:25px;box-shadow:0 15px 50px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff80;max-width:500px;margin:4rem auto;text-align:center}.HomePage_modalTitle__62tk9{font-size:2.2rem;color:#333;margin-bottom:.5rem;font-weight:800}.HomePage_modalSubtitle__IhkM3{font-size:1.1rem;color:#666;margin-bottom:2rem;font-weight:500}.HomePage_usernameInput__1Y2S9{margin-bottom:2rem}.HomePage_inputField__Ym_gZ{width:100%;padding:1rem 1.25rem;font-size:1.1rem;border:2px solid #ddd;border-radius:12px;transition:all .3s ease;font-weight:500;box-sizing:border-box}.HomePage_inputField__Ym_gZ:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.HomePage_modalButtonGroup__V3oQp{display:flex;gap:1rem;flex-direction:column}.HomePage_modalButton__cpQaN{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.HomePage_submitButton__Yn6E7{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px #667eea66}.HomePage_submitButton__Yn6E7:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #667eea99}.HomePage_submitButton__Yn6E7:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.HomePage_cancelButton__ag8Id{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 6px 20px #e74c3c66}.HomePage_cancelButton__ag8Id:hover{transform:translateY(-3px);box-shadow:0 8px 25px #e74c3c99}.HomePage_successSection__YM2jr{background:linear-gradient(135deg,#fffffffa,#fffffff2);padding:3.5rem;border-radius:25px;box-shadow:0 15px 50px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff80;max-width:500px;margin:4rem auto;text-align:center}.HomePage_successIcon__g8Mlg{font-size:4rem;margin-bottom:1.5rem;display:inline-block;animation:HomePage_popIn__MghK9 .5s ease}.HomePage_successTitle__yk_lR{font-size:2.5rem;color:#333;margin-bottom:1rem;font-weight:800}.HomePage_successText__OL8M9{font-size:1.1rem;color:#555;margin-bottom:1.5rem;font-weight:600}.HomePage_roomIdDisplay__sJayP{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;font-weight:900;font-size:1.4rem}.HomePage_successDescription__7Z1cW{font-size:1rem;color:#666;margin-bottom:2.5rem}.HomePage_successLink__5mdY2{display:inline-block;text-decoration:none}.HomePage_successButton__D4pEK{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #28a74566;text-transform:uppercase;letter-spacing:1px;width:100%}.HomePage_successButton__D4pEK:hover{transform:translateY(-3px);box-shadow:0 8px 25px #28a74599}.HomePage_newRoomButton__yfpSV{background:#fff;color:#667eea;border:2px solid #667eea;padding:.75rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:1.5rem}.HomePage_newRoomButton__yfpSV:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-2px)}@keyframes HomePage_bounce__Iz4R6{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes HomePage_popIn__MghK9{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width:768px){.HomePage_gameContainer__QJiBz{padding:2.25rem 1rem}.HomePage_title__5l3WC{font-size:2.5rem}.HomePage_subtitle__Zy9rs{font-size:1.1rem;margin-bottom:2rem}.HomePage_cardsWrapper__gp1TO{grid-template-columns:1fr;gap:1.5rem}.HomePage_card__8XdLc{padding:2rem 1.5rem}.HomePage_cardIcon__jV1Lh{font-size:3rem}.HomePage_cardTitle__uaLmm{font-size:1.5rem}.HomePage_modalSection__bPvu_,.HomePage_successSection__YM2jr{padding:2rem 1.5rem;margin:2rem 1rem}.HomePage_modalTitle__62tk9,.HomePage_successTitle__yk_lR{font-size:1.8rem}}@media (max-width:500px){.HomePage_gameContainer__QJiBz{padding:1.5rem .75rem}.HomePage_title__5l3WC{font-size:2rem;margin-bottom:.5rem}.HomePage_subtitle__Zy9rs{font-size:1rem;margin-bottom:1.5rem}.HomePage_card__8XdLc{padding:1.5rem 1rem}.HomePage_cardIcon__jV1Lh{font-size:2.5rem}.HomePage_cardTitle__uaLmm{font-size:1.3rem}.HomePage_cardDescription__ctg3A{font-size:.95rem}.HomePage_cardButton__yzT5W{padding:.875rem 1.5rem;font-size:.95rem}.HomePage_modalSection__bPvu_,.HomePage_successSection__YM2jr{padding:1.75rem 1.25rem;margin:1.5rem .75rem;border-radius:18px}.HomePage_modalTitle__62tk9,.HomePage_successTitle__yk_lR{font-size:1.5rem}.HomePage_modalSubtitle__IhkM3,.HomePage_successDescription__7Z1cW{font-size:1rem}.HomePage_inputField__Ym_gZ{padding:.875rem 1rem;font-size:1rem}.HomePage_modalButton__cpQaN,.HomePage_successButton__D4pEK{padding:.875rem 1.5rem;font-size:.95rem}.HomePage_successIcon__g8Mlg{font-size:3.5rem}.HomePage_roomIdDisplay__sJayP{font-size:1.2rem}}.navBar_navbar__DJFeM{background:linear-gradient(135deg,#1e1e1efa,#323232f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;position:-webkit-sticky;position:sticky;top:0;z-index:1000;border-bottom:2px solid #ffffff1a}.navBar_navContainer__mITu3{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.navBar_logo__9KrP7{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .3s ease;flex-shrink:0}.navBar_logo__9KrP7:hover{transform:scale(1.05)}.navBar_logoEmoji__j__T9{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.navBar_logoText__LzawX{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;letter-spacing:.5px}.navBar_hamburger__gAQ_I{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.navBar_hamburgerLine__23p4w{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.navBar_hamburgerLine__23p4w.navBar_open__U5MQW:first-child{transform:rotate(45deg) translate(6px,6px)}.navBar_hamburgerLine__23p4w.navBar_open__U5MQW:nth-child(2){opacity:0}.navBar_hamburgerLine__23p4w.navBar_open__U5MQW:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navBar_navList___MQPB{display:flex;align-items:center;gap:.5rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}.navBar_navItem__YcURN{position:relative}.navBar_navLink__Em1IC{color:#fff;text-decoration:none;padding:.625rem 1rem;border-radius:10px;transition:all .3s ease;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;background:#ffffff0d;border:1px solid #ffffff1a}.navBar_navLink__Em1IC:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s ease}.navBar_navLink__Em1IC:hover:before{left:100%}.navBar_navLink__Em1IC:hover{background:linear-gradient(135deg,#667eeacc,#764ba2cc);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;border-color:#ffffff4d}.navBar_navEmoji__7fmWm{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.navBar_navLabel__vuiWI{letter-spacing:.3px}@media (min-width:1200px){.navBar_navList___MQPB{gap:.75rem}.navBar_navLink__Em1IC{padding:.75rem 1.25rem}}@media (max-width:1199px) and (min-width:769px){.navBar_navLink__Em1IC{padding:.625rem .875rem;font-size:.875rem}.navBar_navLabel__vuiWI{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:768px){.navBar_hamburger__gAQ_I{display:flex}.navBar_navContainer__mITu3{padding:1rem 1.25rem}.navBar_logoText__LzawX{font-size:1.25rem}.navBar_logoEmoji__j__T9{font-size:1.75rem}.navBar_navList___MQPB{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:linear-gradient(180deg,#1e1e1efa,#323232fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;gap:0;padding:5rem 1.5rem 2rem;box-shadow:-4px 0 20px #00000080;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);overflow-y:auto;border-left:2px solid #ffffff1a}.navBar_navList___MQPB.navBar_active__mhS0k{right:0}.navBar_navItem__YcURN{width:100%}.navBar_navLink__Em1IC{width:100%;padding:1rem 1.25rem;font-size:1.05rem;border-radius:12px;margin-bottom:.5rem;justify-content:flex-start;background:#ffffff14}.navBar_navLink__Em1IC:hover{background:linear-gradient(135deg,#667eeae6,#764ba2e6);transform:translateX(-4px)}.navBar_navEmoji__7fmWm{font-size:1.5rem}.navBar_navLabel__vuiWI{font-size:1.05rem}}@media (max-width:480px){.navBar_navContainer__mITu3{padding:.875rem 1rem}.navBar_logoText__LzawX{font-size:1.1rem}.navBar_logoEmoji__j__T9{font-size:1.5rem}.navBar_navList___MQPB{width:85%}.navBar_navLink__Em1IC{padding:.875rem 1rem;font-size:1rem}.navBar_navEmoji__7fmWm{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.navBar_hamburgerLine__23p4w,.navBar_navLink__Em1IC,.navBar_navLink__Em1IC:before,.navBar_navList___MQPB{transition:none}}