.home{background:linear-gradient(135deg,#264653,#2a9d8f);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.home__wrap{text-align:center;width:100%;max-width:600px}.home__title{color:#e9c46a;text-shadow:2px 2px 4px #00000080;margin-bottom:1rem;font:700 3rem/1.5 BPdots,monospace}.home__subtitle{color:#fff;margin-bottom:3rem;font:1.5rem/1.5 BPdots,monospace}.home__footer{color:#888;margin-top:2rem;font-size:.9rem}.button-container{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.mode-button{cursor:pointer;text-align:left;border:none;border-radius:16px;align-items:center;gap:1.5rem;padding:2rem;font-family:BPdots,monospace;transition:all .3s;display:flex}.mode-button:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.host-button{background:linear-gradient(135deg,#2a9d8f 0%,#264653 100%)}.player-button{background:linear-gradient(135deg,#f4a261 0%,#e76f51 100%)}.button-icon{font-size:3rem}.button-text h2{color:#fff;margin:0;font-size:1.8rem}.button-text p{color:#ffffffe6;margin:.5rem 0 0;font-size:1rem}.host-container{background:linear-gradient(135deg,#264653,#2a9d8f);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:1.5rem;display:flex}.host-content{background:#264653f2;border:2px solid #e9c46a33;border-radius:20px;width:100%;max-width:600px;padding:2rem;box-shadow:0 8px 32px #0006}.host-title{color:#e9c46a;text-align:center;margin:0;font-family:BPdots,monospace;font-size:2.5rem}.host-actions{gap:1rem;display:flex}@media (max-width:768px){.host-actions{flex-direction:column;width:100%}}.game-code-section{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.game-code{color:#e9c46a;letter-spacing:1rem;text-align:center;background:#0006;border:3px solid #e9c46a;border-radius:50px;width:100%;padding:1.5rem 2rem;font-family:BPdots,monospace;font-size:4rem;font-weight:700;animation:2s ease-in-out infinite codeGlow;box-shadow:0 0 30px #e9c46a80}@media (max-width:768px){.game-code{letter-spacing:.3rem;padding:1rem 1.5rem;font-size:2.5rem}}@keyframes codeGlow{0%,to{box-shadow:0 0 30px #e9c46a80}50%{box-shadow:0 0 40px #e9c46acc}}.code-label{color:#fff;text-align:left;margin:0;font-family:BPdots,monospace;font-size:1rem;font-weight:600}.players-section h3{color:#e9c46a;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.players-list{flex-direction:column;gap:.75rem;max-height:300px;margin-bottom:2rem;display:flex;overflow-y:auto}.no-players{color:#ffffffb3;text-align:center;padding:2rem;font-style:italic}.player-card{background:#0000004d;border:2px solid #e9c46a4d;border-radius:16px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .2s;display:flex}.player-card.active{background:#2a9d8f26;border-color:#2a9d8f;box-shadow:0 0 15px #2a9d8f4d}.player-card.waiting{opacity:.6;background:#0003;border-color:#e9c46a33}.player-name{color:#e9c46a;flex:1;font-size:1.1rem;font-weight:600}.player-name.waiting{color:#ffffff80;font-style:italic}.player-team{border-radius:20px;padding:.5rem 1rem;font-family:BPdots,monospace;font-size:.9rem;font-weight:700}.team-icon{color:#e9c46a;font-size:2.5rem;transition:all .2s}.team-icon.active{color:#2a9d8f;animation:2s ease-in-out infinite teamPulse}.team-icon.waiting{color:#ffffff4d;animation:2s ease-in-out infinite waitingPulse}@keyframes teamPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes waitingPulse{0%,to{opacity:.3}50%{opacity:.5}}.title-section{background:#264653f2;border:2px solid #e9c46a33;border-radius:20px;align-self:center;width:100%;max-width:600px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 8px 32px #0006}.team-team1{color:#fff;background:#e76f51}.team-team2{color:#fff;background:#2a9d8f}.btn-start,.btn-cancel,.btn-join{cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-family:BPdots,monospace;font-size:1.2rem;transition:all .3s}@media (max-width:768px){.btn-start,.btn-cancel,.btn-join{width:100%;font-size:1rem}}.btn-start,.btn-join{color:#fff;background:linear-gradient(135deg,#2a9d8f,#f4a261);border-radius:50px;flex:1;font-weight:700;box-shadow:0 4px 15px #2a9d8f66}.btn-start:hover:not(:disabled),.btn-join:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f99}.btn-start:active:not(:disabled),.btn-join:active:not(:disabled){transform:translateY(0)}.btn-start:disabled,.btn-join:disabled{opacity:.6;cursor:not-allowed;color:#fff6;box-shadow:none;background:linear-gradient(135deg,#2a9d8f4d,#f4a2614d)}@media (max-width:768px){.btn-start,.btn-join{flex:none}}.btn-cancel{color:#fff;background:#e76f51;border:none;border-radius:50px;box-shadow:0 4px 15px #e76f5166}.btn-cancel:hover{background:#ee5a52;transform:translateY(-2px);box-shadow:0 6px 20px #e76f5199}.btn-cancel:active{transform:translateY(0)}.join-container{background:linear-gradient(135deg,#264653,#2a9d8f);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:1.5rem;display:flex}.join-content{background:#264653f2;border:2px solid #e9c46a33;border-radius:20px;width:100%;max-width:600px;padding:2rem;box-shadow:0 8px 32px #0006}@media (max-width:768px){.join-content{padding:2rem}}.join-title{color:#e9c46a;text-align:center;margin:0;font-family:BPdots,monospace;font-size:2.5rem}.join-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#e9c46a;font-size:1rem;font-weight:600}.form-input{color:#fff;background:#0000004d;border:2px solid #e9c46a4d;border-radius:16px;padding:1rem;font-family:BPdots,monospace;font-size:1.1rem;transition:all .3s}.form-input::placeholder{color:#ffffff80;opacity:1}.form-input:focus{background:#0006;border-color:#e9c46a;outline:none;box-shadow:0 0 10px #e9c46a4d}.form-actions{gap:1rem;margin-top:1rem;display:flex}@media (max-width:768px){.form-actions{flex-direction:column;width:100%}}.code-input{text-align:center;letter-spacing:.8rem;text-transform:uppercase;color:#e9c46a;background:#0006;border:3px solid #e9c46a;border-radius:50px;width:100%;padding:1.5rem;font-family:BPdots,monospace;font-size:2rem;font-weight:700;box-shadow:0 0 20px #e9c46a4d}.code-input::placeholder{color:#e9c46a66;letter-spacing:.5rem}.code-input:focus{border-color:#e9c46a;box-shadow:0 0 30px #e9c46a80}.team-selection{gap:1rem;display:flex}.team-button{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;flex:1;padding:1rem;font-family:BPdots,monospace;font-size:1rem;transition:all .3s}.team-button.active{background:#2a9d8f;border-color:#2a9d8f;font-weight:700}.team-button:hover:not(:disabled){background:#2a9d8f4d}.error-message{color:#fff;text-align:center;background:#e76f5133;border:2px solid #e76f51;border-radius:16px;padding:1rem;box-shadow:0 0 10px #e76f514d}.loading{text-align:center;color:#fff;font-size:1.5rem}.loading-spinner{border:6px solid #ffffff1a;border-top-color:#e9c46a;border-radius:50%;width:110px;height:110px;margin:3rem auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.home-title{font-size:1.8rem}.home-subtitle{font-size:1rem}.button-text h2{font-size:1.3rem}.start-game-btn,.form-button,.back-button{width:100%;padding:1rem 2rem;font-size:1rem}.code-input{letter-spacing:.5rem;padding:1rem;font-size:1.5rem}}@font-face{font-family:BPdots;src:url(/fonts/BPdots.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;overflow-x:hidden}body{color:#fff;background:linear-gradient(135deg,#264653,#2a9d8f);width:100%;min-height:100vh;margin:0;padding:0;font-family:BPdots,monospace;overflow-x:hidden}.familiada{flex-direction:column;justify-content:center;display:flex}.familiada__title{justify-content:center;align-items:center;padding:1.5rem;font-family:BPdots,monospace;font-size:130px;display:flex}.familiada__question{color:#e0c4af;letter-spacing:2px;background:linear-gradient(97deg,#000 0%,#ff8029 100%);border:solid orange;justify-content:space-between;align-items:center;padding:8px 8px 8px 30px;font-family:BPdots,monospace;font-size:40px;display:flex}.familiada__game{background-image:url(https://i.pinimg.com/originals/64/cc/88/64cc884a74ccb65145f66ac81b177e07.gif);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;border:2px solid;justify-content:start;align-items:center;display:flex}.familiada__game_error{flex-direction:column;padding:1.5rem;display:flex}.familiada__game_error_substytut{width:90px}.familiada__game_error_symbol{height:90px}.familiada__game_error_team{justify-content:end;align-items:center;margin-left:auto;display:flex}.familiada__game_error_team_symbol{height:320px}.familiada__game_table{flex-direction:column;justify-content:space-between;height:500px;padding:1.5rem;display:flex}.familiada__game_table_list{display:flex}.familiada__game_table_answer_number{padding:8px;font-family:Starting Machine;font-size:30px}.familiada__game_table_answer_text{padding-top:15px;font-family:BPdots,monospace;font-size:30px}.familiada__game_total{background-color:#000;justify-content:space-between;display:flex}.familiada__game_total_points{border:2px solid orange;padding:30px 1.5rem 1.5rem;font-family:BPdots,monospace;font-size:30px}.familiada__game_total_send{color:orange;text-align:end;background:#4b2a14;border:2px solid orange;justify-content:center;align-items:center;padding:1.5rem;font-family:BPdots,monospace;font-size:30px;display:flex}.familiada__answer{background-color:#000;border:solid orange;display:flex}.familiada__answer_input{color:orange;background:#4b2a14;border:solid orange;width:20%;padding:40px;font-family:BPdots,monospace;font-size:30px}.familiada__answer_button{color:orange;text-align:end;background:#4b2a14;border:2px solid orange;justify-content:center;align-items:center;padding:1.5rem;font-family:BPdots,monospace;font-size:30px;display:flex}.familiada__players{background-color:#000;border:2px solid orange;justify-content:space-between;align-items:center;padding:8px;display:flex}.familiada__players_div{background-color:#000;justify-content:space-between;align-items:center;padding:8px;display:flex}.familiada__players_avatar{height:50px}.familiada__players_name{padding:1.5rem;font-family:BPdots,monospace;font-size:30px}.familiada__players_name_selected{color:red;padding:1.5rem;font-size:30px}.familiada__actions{color:orange;text-align:end;background:#4b2a14;border:2px solid orange;justify-content:space-between;align-items:center;padding:1.5rem;font-size:30px;display:flex}.familiada__actions_next{margin-left:auto}.modal-overlay{background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background:linear-gradient(225deg,#46240d 0%,#ff8029 100%);border:solid orange;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:90%;height:90%;padding:1.5rem;display:flex;position:relative;box-shadow:0 8px 32px #0006}.modal-close{cursor:pointer;color:#555;background:0 0;border:none;outline:none;font-size:18px;position:absolute;top:8px;right:8px}.modal-content{flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.modal_avatar{opacity:.2;width:400px;height:300px;margin-top:1.5rem;padding:40px;transform:scale(.7)}.modal_avatar_active{opacity:1;width:400px;height:300px;margin-top:1.5rem;padding:40px;transform:scale(1)}.modal_timer{color:#fff;background-color:#460d0d;border:solid red;border-radius:8px;width:30%;margin-top:-15px;padding:8px;font-family:BPdots,monospace;font-size:60px}.modal_question{color:#e0c4af;background-color:#46240d;border:solid orange;border-radius:8px;margin-top:50px;padding:1.5rem;font-family:BPdots,monospace;font-size:80px}.avatars{display:flex}.avatar-number{background-color:#46240d;border:solid orange;margin-bottom:1.5rem;padding:8px;font-family:BPdots,monospace;font-size:80px}.avatar-number_first{color:#fff;background-color:#00740c;border:solid #1f0;margin-bottom:1.5rem;padding:8px;font-family:BPdots,monospace;font-size:80px}