@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);:root{--color-primary:#0ff;--color-primary-dark:#02aeae;--color-secondary:#f0f;--color-accent:#ff4500;--color-background:#000;--color-background-secondary:#121212;--color-text:#fff;--color-text-secondary:#ccc;--color-gold:#efbf04;--color-success:#0f0;--color-warning:#ff0;--color-error:red;--color-info:#09f;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-pill:9999px;--font-family-primary:"Roboto","Helvetica Neue",sans-serif;--font-family-secondary:"Arial",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-size-title:2.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-loose:1.8;--shadow-sm:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);--shadow-md:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);--shadow-lg:0 10px 25px rgba(0,0,0,.3);--shadow-inner:inset 0 2px 4px rgba(0,0,0,.06);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-index-dropdown:1000;--z-index-modal:2000;--z-index-tooltip:3000;--breakpoint-xs:480px;--breakpoint-sm:768px;--breakpoint-md:992px;--breakpoint-lg:1200px;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1140px}*{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-primary);margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.app-container{align-items:center;justify-content:start;min-height:100vh;overflow-y:auto}.app-container,.content-container{background-color:transparent;display:flex;flex-direction:column;font-family:var(--font-family-primary);position:relative;width:100%}.content-container{color:var(--color-text);height:100vh;overflow:auto;padding:1rem}.content-layout{display:flex;flex:1 1 auto;flex-direction:column;height:100%;width:100%}.players{border-radius:var(--border-radius-md);display:flex;flex-direction:row;flex-wrap:wrap;height:40%;justify-content:space-between;margin-bottom:1rem;transition:all var(--transition-normal);width:100%}.players-list{border:3px solid var(--color-primary);border-radius:var(--border-radius-lg);min-height:100%}.players-list,.players-list-status{background-color:transparent;display:flex;flex-direction:column;padding:1rem;width:24%}.players-list-status{border:3px solid var(--color-secondary);border-radius:var(--border-radius-lg);height:100%}.winners-list{background-color:transparent;border:3px solid var(--color-gold);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;height:100%;padding:1rem;width:24%}.winners-list h2{color:gold;font-size:1.2rem;letter-spacing:2px;margin-top:0;text-shadow:0 0 5px gold,0 0 10px gold}.winner-player-item{align-items:center;animation:winner-glow 2s infinite alternate;background-color:rgba(255,215,0,.2);border-radius:var(--border-radius-sm);color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:.5rem;padding:.8rem}@keyframes winner-glow{0%{box-shadow:0 0 5px rgba(255,215,0,.5)}to{box-shadow:0 0 15px rgba(255,215,0,.8)}}.players-list-status h2{color:var(--color-secondary);text-shadow:0 0 5px var(--color-secondary),0 0 10px var(--color-secondary)}.players-list h2,.players-list-status h2{font-size:1.2rem;letter-spacing:2px;margin-top:0}.players-list h2{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary)}.game-setup{display:flex;flex:1 1;flex-direction:row;height:20%;margin-bottom:1rem;width:100%}.logo-container-in-controls{align-items:center;border-radius:var(--border-radius-lg);display:flex;flex:0 1 30%;height:auto;justify-content:center;margin-right:1rem;min-width:150px;transition:all var(--transition-normal);width:30%}.logo{display:flex;max-height:100%;max-width:100%;transform:scale(1.1);transition:transform .3s ease}.game-control{background-color:rgba(0,0,0,.2);border:3px solid var(--color-secondary);border-radius:var(--border-radius-lg);flex:1 1;flex-direction:row;height:40%;margin-bottom:1rem;padding:1rem;transition:all var(--transition-normal);width:100%}.active-room,.game-control{box-shadow:0 0 10px rgba(255,0,195,.3);display:flex}.active-room{background-color:rgba(0,0,0,.4);border-left:4px solid var(--color-secondary);border-radius:var(--border-radius-md);flex:1 1 auto;flex-direction:column;justify-content:flex-start;margin-right:1rem;min-width:150px;overflow:auto;padding:.8rem;width:25%}.called-numbers-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:75%}.called-numbers-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(15,1fr);height:auto;overflow:auto;padding:15px;width:100%}.number-cell{align-items:center;aspect-ratio:1;background-color:rgba(0,0,0,.7);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 0 5px rgba(0,255,255,.3);color:var(--color-primary);display:flex;font-size:14px;font-weight:600;justify-content:center;max-height:40px;max-width:40px;transition:all var(--transition-normal)}.number-cell:hover{box-shadow:0 0 10px rgba(0,255,255,.5);transform:scale(1.05)}.number-cell.called{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary),0 0 20px rgba(0,255,255,.5);color:var(--color-background)}.game-control h2{border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--color-secondary);letter-spacing:2px;margin-top:0;text-shadow:0 0 5px var(--color-secondary),0 0 10px var(--color-secondary)}.control-row{background:rgba(0,0,0,.4);border-left:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-text);display:flex;flex-wrap:wrap;margin-bottom:.8rem;padding:.8rem}.control-row label{align-items:center;display:flex;font-size:.9rem;margin-bottom:.5rem;margin-right:1rem}button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-background);cursor:pointer;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;margin:4px 2px;padding:8px 12px;text-align:center;text-decoration:none;transition:all var(--transition-normal)}button:hover{box-shadow:0 0 10px var(--color-primary),0 0 20px rgba(0,255,255,.5);transform:scale(1.05)}button:nth-child(2n){background-color:var(--color-secondary);color:var(--color-text)}button:nth-child(2n):hover{box-shadow:0 0 10px var(--color-secondary),0 0 20px rgba(255,0,195,.5)}button:disabled{background-color:#333;box-shadow:none;color:#666;cursor:not-allowed}input[type=number]{background-color:rgba(0,0,0,.7);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-text);height:20px;margin-left:8px;width:50px}input[type=checkbox]{accent-color:var(--color-secondary);margin-right:20px}.room-info{margin-top:15px}.active-room h3{font-size:1rem;margin-bottom:.5rem;margin-top:0}.empty-room{align-items:center;background-color:rgba(0,0,0,.5);border-left:4px solid rgba(255,0,195,.5);display:flex;justify-content:center}.empty-room h3{color:hsla(0,0%,100%,.7);text-shadow:none}.active-room button{margin:3px}.room-id{color:var(--color-secondary);font-size:1.8rem;font-weight:700;text-shadow:0 0 5px var(--color-secondary)}.qr-code-container{align-items:center;background-color:rgba(0,0,0,.7);border:3px solid var(--color-secondary);border-radius:var(--border-radius-lg);box-shadow:0 0 10px rgba(255,0,195,.3);display:flex;flex-direction:column;overflow:auto;text-align:center;width:30%}.qr-code-container h3{color:var(--color-secondary);font-size:1.2rem;letter-spacing:2px;margin-bottom:.5rem;margin-top:.5rem;text-shadow:0 0 5px var(--color-secondary),0 0 10px var(--color-secondary)}.qr-code{background-color:#fff;border-radius:8px;box-shadow:0 0 10px hsla(0,0%,100%,.5);display:inline-block;margin-bottom:10px;padding:10px}.qr-controls{margin-top:10px;padding:0 10px;width:100%}.qr-controls p{color:var(--color-text);font-size:.8rem;margin-bottom:8px;word-break:break-all}.qr-controls strong{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary)}.qr-controls button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-background);cursor:pointer;font-weight:700;letter-spacing:1px;margin:3px;padding:8px 12px;transition:all var(--transition-normal)}.qr-controls button:hover{box-shadow:0 0 10px var(--color-primary),0 0 20px rgba(0,255,255,.5);transform:scale(1.05)}.header-buttons{align-items:center;display:flex;flex-direction:row;gap:10px}.btn-spectator{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-sm);color:#000;cursor:pointer;font-weight:700;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all var(--transition-normal)}.btn-spectator:before{animation:shine 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}@keyframes shine{to{transform:translateX(100%)}}.btn-spectator:hover{box-shadow:0 0 10px rgba(0,255,255,.6);transform:scale(1.05)}.btn-exit{background-color:rgba(255,0,0,.7);border-radius:var(--border-radius-sm)}.btn-exit,.selected-mode{transition:all var(--transition-normal)}.selected-mode{animation:glow-pulse 4s infinite alternate;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(145deg,rgba(10,0,10,.9),rgba(30,5,40,.8));border:3px solid var(--color-secondary);border-radius:var(--border-radius-lg);box-shadow:0 0 15px rgba(255,0,195,.3),inset 0 0 20px rgba(255,0,195,.2);display:flex;flex-direction:column;height:auto;justify-content:center;padding:1rem;position:relative;width:70%}.selected-mode-header{background:rgba(0,0,0,.5);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md);box-shadow:0 0 10px rgba(0,255,255,.2);height:100%}.game-mode-image{border-radius:var(--border-radius-md);box-shadow:0 0 10px rgba(255,0,195,.3);margin:.75rem;max-height:100px;max-width:120px;object-fit:contain}.mode-info{align-items:center;display:flex;gap:1rem;height:100%;width:50%}.mode-info .mode-icon{filter:drop-shadow(0 0 8px var(--color-primary));font-size:2rem}.mode-info h2{color:var(--color-primary);font-size:1.4rem;letter-spacing:2px;margin:0;text-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary)}.mode-info img{border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);box-shadow:0 0 10px var(--color-primary);flex:1 1;height:100%;width:100%}.mode-buttons{display:flex;flex-direction:column;gap:10px}.mode-buttons .btn{margin:0;width:100%}.btn-exit{background-color:var(--color-error)!important;border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s}.btn-exit:hover{background-color:var(--color-error-dark);box-shadow:0 0 10px var(--color-error);transform:scale(1.05)}.change-mode-btn{background-color:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary);cursor:pointer;font-size:.9rem;letter-spacing:1px;padding:.5rem 1rem;text-shadow:0 0 5px var(--color-secondary);transition:all var(--transition-normal)}.change-mode-btn:hover{background-color:rgba(255,0,195,.2);box-shadow:0 0 10px rgba(255,0,195,.5)}.active-players,.rejected-players,.waiting-players,.winners{background-color:rgba(0,0,0,.2);border-radius:var(--border-radius-md);display:flex;flex-direction:column;margin-bottom:1rem;overflow:hidden}.active-players h3,.rejected-players h3,.waiting-players h3{border-bottom:1px solid var(--color-primary);color:var(--color-text);font-size:1rem;margin-bottom:.5rem;margin-top:0;padding-bottom:.25rem}.waiting-players h3{color:var(--color-secondary)}.active-players h3{color:var(--color-gold)}.active-players ul,.rejected-players ul,.waiting-players ul,.winners-list ul{list-style-type:none;margin:0;overflow-y:auto;padding:0;scrollbar-color:var(--color-primary) rgba(0,0,0,.2);scrollbar-width:thin}.active-players ul::-webkit-scrollbar,.rejected-players ul::-webkit-scrollbar,.waiting-players ul::-webkit-scrollbar,.winners-list ul::-webkit-scrollbar{width:6px}.active-players ul::-webkit-scrollbar-track,.rejected-players ul::-webkit-scrollbar-track,.waiting-players ul::-webkit-scrollbar-track,.winners-list ul::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.active-players ul::-webkit-scrollbar-thumb,.rejected-players ul::-webkit-scrollbar-thumb,.waiting-players ul::-webkit-scrollbar-thumb,.winners-list ul::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.active-players ul::-webkit-scrollbar-thumb:hover,.rejected-players ul::-webkit-scrollbar-thumb:hover,.waiting-players ul::-webkit-scrollbar-thumb:hover,.winners-list ul::-webkit-scrollbar-thumb:hover{background:#ffd54f;background:var(--color-primary-light,#ffd54f)}.selected-mode-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:.5rem 0;width:100%}.active-player-item,.waiting-player-item{align-items:center;background-color:rgba(0,0,0,.5);border-radius:var(--border-radius-sm);color:var(--color-text);display:flex;justify-content:space-between;margin-bottom:.25rem;padding:.5rem}.waiting-player-item{border-left:3px solid var(--color-secondary)}.active-player-item{border-left:3px solid var(--color-primary);padding:.5rem 1rem}.rejected-player-item{border-left:3px solid var(--color-error);padding:.5rem 1rem}.player-actions{display:flex;gap:.5rem}.approve-btn,.reject-btn{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s}.approve-btn{background-color:var(--color-primary);color:#000}.reject-btn{background-color:var(--color-error);color:#fff}.approve-btn:hover{background-color:var(--color-primary-light);box-shadow:0 0 5px var(--color-primary)}.reject-btn:hover{background-color:var(--color-error-dark);box-shadow:0 0 5px var(--color-error)}.no-players-message{color:hsla(0,0%,100%,.5);font-style:italic;text-align:center}.modal-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(145deg,rgba(10,0,10,.95),rgba(30,5,40,.9));border:3px solid var(--color-secondary);border-radius:var(--border-radius-lg);box-shadow:0 0 20px rgba(255,0,195,.4),inset 0 0 15px rgba(255,0,195,.2);color:#fff;max-width:550px;overflow:hidden;padding:25px;position:relative;width:90%}.settings-modal{animation:modal-glow 3s infinite alternate}.confirm-modal{animation:confirm-modal-glow 3s infinite alternate;border:3px solid var(--color-primary);box-shadow:0 0 20px rgba(0,255,255,.4),inset 0 0 15px rgba(0,255,255,.2);max-width:500px}@keyframes confirm-modal-glow{0%{box-shadow:0 0 20px rgba(0,255,255,.4),inset 0 0 15px rgba(0,255,255,.2)}to{box-shadow:0 0 30px rgba(0,255,255,.6),inset 0 0 25px rgba(0,255,255,.3)}}.settings-modal:before{animation:border-glow 8s linear infinite;background:linear-gradient(45deg,var(--color-secondary),transparent,var(--color-secondary),transparent);border-radius:calc(var(--border-radius-lg) + 2px);bottom:-2px;content:"";left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;z-index:-1}.modal-title{color:var(--color-secondary);font-size:1.8rem;letter-spacing:2px;margin-bottom:1.5rem;margin-top:0;padding-bottom:10px;position:relative;text-align:center;text-shadow:0 0 10px var(--color-secondary)}.confirm-modal .modal-header h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:.5rem;text-align:center;text-shadow:0 0 10px var(--color-primary)}.modal-title:after{background:var(--color-secondary);bottom:0;box-shadow:0 0 10px var(--color-secondary);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.settings-container{display:flex;flex-direction:column;gap:1.2rem}.settings-row{background:rgba(0,0,0,.4);border-left:2px solid var(--color-primary);border-radius:var(--border-radius-md);display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem}.settings-row label{align-items:center;color:var(--color-text);display:flex;font-size:.95rem;gap:.8rem}.preset-settings{background:rgba(0,0,0,.5);border-left:2px solid var(--color-secondary);border-radius:var(--border-radius-md);margin-top:.5rem;padding:1rem}.preset-title{color:var(--color-secondary);font-size:1rem;letter-spacing:1px;margin-bottom:.8rem;margin-top:0}.preset-buttons{display:flex;flex-wrap:wrap;gap:.6rem}.preset-btn{background:rgba(0,0,0,.6);border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-text);cursor:pointer;font-size:.9rem;padding:.5rem .8rem;transition:all .2s}.preset-btn:hover{background:rgba(0,255,255,.1);box-shadow:0 0 8px var(--color-primary);transform:scale(1.05)}.modal-buttons{gap:.8rem;justify-content:flex-end}.modal-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.7rem 1.2rem;text-transform:uppercase;transition:all .2s}.cancel-button{background-color:rgba(50,50,50,.8);border:1px solid hsla(0,0%,100%,.2);color:var(--color-text)}.cancel-button:hover{background-color:rgba(70,70,70,.9);color:#fff}.confirm-message{color:var(--color-text);font-size:1.1rem;line-height:1.5;margin:1.5rem 0;text-align:center}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.confirm-modal .modal-buttons,.modal-buttons{justify-content:space-between}.confirm-button{background-color:var(--color-primary);box-shadow:0 0 8px rgba(0,255,255,.4);color:#000}.confirm-button:hover{background-color:var(--color-primary-light);box-shadow:0 0 12px var(--color-primary);transform:scale(1.05)}@keyframes modal-glow{0%{box-shadow:0 0 20px rgba(255,0,195,.4),inset 0 0 15px rgba(255,0,195,.2)}to{box-shadow:0 0 30px rgba(255,0,195,.6),inset 0 0 25px rgba(255,0,195,.3)}}.action-buttons{display:flex;gap:1rem;justify-content:space-between}.btn-settings{align-items:center;background:linear-gradient(145deg,rgba(0,30,40,.9),rgba(0,15,20,.8));border:2px solid var(--color-primary);border-radius:var(--border-radius-md);box-shadow:0 0 10px rgba(0,255,255,.2);color:var(--color-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;letter-spacing:1px;padding:.6rem 1rem;text-shadow:0 0 5px rgba(0,255,255,.5);transition:all .3s}.btn-settings:hover{background:rgba(0,255,255,.15);box-shadow:0 0 15px var(--color-primary);transform:scale(1.05)}.btn-icon{filter:drop-shadow(0 0 5px var(--color-primary));font-size:1.2rem}@keyframes glow-pulse{0%{box-shadow:0 0 15px rgba(255,0,195,.3),inset 0 0 20px rgba(255,0,195,.2)}to{box-shadow:0 0 20px rgba(255,0,195,.5),inset 0 0 30px rgba(255,0,195,.3)}}@keyframes border-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.content-container{height:auto;padding:.75rem}.game-setup{align-items:center;flex-direction:row;height:30%;margin-bottom:.75rem}.logo-container-in-controls{margin-right:.75rem;min-width:40px;width:25%}.logo{transform:scale(1)}.selected-mode{overflow:hidden;padding:.75rem;width:75%}.mode-info{align-items:center;display:flex;gap:.5rem;width:auto}.game-mode-image{max-height:70px;max-width:100px}.game-control,.header-buttons{flex-direction:column}.game-control{height:40%;padding:.75rem}.active-room{margin-bottom:.75rem;margin-right:0;width:100%}.called-numbers-container{width:100%}.called-numbers-grid{gap:6px;grid-template-columns:repeat(15,1fr);padding:10px}.players{flex-direction:column;height:40%}.players-list,.players-list-status,.winners-list{height:100%;margin-bottom:.75rem;width:100%}.control-row{flex-direction:column}.control-row label{margin-bottom:.5rem}}@media (max-width:480px){.content-container{padding:.5rem}.game-setup{margin-bottom:.5rem}.logo-container-in-controls{margin-right:.5rem;min-width:60px;width:20%}.selected-mode{padding:.5rem;width:80%}.mode-info,.selected-mode-header{flex-direction:column}.mode-info{align-items:center;text-align:center}.game-mode-image{max-height:70px;max-width:100px}.mode-buttons{flex-direction:column;margin-top:.5rem;width:100%}.mode-buttons button{font-size:.9rem;margin:.25rem 0;padding:.5rem;width:100%}.btn-exit{margin-top:.5rem;width:100%}.game-control{padding:.5rem}.called-numbers-grid{gap:4px;grid-template-columns:repeat(5,1fr);padding:8px}.number-cell{font-size:11px;max-height:28px;max-width:28px}button{font-size:.9rem;padding:6px 10px}}.redirect-container{align-items:center;background-color:#000;color:var(--color-text);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center;width:100%}.redirect-message{font-size:1.5rem;margin-bottom:1rem}.redirect-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-radius:50%;border-top:4px solid var(--color-primary);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-modes-container{background-color:transparent;color:#fff;flex-direction:column;font-family:Arial,sans-serif;height:100%;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.game-modes-container,.logo-container{align-items:center;display:flex;width:100%}.logo-container{justify-content:center}.logo-in-game-modes{height:auto;width:40%}.neon-text{color:#0ff;font-size:4rem;letter-spacing:2px;margin:0;padding:0;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}.neon-text-alt{color:#ff00c3;text-shadow:0 0 5px #ff00c3,0 0 10px #ff00c3,0 0 20px #ff00c3,0 0 40px #ff00c3}.retro-subtitle{animation:blink 1.5s infinite;color:#fc0;font-size:1.5rem;letter-spacing:2px;text-align:center}.game-modes-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);max-width:1200px;width:100%}.game-info{grid-gap:.5rem;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(0,0,0,.4);border-radius:5px;box-shadow:inset 0 0 10px rgba(255,0,195,.1);display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;padding:.5rem;width:100%}.rules-title,.settings-title{color:#ff00c3;font-size:1.2rem;margin:.5rem 0;position:relative;text-align:center;text-shadow:0 0 5px #ff00c3;width:100%}.game-mode-card:nth-child(2n) .rules-title,.game-mode-card:nth-child(2n) .settings-title{color:#0ff;text-shadow:0 0 5px #0ff}.rules-list{list-style-type:none;margin:.5rem 0 1rem;padding:0;width:100%}.rule-item{background:rgba(0,0,0,.3);border-left:2px solid #ff00c3;border-radius:4px;color:#fff;font-size:.85rem;line-height:1.4;margin-bottom:.5rem;padding:.5rem .5rem .5rem 1.5rem;position:relative}.rule-item:before{color:#ff00c3;content:"★";left:.5rem;position:absolute}.game-mode-card:nth-child(2n) .rule-item{border-left:2px solid #0ff}.game-mode-card:nth-child(2n) .rule-item:before{color:#0ff}.game-mode-card{border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.3);cursor:pointer;height:450px;margin-bottom:1rem;perspective:1000px;position:relative}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:8px;display:flex;flex-direction:column;height:100%;left:0;opacity:.8;position:absolute;top:0;transition:transform .6s ease-in-out;width:100%}.card-front{background:linear-gradient(145deg,rgba(0,0,0,.9),rgba(10,20,30,.8));border:3px solid #0ff;box-shadow:inset 0 0 15px rgba(0,255,255,.2);transform:rotateY(0deg);z-index:2}.card-back{border:3px solid #ff00c3;overflow-y:auto;padding:1.2rem;transform:rotateY(-180deg)}.card-back,.game-mode-card:nth-child(2n) .card-front{background:linear-gradient(145deg,rgba(15,0,15,.9),rgba(30,5,40,.8))}.game-mode-card:nth-child(2n) .card-front{border-color:#ff00c3}.game-mode-card:nth-child(2n) .card-back{background:linear-gradient(145deg,rgba(0,0,0,.9),rgba(10,20,30,.8));border-color:#0ff}.game-mode-card:hover .card-front{transform:rotateY(180deg)}.game-mode-card:hover .card-back{transform:rotateY(0)}.mode-icon{filter:drop-shadow(0 0 8px currentColor);font-size:3rem;margin-bottom:.8rem;transition:all .3s ease}.game-image{transition:all .3s ease}.game-image,.game-image svg{height:100%;width:100%}.mode-name{color:#fff;font-size:1.5rem;margin-bottom:1rem;text-align:center}.mode-description{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:rgba(0,0,0,.3);border-radius:5px;color:#ddd;font-size:.9rem;line-height:1.5;margin-bottom:.8rem;max-width:90%;padding:.5rem;text-align:center}.select-btn{background-color:#ff00c3;border-radius:5px;bottom:15px;color:#000;cursor:pointer;font-size:1rem;letter-spacing:1px;opacity:0;padding:.6rem 1.2rem;position:absolute;transform:translateY(10px);transition:all .2s ease;z-index:10}.select-btn.disabled{cursor:not-allowed;opacity:.5}.game-mode-card:nth-child(2n) .select-btn{background-color:#0ff}.game-modes-footer{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-top:2rem;width:100%}.credits{color:#666}.back-btn{background:transparent;border:2px solid #0ff;color:#0ff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:.7rem;padding:.5rem 1rem;transition:all .3s ease}.back-btn:hover{background-color:rgba(0,255,255,.2)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.7}}@media (max-width:768px){.game-modes-grid{grid-template-columns:1fr}.neon-text{font-size:2.5rem}.retro-subtitle{font-size:1rem}}.crt-off{animation:turnOff .4s}@keyframes turnOff{0%{opacity:1;transform:scale(1)}60%{opacity:.8;transform:scale(1.05)}to{opacity:0;transform:scale(0)}}
/*# sourceMappingURL=main.16d2bf4c.css.map*/