.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.p-4{padding:1rem}.space-x-4>*+*{margin-left:1rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.mt-4{margin-top:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.text-4xl{font-size:2.5rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.text-white{color:#fff}.text-center{text-align:center}.bg-blue-400{background-color:#60a5fa}.bg-blue-500{background-color:#3b82f6}.bg-green-500{background-color:#22c55e}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.board-cell{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid #9ca3af}@media (min-width: 640px){.board-cell{width:2.5rem;height:2.5rem}}@media (min-width: 1024px){.board-cell{width:3rem;height:3rem}}.bg-blue-100{background-color:#dbeafe}.bg-blue-200{background-color:#bfdbfe}.bg-blue-300{background-color:#93c5fd}.bg-gray-600{background-color:#4b5563}.bg-red-500{background-color:#ef4444}.hover\:bg-blue-200:hover{background-color:#bfdbfe}.cursor-pointer{cursor:pointer}.container{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}}.startingDiv{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:2rem}.startingDiv h1{font-size:3rem;margin-bottom:2rem}.pickMapSizeDiv{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:2rem}.map-preview-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem;margin-bottom:2rem}@media (min-width: 768px){.map-preview-container{flex-direction:row;justify-content:center}}.map-preview{display:grid;background-color:#dbeafe;border:2px solid #93c5fd;border-radius:.5rem;padding:.5rem;position:relative}.map-preview.small{grid-template-columns:repeat(8,.5rem);grid-template-rows:repeat(8,.5rem)}.map-preview.medium{grid-template-columns:repeat(10,.5rem);grid-template-rows:repeat(10,.5rem)}.map-preview.large{grid-template-columns:repeat(12,.5rem);grid-template-rows:repeat(12,.5rem)}.map-preview-item{width:.5rem;height:.5rem;background-color:#60a5fa}.map-preview-label{font-weight:700;margin-top:.5rem;font-size:1.125rem}.preview-button{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:1rem;border-radius:.5rem;transition:all .3s ease}.preview-button:hover{transform:scale(1.05);background-color:#f3f4f6}.game-boards-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;gap:2rem}@media (min-width: 1024px){.game-boards-container{flex-direction:row;align-items:flex-start}}.win-loss-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:2rem}.win-loss-screen h1{font-size:3rem;margin-bottom:1rem}.button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center}.button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.button-primary{background-color:#3b82f6;color:#fff}.button-success{background-color:#22c55e;color:#fff}