Skip to content

Commit efd0ee6

Browse files
mhizer-fataimhizer-fatai
authored
Add files via upload
1 parent 551eeac commit efd0ee6

1 file changed

Lines changed: 154 additions & 0 deletions

File tree

‎style.css‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
body {
2+
background:black;
3+
color:white;
4+
font-family:Arial,sans-serif;
5+
display:flex;
6+
justify-content:center;
7+
align-items:center;
8+
min-height:100vh;
9+
}
10+
.hidden { display:none; }
11+
12+
/* Wallet top-left */
13+
.top-left {
14+
position:fixed;
15+
top:12px;
16+
left:12px;
17+
display:flex;
18+
gap:8px;
19+
align-items:center;
20+
z-index:1001;
21+
}
22+
.wallet-btn {
23+
background:white;
24+
color:black;
25+
padding:8px 12px;
26+
border-radius:8px;
27+
font-weight:bold;
28+
cursor:pointer;
29+
}
30+
.wallet-message { font-size:13px; }
31+
32+
/* Game container */
33+
.game-container {
34+
text-align:center;
35+
max-width:720px;
36+
background:rgba(11,15,31,0.9);
37+
border-radius:16px;
38+
padding:24px;
39+
box-shadow:0 0 40px rgba(255,255,255,0.08);
40+
}
41+
42+
/* Title */
43+
.logo { height:40px; }
44+
.game-title {
45+
font-size:28px;
46+
font-weight:bold;
47+
color:white;
48+
margin:10px 0;
49+
}
50+
51+
/* Start menu */
52+
.start-btn {
53+
background:white;
54+
color:black;
55+
padding:12px 26px;
56+
border-radius:8px;
57+
font-weight:bold;
58+
cursor:pointer;
59+
}
60+
.start-btn:disabled { opacity:0.5; cursor:not-allowed; }
61+
.payment-status { font-size:13px; margin-top:8px; }
62+
63+
/* Score & canvas */
64+
.score {
65+
font-size:20px;
66+
font-weight:bold;
67+
margin-bottom:12px;
68+
}
69+
#gameCanvas {
70+
border:2px solid white;
71+
background:#1a1f2e;
72+
border-radius:8px;
73+
width:100%;
74+
max-width:500px;
75+
height:auto;
76+
}
77+
78+
/* Controls */
79+
.controls {
80+
margin-top: 16px;
81+
display: flex;
82+
flex-direction: column;
83+
align-items: center;
84+
gap: 16px; /* more vertical spacing */
85+
}
86+
.control-row {
87+
display: flex;
88+
gap: 28px; /* more horizontal spacing */
89+
justify-content: center;
90+
}
91+
.control-btn {
92+
background: white;
93+
color: black;
94+
border: none;
95+
padding: 22px; /* bigger padding */
96+
font-size: 34px; /* larger arrow icon */
97+
border-radius: 14px;
98+
width: 90px; /* bigger width */
99+
height: 90px; /* bigger height */
100+
cursor: pointer;
101+
}
102+
.control-btn:active { transform: scale(0.93); }
103+
104+
/* Game over */
105+
.game-over {
106+
position:absolute;
107+
top:50%;
108+
left:50%;
109+
transform:translate(-50%,-50%);
110+
background:rgba(11,15,31,0.98);
111+
padding:26px;
112+
border-radius:12px;
113+
border:2px solid white;
114+
color:white;
115+
}
116+
.game-over button {
117+
background:white;
118+
color:black;
119+
padding:10px 18px;
120+
border-radius:8px;
121+
border:none;
122+
font-weight:bold;
123+
cursor:pointer;
124+
}
125+
126+
/* Instructions */
127+
.instructions {
128+
margin-top:12px;
129+
font-size:14px;
130+
color:white;
131+
}
132+
133+
/* Disclaimer */
134+
.disclaimer {
135+
margin-top: 16px;
136+
font-size: 13px;
137+
color: #ccc;
138+
font-style: italic;
139+
}
140+
141+
/* Footer credit */
142+
.footer {
143+
margin-top: 20px;
144+
font-size: 12px;
145+
color: #aaa;
146+
}
147+
.footer a {
148+
color: #aaa;
149+
text-decoration: none;
150+
}
151+
.footer a:hover {
152+
color: white;
153+
text-decoration: underline;
154+
}

0 commit comments

Comments
 (0)