body{font-family:Arial,sans-serif}#settings-screen{margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:5px;width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}#settings-form label,#settings-form select,#settings-form input{display:block;margin-bottom:10px}#settings-form button{margin-top:10px}#game-screen{margin:auto;max-width:600px;border-radius:5px;text-align:center}#game-board{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(0,1fr));width:100%;gap:10px}.game-cell{position:relative;padding-top:100%;background-color:#ebebebd8;font-size:5vw;font-size:min(max(16px,5vw),24px)}.game-cell span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-cell:hover{background-color:#e0e0e0;cursor:pointer}.rounded .game-cell{border-radius:50%}.colored .game-cell{background-color:#add8e6}.center-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:x-large;font-weight:700;color:red;opacity:.1}#table-size{justify-content:center;width:100%;flex-wrap:wrap}.size-btn{flex:1;background-color:#555;color:#fff;border:1px solid #666;padding:10px;margin:0 2px;cursor:pointer;transition:background-color .3s;border-radius:3px}.size-btn:hover{background-color:#777}.size-btn:active,.size-btn:focus{background-color:#888;outline:none}.size-btn.active{background-color:#888}@media screen and (max-width: 600px){#settings-screen{padding:10px}#table-size{margin:0;padding:5px 0;display:flex;flex-wrap:wrap;justify-content:space-around}.size-btn{margin:3px 2px!important;padding:8px 6px;font-size:.7rem;min-width:40px;flex-basis:calc(25% - 10px);margin:5px}#settings-form label,#settings-form select,#settings-form input,#settings-form button{margin:5px auto;width:auto}.settings-option{flex-direction:column}}@media screen and (min-width: 601px){.size-btn{min-width:60px}}#settings-form label,#settings-form input[type=checkbox],#settings-form input[type=radio],#settings-form select,#settings-form button{display:block;margin:10px auto;text-align:center}#settings-form button,#settings-form input[type=submit]{cursor:pointer;display:inline-block}.settings-option{display:flex;justify-content:center;align-items:center}.option-item{display:flex;margin:auto}.option-item label{margin-right:5px}@media screen and (max-width: 600px){.option-item{justify-content:flex-start}}#timer-and-number{display:flex;gap:20px}@media screen and (min-width: 601px){#game-screen{display:flex;padding:20px;justify-content:center;position:relative}#timer-and-number{flex-direction:column;align-items:center;position:absolute;right:-120px;top:50%;transform:translateY(-50%);margin-right:20px}#back-to-settings{flex-direction:column;align-items:center;position:absolute;right:-110px;top:10%;transform:translateY(-50%);margin-right:20px}.flex-container{display:flex;flex-direction:column}.first-item{order:1}.second-item{order:2}#current-number{font-size:3rem}}@media screen and (max-width: 600px){#timer-and-number{display:block;text-align:center;width:100%}#back-to-settings{order:3;align-self:center;margin-top:20px}#game-timer{text-align:right;padding-right:20px}#current-number{text-align:center;display:block;padding:10px 0}#game-board{margin-top:10px}.svg-margin-auto{margin:auto}#current-number{font-size:24px}}.close-icon{top:10px;right:10px;cursor:pointer}.table-responsive{overflow-x:auto;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}th,td{border:1px solid #ddd;text-align:center;padding:7px}th{background-color:#f2f2f2;color:#333}tr:nth-child(2n){background-color:#f9f9f9}.header-with-close{display:flex;align-items:center;justify-content:space-between}.close-icon svg{fill:#000}#result-screen{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:400px;background-color:#fff;padding:20px;box-shadow:0 0 15px #0003;border-radius:10px;z-index:1000;display:none}.backdrop{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none}#result-screen h2,#result-screen div,#result-screen button{margin-bottom:15px;text-align:center}#final-time{font-size:1.6rem}.close-btn{position:absolute;top:10px;right:15px;font-size:25px;font-weight:700;cursor:pointer}