.ws-area{background:#fafafa;display:inline-block;border-radius:10px;-moz-user-select:0;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:20px}.ws-row{line-height:0;}.ws-col{cursor:pointer; border: 1px solid blue;}.ws-col.ws-selected{background:#eee}.ws-found{background:#FF0}.ws-game-over-outer{background:rgba(0,0,0,0.85);height:100%;left:2;position:absolute;top:0;width:80%}.ws-game-over-inner{width:80%;height:100%;display:table;margin:0;padding:2}.ws-game-over{display:table-cell;vertical-align:middle; text-align: center;}.ws-game-over h2{color:#FFF;font-size:2em;margin:0 0 9px;padding:2}.h3{color:#FFF;font-size:1.8em;margin:0 0 9px;padding:2}.ws-game-over p{color:#FFF;font-size:1em;margin:0;padding:0}
/* Media query for mobile devices */
@media (max-width: 768px) {
    .ws-area {
        padding: 2px; /* Smaller padding for mobile */
        font-size: 0.6em; /* Adjust overall font size */
    }

    .ws-col {
        padding: 2px; /* Smaller padding for mobile */
        font-size: 0.5em; /* Smaller font size for better fitting */
    }

    .ws-row {
        line-height: 1; /* Adjust line height for better spacing */
        font-size: 0.6em; /* Smaller font size for rows */
    }
	
}