body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.back-to-main-button{background-color:#7f8c8d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;left:20px;padding:10px 20px;position:absolute;top:20px;transition:background-color .3s ease}.back-to-main-button:hover{background-color:#95a5a6}.game-container{align-items:center;background-color:#f4f7f6;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}h1{color:#333;font-size:2.5em;margin-bottom:30px;text-shadow:1px 1px 2px #0000001a}.game-info-panel{background-color:#e0f2f7;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;max-width:600px;padding:20px;text-align:center;width:80%}.game-info-panel p{color:#2c3e50;font-size:1.1em;margin:8px 0}.game-info-panel .message{color:#e74c3c;font-size:1.2em;font-weight:700;margin-top:15px}.timer{color:#c0392b;font-size:1.8em;font-weight:700;margin:10px 0;text-shadow:1px 1px 2px #0000001a}.player1-text{color:#27ae60;font-weight:700}.player2-text{color:#c0392b;font-weight:700}.game-info-panel .used-number{color:#95a5a6;margin:0 2px;text-decoration:line-through}.reset-button{background-color:#3498db;border:none;border-radius:8px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1em;margin-top:20px;padding:12px 25px;transition:background-color .3s ease,transform .1s ease}.reset-button:hover{background-color:#2980b9;transform:translateY(-2px)}.game-main-content{flex-direction:row;gap:40px;justify-content:center;max-width:1200px;position:relative;width:100%}.audio-controls,.game-main-content{align-items:flex-start;display:flex}.audio-controls{background-color:#fffc;border-radius:20px;box-shadow:0 2px 10px #0000001a;flex-direction:column;gap:10px;padding:15px;position:absolute;right:0;top:-80px}.audio-control-group{align-items:center;display:flex;gap:10px}.audio-controls label{color:#34495e;cursor:pointer;font-size:1rem;font-weight:700;width:60px}.audio-controls input[type=checkbox]{cursor:pointer;height:20px;width:20px}.audio-controls input[type=range]{--fill-percent:50%;appearance:none;background-color:initial;height:20px;outline:none;transition:opacity .2s;width:100px}.audio-controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#3498db var(--fill-percent),#bdc3c7 var(--fill-percent));border-radius:5px;clip-path:polygon(100% 0,0 50%,100% 100%);height:20px;width:100%;z-index:1}.audio-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:#2980b9;border-radius:50%;box-shadow:0 0 5px #0003;cursor:pointer;height:24px;margin-top:-2px;position:relative;width:24px;z-index:10}.audio-controls input[type=range]::-moz-range-track{background:#bdc3c7;border-radius:5px;clip-path:polygon(100% 0,0 50%,100% 100%);height:20px;width:100%}.audio-controls input[type=range]::-moz-range-progress{background-color:#3498db;border-radius:5px;clip-path:polygon(100% 0,0 50%,100% 100%);height:20px}.audio-controls input[type=range]::-moz-range-thumb{background:#2980b9;border:none;border-radius:50%;cursor:pointer;height:24px;position:relative;width:24px;z-index:10}.game-board{background-color:#ecf0f1;border:2px solid #34495e;border-radius:10px;box-shadow:0 8px 20px #0003;display:grid;grid-template-columns:repeat(13,40px);grid-template-rows:repeat(13,40px);overflow:hidden;-webkit-user-select:none;user-select:none}.board-cell{align-items:center;background-color:#f0f0f0;border:1px solid #bdc3c7;cursor:pointer;display:flex;font-size:1.1em;font-weight:700;height:40px;justify-content:center;transition:background-color .2s ease,border-color .2s ease;width:40px}@media (max-width:768px){.game-main-content{align-items:center;flex-direction:column;gap:20px}.game-board{grid-template-columns:repeat(13,25px);grid-template-rows:repeat(13,25px)}.board-cell{font-size:.8em;height:25px;width:25px}.audio-controls{align-items:center;margin-top:20px;position:static}.game-info-panel{max-width:none;width:95%}.equation-input{min-width:0;min-width:auto;width:95%}.calculator-buttons button{font-size:1em;height:45px}}.board-cell.obstacle{background-color:#7f8c8d;color:#ecf0f1;cursor:not-allowed}.board-cell.player1-owned{background-color:#2ecc71;color:#fff}.board-cell.player2-owned{background-color:#e74c3c;color:#fff}.board-cell.selected-target-cell{background-color:#f1c40f;border:2px solid #f39c12}.board-cell.hovered-cell{background-color:#3498db;border:2px solid #2980b9;color:#fff}.equation-input{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;min-width:300px;padding:25px}.equation-display,.equation-input{align-items:center;display:flex;flex-direction:column}.equation-display{background-color:#ecf0f1;border:2px solid #ccc;border-radius:8px;box-shadow:inset 0 2px 5px #0000001a;color:#34495e;font-size:1.5em;height:60px;justify-content:center;margin-bottom:20px;padding:5px 15px;text-align:center;width:100%}.target-number-display{color:#7f8c8d;font-size:.7em;margin-top:5px}.calculator-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);width:100%}.calculator-buttons button{background-color:#dfe6e9;border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#2d3436;cursor:pointer;font-size:1.4em;height:60px;transition:background-color .2s ease,transform .1s ease;width:100%}.calculator-buttons button:hover:not(:disabled){background-color:#b2bec3}.calculator-buttons button:active:not(:disabled){box-shadow:0 1px 3px #0000001a;transform:translateY(2px)}.calculator-buttons button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.calculator-buttons .backspace-button,.calculator-buttons .clear-button{background-color:#f39c12;color:#fff}.calculator-buttons .backspace-button:hover:not(:disabled),.calculator-buttons .clear-button:hover:not(:disabled){background-color:#e67e22}.calculator-buttons .submit-button{background-color:#27ae60;color:#fff;grid-column:span 2}.calculator-buttons .submit-button:hover:not(:disabled){background-color:#229a56}.game-over-screen{background-color:#ffffffe6;border-radius:10px;box-shadow:0 8px 20px #0003;left:50%;padding:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.game-over-screen h2{color:#34495e;margin-bottom:15px}.game-over-screen p{color:#2c3e50;font-size:1.2em;margin-bottom:20px}.main-screen-container{align-items:center;background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh;justify-content:center}.main-title{color:#333;font-size:4rem;margin-bottom:50px;text-shadow:2px 2px 4px #0000001a}.mode-selection-buttons{display:flex;gap:30px}.mode-button{background-color:#3498db;border:none;border-radius:10px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;font-size:1.5rem;padding:15px 40px;transition:background-color .3s ease,transform .2s ease}.mode-button:hover{background-color:#2980b9;transform:translateY(-3px)}.rules-button{background-color:#f1c40f;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:1.1em;font-weight:700;margin-top:20px;padding:12px 25px;transition:background-color .3s,transform .2s}.rules-button:hover{background-color:#f39c12;transform:translateY(-2px)}.rules-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rules-modal-content{animation:fadeIn .5s ease-out;background:linear-gradient(145deg,#2c3e50,#34495e);border:2px solid #7f8c8d;border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#ecf0f1;max-height:90vh;max-width:800px;overflow-y:auto;padding:40px;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-button{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:35px;position:absolute;right:20px;top:20px;transition:background-color .3s,transform .3s;width:35px}.close-button:hover{background-color:#c0392b;transform:rotate(90deg)}.rules-title{color:#f1c40f;font-size:2.5em;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #00000080}.rule-section{border-left:4px solid #f1c40f;margin-bottom:25px;padding-left:20px}.rule-section h2{color:#3498db;font-size:1.8em;margin-bottom:15px}.rule-section ol,.rule-section p,.rule-section ul{font-size:1.1em;line-height:1.6}.rule-section ol,.rule-section ul{padding-left:25px}.rule-section li{margin-bottom:10px}.rule-section strong{color:#e67e22}.example{background-color:#0003;border-left:3px solid #2ecc71;border-radius:8px;font-style:italic;margin-top:10px;padding:10px}.strategy-tip{background-color:#2ecc711a;border-left-color:#2ecc71;border-radius:8px;padding:20px}.strategy-tip h3{color:#2ecc71;font-size:1.5em;margin-bottom:10px}.rules-modal-content::-webkit-scrollbar{width:10px}.rules-modal-content::-webkit-scrollbar-track{background:#2c3e50}.rules-modal-content::-webkit-scrollbar-thumb{background-color:#f1c40f;border:2px solid #2c3e50;border-radius:10px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.5128b227.css.map*/