115 lines
1.8 KiB
CSS
115 lines
1.8 KiB
CSS
body {
|
|
font-family: Inter, system-ui, Arial, sans-serif;
|
|
margin: 0;
|
|
background: #f2f6f9;
|
|
color: #111;
|
|
}
|
|
|
|
.topbar {
|
|
width: 100%;
|
|
padding: 12px 0;
|
|
background: #061d1d;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.auth-card {
|
|
max-width: 360px;
|
|
margin: 6vh auto;
|
|
padding: 20px;
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 6px 18px rgba(2,6,23,0.08);
|
|
}
|
|
|
|
.auth-card h1 {
|
|
margin: 0 0 12px;
|
|
}
|
|
|
|
.auth-card label {
|
|
display: block;
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.auth-card input {
|
|
width: 95%;
|
|
padding: 8px;
|
|
border: 1px solid #d1d5db;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.auth-card button {
|
|
width: 100%;
|
|
padding: 10px;
|
|
margin-top: 12px;
|
|
border: 0;
|
|
border-radius: 8px;
|
|
background: #0ea5a4;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.error {
|
|
background: #fee2e2;
|
|
color: #991b1b;
|
|
padding: 8px;
|
|
border-radius: 6px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.success {
|
|
background: #ecfccb;
|
|
color: #365314;
|
|
padding: 8px;
|
|
border-radius: 6px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* GAME AREA */
|
|
.game-wrap {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 24px;
|
|
}
|
|
|
|
.board-wrap {
|
|
position: relative !important;
|
|
z-index: 1 !important;
|
|
}
|
|
|
|
.controls {
|
|
display: flex;
|
|
gap: 12px;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
button {
|
|
padding: 10px 16px;
|
|
font-size: 15px;
|
|
cursor: pointer;
|
|
border-radius: 6px;
|
|
border: none;
|
|
background: #334155;
|
|
color: white;
|
|
}
|
|
|
|
button:hover {
|
|
background: #1e293b;
|
|
}
|
|
|
|
canvas#board {
|
|
position: relative !important;
|
|
z-index: 999999 !important;
|
|
background: #000 !important;
|
|
border: 2px solid red !important;
|
|
|
|
width: 640px !important;
|
|
height: 640px !important;
|
|
|
|
display: block !important;
|
|
flex-shrink: 0 !important;
|
|
}
|