*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:#0a0a15;color:#fff}#app{position:relative;width:100vw;height:100vh}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#ui-overlay button,#ui-overlay input,#ui-overlay .modal-content{pointer-events:auto}pointer-events: none; } #ui-overlay > *{pointer-events:auto}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.hidden{display:none!important}.screen.hidden{display:none}h1{font-size:4rem;text-shadow:0 0 30px rgba(138,43,226,.8),0 0 60px rgba(138,43,226,.4);margin-bottom:10px;letter-spacing:8px}.subtitle{font-size:1.2rem;color:#fff9;margin-bottom:40px;letter-spacing:4px}.menu-buttons{display:flex;flex-direction:column;gap:15px}button{background:linear-gradient(135deg,#8a2be24d,#4b00824d);border:1px solid rgba(138,43,226,.5);color:#fff;padding:15px 40px;font-size:1.1rem;cursor:pointer;border-radius:8px;transition:all .3s ease;backdrop-filter:blur(10px);letter-spacing:2px}button:hover{background:linear-gradient(135deg,#8a2be280,#4b008280);border-color:#8a2be2cc;box-shadow:0 0 20px #8a2be266;transform:translateY(-2px)}button:active{transform:translateY(0)}.small-btn{padding:8px 16px;font-size:.9rem}.game-header{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;background:#0a0a15cc;padding:15px 25px;border-radius:10px;border:1px solid rgba(138,43,226,.3);backdrop-filter:blur(10px)}#player-turn{font-size:1.2rem;font-weight:700}#game-status{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#0a0a15e6;padding:15px 30px;border-radius:10px;border:1px solid rgba(138,43,226,.5);font-size:1.1rem}#game-status:empty{display:none}#rules{background:#0a0a15f2;overflow-y:auto}#rules h2{font-size:2.5rem;margin-bottom:30px;text-shadow:0 0 20px rgba(138,43,226,.6)}.rules-content{max-width:700px;text-align:left;margin-bottom:30px}.rules-content section{margin-bottom:25px}.rules-content h3{color:#a855f7;margin-bottom:10px;font-size:1.3rem}.rules-content p,.rules-content li{color:#ffffffd9;line-height:1.6}.rules-content ul{list-style:none;padding-left:0}.rules-content li{margin-bottom:8px;padding-left:20px;position:relative}.rules-content li:before{content:"★";position:absolute;left:0;color:#a855f7;font-size:.8rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.modal.hidden{display:none}.modal-content{background:linear-gradient(135deg,#141428f2,#0a0a15f2);border:1px solid rgba(138,43,226,.5);border-radius:15px;padding:30px 40px;text-align:center;max-width:450px;width:90%;backdrop-filter:blur(20px)}.modal-content h3{font-size:1.5rem;margin-bottom:15px;color:#a855f7}.modal-content p{margin-bottom:20px;color:#fffc}.modal-content input{width:100%;padding:12px 15px;font-size:1rem;background:#0000004d;border:1px solid rgba(138,43,226,.4);border-radius:8px;color:#fff;margin-bottom:20px}.modal-content input:focus{outline:none;border-color:#8a2be2cc;box-shadow:0 0 15px #8a2be24d}.modal-buttons{display:flex;gap:15px;justify-content:center}.modal-buttons button{flex:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.waiting{animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){h1{font-size:2.5rem;letter-spacing:4px}.subtitle{font-size:1rem;letter-spacing:2px;margin-bottom:30px}button{padding:12px 30px;font-size:1rem}.game-header{top:10px;padding:10px 15px;gap:10px}#player-turn{font-size:1rem}#game-status{bottom:10px;padding:10px 20px;font-size:.95rem}.modal-content{padding:20px 25px;width:95%}.modal-content h3{font-size:1.3rem}}@media (max-width: 480px){h1{font-size:2rem;letter-spacing:2px}.subtitle{font-size:.9rem;letter-spacing:1px}button{padding:10px 20px;font-size:.9rem}.game-header{flex-direction:column;gap:5px;padding:8px 12px}#player-turn{font-size:.9rem}.small-btn{padding:6px 12px;font-size:.8rem}}