feat(gameplay): add crazy dave casino and bank, and zombie mutation lab
This commit is contained in:
Antigravity committed
1 parent
d8be8f4366
commit
b8db5a123d
16 files changed
+2365
-135
No files matched your search
@@ -1090,6 +1090,113 @@ canvas#gameCanvas {
|
||||
background: #f44336;
|
||||
}
|
||||
|
||||
/* Active Sessions and Devices Styling */
|
||||
.auth-sessions-section {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.auth-sessions-list {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #81c784 rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.auth-sessions-list::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.auth-sessions-list::-webkit-scrollbar-thumb {
|
||||
background: #81c784;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.session-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
padding: 8px 10px;
|
||||
gap: 10px;
|
||||
transition: background 0.2s, border-color 0.2s;
|
||||
}
|
||||
|
||||
.session-card:hover {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.session-card.is-current {
|
||||
border-color: #81c784;
|
||||
background: rgba(76, 175, 80, 0.14);
|
||||
}
|
||||
|
||||
.session-icon {
|
||||
font-size: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-radius: 6px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.session-details {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.session-dev-name {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #ffeb3b;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.session-meta {
|
||||
font-size: 11px;
|
||||
color: #b0bec5;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.session-current-badge {
|
||||
font-size: 10.5px;
|
||||
font-weight: bold;
|
||||
color: #a5d6a7;
|
||||
background: rgba(46, 125, 50, 0.4);
|
||||
border: 1px solid #66bb6a;
|
||||
padding: 3px 8px;
|
||||
border-radius: 12px;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.btn-terminate-session {
|
||||
font-size: 11px;
|
||||
padding: 4px 9px;
|
||||
border-radius: 5px;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
.rotating {
|
||||
display: inline-block;
|
||||
animation: spin 0.5s linear infinite;
|
||||
}
|
||||
|
||||
/* Workshop / Garden Lab Styles */
|
||||
.btn-workshop {
|
||||
background: linear-gradient(to bottom, #00897b, #004d40);
|
||||
@@ -2901,3 +3008,203 @@ body.theme-winter .banner-card {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
/* ─── Crazy Dave's Casino & Bank Modal ─── */
|
||||
.casino-card {
|
||||
max-width: 680px;
|
||||
width: 95%;
|
||||
background: radial-gradient(circle at top, #2e1045 0%, #120726 60%, #080312 100%);
|
||||
border: 3px solid #ffca28;
|
||||
border-radius: 14px;
|
||||
box-shadow: 0 12px 36px rgba(0,0,0,0.85), 0 0 24px rgba(255, 202, 40, 0.35);
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
.casino-balance-bar {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
gap: 10px;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(255, 202, 40, 0.3);
|
||||
border-radius: 8px;
|
||||
padding: 8px 12px;
|
||||
margin-bottom: 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.casino-tabs {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.casino-tab {
|
||||
background: #28143d;
|
||||
color: #b0bec5;
|
||||
border: 1px solid #7b1fa2;
|
||||
border-radius: 6px;
|
||||
padding: 6px 18px;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.casino-tab.active {
|
||||
background: linear-gradient(135deg, #d81b60, #8e24aa);
|
||||
color: #fff;
|
||||
border-color: #ffca28;
|
||||
box-shadow: 0 0 10px rgba(216, 27, 96, 0.6);
|
||||
}
|
||||
|
||||
.slot-machine-cabinet {
|
||||
background: #180928;
|
||||
border: 2px solid #ba68c8;
|
||||
border-radius: 12px;
|
||||
padding: 16px;
|
||||
margin-bottom: 12px;
|
||||
box-shadow: inset 0 0 18px rgba(0,0,0,0.8);
|
||||
}
|
||||
|
||||
.slot-reels-frame {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 16px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.slot-reel {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
background: #ffffff;
|
||||
border: 4px solid #ffd54f;
|
||||
border-radius: 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 48px;
|
||||
box-shadow: inset 0 4px 8px rgba(0,0,0,0.35), 0 4px 12px rgba(0,0,0,0.5);
|
||||
user-select: none;
|
||||
transition: transform 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
.slot-reel.spinning {
|
||||
animation: reelShake 0.1s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes reelShake {
|
||||
0% { transform: translateY(-4px); }
|
||||
100% { transform: translateY(4px); }
|
||||
}
|
||||
|
||||
.slot-result-banner {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #ffeb3b;
|
||||
min-height: 22px;
|
||||
padding: 6px;
|
||||
background: rgba(0,0,0,0.3);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.slot-controls {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
margin-bottom: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.bet-selector {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.btn-bet {
|
||||
background: #371a52;
|
||||
color: #fff;
|
||||
border: 1px solid #9c27b0;
|
||||
border-radius: 6px;
|
||||
padding: 6px 12px;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.btn-bet.active {
|
||||
background: #ffb300;
|
||||
color: #000;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.btn-spin {
|
||||
background: linear-gradient(135deg, #e91e63, #9c27b0);
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
padding: 8px 24px;
|
||||
border-radius: 8px;
|
||||
border: 2px solid #ffeb3b;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 4px 14px rgba(233, 30, 99, 0.6);
|
||||
transition: transform 0.1s;
|
||||
}
|
||||
|
||||
.btn-spin:active {
|
||||
transform: scale(0.96);
|
||||
}
|
||||
|
||||
.slot-paytable {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
|
||||
gap: 6px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
border-radius: 8px;
|
||||
padding: 8px;
|
||||
font-size: 11px;
|
||||
color: #cfd8dc;
|
||||
border: 1px solid rgba(255,255,255,0.08);
|
||||
}
|
||||
|
||||
.bank-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.bank-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.bank-box {
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
border: 1px solid #546e7a;
|
||||
border-radius: 10px;
|
||||
padding: 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.bank-actions-row {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
/* ─── Zombie Lab Mutations (Workshop Tab 3) ─── */
|
||||
.zombie-tier-card {
|
||||
border-color: #ab47bc !important;
|
||||
background: linear-gradient(135deg, rgba(74, 20, 140, 0.25) 0%, rgba(38, 50, 56, 0.4) 100%) !important;
|
||||
}
|
||||
|
||||
.zombie-tier-badge {
|
||||
background: #7b1fa2 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user