@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;overflow-y:auto}#root{display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #4CAF50;outline-offset:2px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;height:100vh;background-color:#1a1a1a;overflow:hidden}.app{display:flex;flex-direction:column;align-items:center;height:100vh;background-color:#1a1a2e;color:#fff;padding-top:1rem;box-sizing:border-box;overflow:hidden}h1{font-size:2.5rem;margin-bottom:1rem;color:#f0f0f0}.game-container{width:min(90vw,calc(100vh - 120px) * 4/3);height:min(67.5vw,calc(100vh - 120px));border-radius:8px;overflow:hidden}.game-status{width:min(90vw,calc(100vh - 120px) * 4/3);margin-bottom:1rem;font-family:system-ui,-apple-system,sans-serif}.status-container{display:flex;justify-content:space-between;align-items:center;background:#1e1e2899;padding:.75rem 1.25rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scores-section{display:flex;align-items:center;gap:1rem}.score-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border-radius:8px;min-width:70px;transition:all .2s ease}.score-box.active{background:#ffffff1a;box-shadow:0 0 15px #646cff33}.score-separator{color:#666;font-size:.9rem;font-weight:500}.player-dot{width:12px;height:12px;border-radius:50%}.player-dot.red{background:#f44;box-shadow:0 0 10px #ff44444d}.player-dot.blue{background:#44f;box-shadow:0 0 10px #4444ff4d}.controls-section{display:flex;align-items:center;gap:.75rem}.control-select{background:#ffffff0d;color:#fff;border:none;padding:.5rem 2.5rem .5rem .75rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em}.control-select:hover{background-color:#ffffff1a}.control-select:focus{outline:none;background-color:#ffffff26}.control-button{background:#ffffff0d;color:#fff;border:none;width:36px;height:36px;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.control-button:hover{background-color:#ffffff1a;transform:rotate(180deg)}.player-score{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;background:#2a2a2a;opacity:.8;transition:opacity .3s ease}.player-score.active{opacity:1;box-shadow:0 0 10px #646cff4d}.player-color{width:20px;height:20px;border-radius:4px}.player-color.red{background-color:red}.player-color.blue{background-color:#00f}.current-turn{font-size:1.1rem;color:#646cff;font-weight:500}.current-turn.game-over{font-size:1.5rem;color:gold;margin:1rem 0;text-shadow:0 0 10px rgba(255,215,0,.5)}.restart-button{background-color:#646cff;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.restart-button:hover{background-color:#747bff;transform:translateY(-2px);box-shadow:0 2px 8px #646cff66}.restart-button:active{transform:translateY(0)}.difficulty-selector{display:flex;align-items:center;gap:.5rem}.difficulty-selector label{color:#fff;font-size:1rem}.difficulty-select{padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#fff;background-color:#2a2a2a;border:1px solid #646cff;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}.difficulty-select:hover{border-color:#747bff;background-color:#3a3a3a}.difficulty-select:focus{outline:none;box-shadow:0 0 0 2px #646cff66}.difficulty-select option{background-color:#2a2a2a;color:#fff;padding:.5rem}.game-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.control-group{display:flex;align-items:center;gap:.5rem}.control-group label{color:#888;min-width:80px}.level-select,.difficulty-select{background:#2a2a2a;color:#fff;border:1px solid #444;padding:.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:200px}.level-select:hover,.difficulty-select:hover{border-color:#646cff}.level-select:focus,.difficulty-select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.level-info{margin-top:1rem;padding:1rem;background:#2a2a2a80;border-radius:4px;text-align:center}.level-info p{margin:.5rem 0;color:#ccc}.level-details{font-size:.9rem;color:#888!important}@media (max-width: 840px){.game-container{width:90vw;height:auto;aspect-ratio:4/3}.game-status{width:90vw;padding:0;box-sizing:border-box}.status-container{margin:0}.controls-section{width:100%;justify-content:center}.control-select{flex:1;min-width:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#f0f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff80ff}