:root{--orange-main: #FFCA28;--orange-dark: #FF6F00;--brown-border: #3E2723;--blue-light: #4FC3F7;--blue-dark: #0277BD;--cream-bg: #FFF8E1;--white: #FFFFFF;--stat-red: #ff8b8b;--stat-blue: #6ee7ff;--stat-green: #b5f25d;--diff-easy: #4caf50;--diff-normal: #29B6F6;--diff-hard: #ff6b6b;--diff-expert: #da70d6}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Fredoka One,cursive;color:var(--brown-border)}#psychedelicCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:block}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.screen-container,.menu-container{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;padding:clamp(1rem,7vw,2.5rem);animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.hidden{display:none!important}.card-panel,.main-menu-panel{background:var(--cream-bg);border:4px solid var(--brown-border);border-radius:30px;box-shadow:10px 10px #0003;text-align:center;position:relative;z-index:10;padding:30px;width:80%;max-width:450px;display:flex;flex-direction:column;align-items:center;justify-content:center}.btn-custom,.menu-option,.menu-actions button{font-family:Fredoka One,cursive;text-transform:uppercase;text-align:center;cursor:pointer;border:3px solid var(--brown-border);border-radius:50px;box-shadow:0 5px 0 var(--brown-border);transition:all .1s;display:inline-flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.btn-custom:hover,.menu-option:hover,.menu-actions button:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 8px 0 var(--brown-border)}.btn-play,.menu-option{background:linear-gradient(180deg,var(--orange-main) 0%,var(--orange-dark) 100%);text-shadow:2px 2px 0 #D84315;font-size:1.2rem;padding:12px 30px}.btn-secondary,.menu-actions button,.btn-back{background:#90a4ae;text-shadow:2px 2px 0 #546E7A;font-size:1rem;padding:10px 20px}.btn-config{background:#fff;color:var(--brown-border);font-size:1.2rem;padding:10px 30px}form{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}input[type=text],input[type=password],.cartoon-input{padding:12px;border-radius:15px;border:3px solid var(--brown-border);font-family:Nunito,sans-serif;font-weight:700;font-size:1.1rem;background:#e1f5fe;outline:none;width:100%;text-align:center;color:var(--brown-border)}input:focus{background:#fff;border-color:var(--orange-dark)}.message{font-family:Nunito,sans-serif;font-weight:700;color:#d32f2f;font-size:.9rem;min-height:20px}.form-buttons{display:flex;gap:10px;justify-content:center;width:100%;margin-top:5px}h1,h2,.game-title,.modal-title{color:var(--orange-dark);text-transform:uppercase;font-family:Fredoka One,cursive;margin:0}.btn-custom,.menu-option,.menu-actions button{font-family:Fredoka One,cursive;font-size:clamp(.9rem,2.5vw,1.3rem);text-transform:uppercase;text-align:center;cursor:pointer;border:3px solid var(--brown-border);border-radius:50px;box-shadow:0 5px 0 var(--brown-border);transition:all .1s;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;padding:clamp(8px,1.5vw,12px) clamp(20px,4vw,35px);margin:5px}.btn-custom:hover,.menu-option:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 8px 0 var(--brown-border)}.btn-custom:active,.menu-option:active{transform:translateY(3px);box-shadow:0 2px 0 var(--brown-border)}.btn-play,.menu-option{background:linear-gradient(180deg,var(--orange-main) 0%,var(--orange-dark) 100%);text-shadow:2px 2px 0 #D84315}.btn-guest{background:linear-gradient(180deg,var(--blue-light) 0%,var(--blue-dark) 100%);text-shadow:2px 2px 0 #01579B}.btn-secondary,.btn-back,.btn-close{background:#90a4ae;text-shadow:2px 2px 0 #546E7A}.btn-config{background:#fff;color:var(--brown-border)}.small-btn{font-size:.9rem;padding:8px 20px}.menu-list-simple .menu-option{width:100%;margin-bottom:10px;background:linear-gradient(180deg,var(--orange-main) 0%,var(--orange-dark) 100%);display:block}.title-section{margin-bottom:30px;text-align:center;animation:floatTitle 3s ease-in-out infinite}h1.game-title{font-size:clamp(3rem,8vw,5rem);color:#ff5722;text-shadow:3px 3px 0 #FFC107,4px 4px 0 #01579B;-webkit-text-stroke:2px #01579B;transform:rotate(-2deg)}.sound-wave{display:flex;justify-content:center;align-items:flex-end;height:40px;gap:5px;margin-bottom:-10px}.bar{width:8px;background:#ff9800;border:2px solid #fff;animation:equalize 1s infinite alternate}.menu-buttons{display:flex;flex-direction:column;gap:15px;width:100%;align-items:center}.main-menu-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.main-menu-panel{padding:40px;width:90%;max-width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-menu-panel .game-title{font-size:3rem;margin-bottom:10px;line-height:1.2}.menu-subtitle{font-family:Nunito,sans-serif;font-size:1.1rem;color:var(--blue-dark);font-weight:700;margin-bottom:25px;text-transform:uppercase;background:#e1f5fe;padding:5px 15px;border-radius:20px;border:2px solid var(--blue-light)}ul.menu-options{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:15px}.menu-options .menu-option{width:100%}.menu-description{margin-top:20px;font-family:Nunito,sans-serif;font-size:.9rem;color:var(--brown-border);min-height:40px}.menu-actions{margin-top:10px;position:relative;z-index:10;width:95%;max-width:900px;height:70vh;min-height:500px;display:flex;flex-direction:row;overflow:hidden}#levelSelectionOverlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50}.level-list{list-style:none;padding:5px;margin:0;width:100%;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.level-item{font-family:Fredoka One,cursive;font-size:1rem;color:var(--brown-border);background:#fff;border:3px solid var(--brown-border);border-radius:15px;box-shadow:0 4px 0 var(--brown-border);padding:12px;cursor:pointer;text-align:center;text-transform:uppercase;transition:all .2s;position:relative}.level-item:hover{transform:translateY(-2px);background:#fff9c4}.level-item.selected{background:var(--orange-main);color:#fff;transform:translate(5px)}.level-item.locked{background:#e0e0e0;color:#9e9e9e;border-color:#bdbdbd;cursor:not-allowed;transform:none;box-shadow:none}.level-item.locked:after{content:"🔒";position:absolute;right:10px;top:50%;opacity:.5}.level-back-button{font-family:Fredoka One,cursive;background:#90a4ae;color:#fff;border:3px solid var(--brown-border);border-radius:50px;padding:10px 0;width:100%;cursor:pointer;text-transform:uppercase;box-shadow:0 4px 0 var(--brown-border)}.level-details-container{width:60%;padding:25px;display:flex;flex-direction:column;gap:15px;background:transparent}#level-description{font-family:Nunito,sans-serif;font-size:1rem;color:var(--brown-border);background:#e1f5fe;padding:15px;border-radius:15px;border:2px solid var(--blue-light);flex:1;overflow-y:auto}.difficulty{font-family:Fredoka One,cursive;text-transform:uppercase;text-align:center;padding:5px}.difficulty-fácil{color:var(--diff-easy)}.difficulty-normal{color:var(--diff-normal)}.difficulty-difícil{color:var(--diff-hard)}.level-play-button{font-family:Fredoka One,cursive;font-size:1.5rem;background:linear-gradient(180deg,var(--orange-main) 0%,var(--orange-dark) 100%);color:#fff;border:4px solid var(--brown-border);border-radius:50px;padding:15px;width:100%;cursor:pointer;box-shadow:0 6px 0 var(--brown-border);margin-top:auto}.stats-container{background:var(--cream-bg);border:4px solid var(--brown-border);border-radius:30px;padding:30px;width:95%;max-width:800px;box-shadow:10px 10px #0003;display:flex;flex-direction:column;align-items:center;position:relative}.stats-header{background:var(--orange-main);border:3px solid var(--brown-border);border-radius:15px;padding:10px 20px;margin-bottom:20px;box-shadow:4px 4px 0 var(--brown-border);animation:bounceTitle 2s infinite ease-in-out}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;width:100%;margin-bottom:20px}.stat-item{background:var(--stat-red);border:3px solid var(--brown-border);border-radius:15px;padding:15px;box-shadow:4px 4px 0 var(--brown-border);text-align:center}.stat-item:nth-child(2n){background:var(--stat-blue)}.stat-item:nth-child(3n){background:var(--stat-green)}.stat-item span{display:block;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;margin-bottom:5px}.stat-item strong{font-size:1.4rem;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.2)}#credits-overlay{position:fixed;inset:0;z-index:9999;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center}#credits-overlay.is-open{display:flex}.credits-wrap{background:var(--cream-bg);border:4px solid var(--brown-border);border-radius:30px;padding:30px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 50px #00000080;text-align:left}.credits-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px dashed var(--brown-border);padding-bottom:15px;margin-bottom:15px}.credits-role{color:var(--blue-dark);font-size:1.1rem;font-weight:700;margin-bottom:5px}.credits-names{font-family:Nunito,sans-serif;font-size:1rem;color:var(--brown-border);margin:0}.cartoon-modal{background-color:var(--cream-bg);border:4px solid var(--brown-border);border-radius:20px;box-shadow:10px 10px #0000004d}.modal-header{border-bottom:3px dashed var(--brown-border)}.modal-footer{border-top:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--orange-main);border:2px solid var(--brown-border);border-radius:10px}@keyframes floatTitle{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes equalize{0%{height:10px}to{height:35px}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceTitle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:768px){h1.game-title{font-size:3rem}.level-selection-content{flex-direction:column;height:auto}.level-list-container{width:100%;border-right:none;border-bottom:3px dashed var(--brown-border);height:250px}.level-details-container{width:100%;padding:15px}}.level-selection-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;animation:popIn .3s ease-out}.level-selection-content{display:flex;width:90%;max-width:900px;height:80%;max-height:600px;background:var(--cream-bg);border:4px solid var(--brown-border);border-radius:30px;box-shadow:10px 10px #00000080;overflow:hidden}.level-list-container{width:40%;background:#ffffff80;border-right:3px dashed var(--brown-border);padding:20px;display:flex;flex-direction:column}.level-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.level-item{padding:15px;margin-bottom:10px;background:#fff;border:2px solid var(--brown-border);border-radius:15px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.difficulty{display:inline-block;padding:5px 15px;border-radius:20px;color:#fff;font-weight:700;margin:10px 0;text-transform:uppercase;font-size:.9rem}.difficulty-easy{background:var(--diff-easy)}.difficulty-normal{background:var(--diff-normal)}.difficulty-hard{background:var(--diff-hard)}.difficulty-expert{background:var(--diff-expert)}.login-panel{padding:30px 40px;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-panel .auth-title{font-size:2.4rem;margin-bottom:20px}.login-panel form{width:100%}.login-panel input[type=text],.login-panel input[type=password]{width:100%;max-width:320px}@media(max-width:480px){h1.game-title{font-size:clamp(2rem,10vw,3rem);-webkit-text-stroke:1px #01579B}.main-menu-panel .game-title{font-size:2.2rem}h2{font-size:1.5rem}.modal-title{font-size:1.4rem}.screen-container{padding:10px}.card-panel,.main-menu-panel{width:95%;max-width:none;padding:20px 15px;border-width:3px}.menu-buttons{gap:10px}.btn-custom,.menu-option,.menu-actions button{width:100%;padding:12px 15px;font-size:1rem;margin:5px 0;display:flex}input[type=text],input[type=password],.cartoon-input{font-size:1rem;padding:10px}.form-buttons{flex-direction:column;gap:10px}.small-btn{width:100%;padding:10px}.level-selection-content{width:95%;height:90%;flex-direction:column}.level-list-container{width:100%;height:40%;border-right:none;border-bottom:3px dashed var(--brown-border)}.level-details-container{width:100%;height:60%;padding:15px}.level-play-button{padding:10px;font-size:1.2rem}.stats-container{padding:15px;width:98%}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-item{padding:10px}.stat-item strong{font-size:1.2rem}.credits-wrap{width:95%;max-height:85vh;padding:20px}}