1 files changed, 19 insertions, 8 deletions

diff --git a/web/play/style.css b/web/play/style.css
index a0e4cca..7f0c2cd 100644
--- a/web/play/style.css
+++ b/web/play/style.css
@@ -311,7 +311,7 @@ h2 { font-size: 18px; }
 .tile.sym-D { color: #4fb8c9; }
 .tile.sym-S { color: #4ec27b; }
 .tile.win { border-color: var(--gold); background: rgba(224, 182, 74, 0.14); }
-.tile.spinning { opacity: 0.35; }
+.tile.spinning, .tile.placeholder { opacity: 0.35; }
 .win-lines { text-align: center; margin-top: 18px; color: var(--dim); font-size: 12px; min-height: 18px; }
 
 /* Cards */
@@ -348,13 +348,24 @@ h2 { font-size: 18px; }
 .outcome { margin-top: 20px; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); }
 
 /* Crash */
-.crash-wrap { position: relative; flex: 1; display: flex; flex-direction: column; min-height: 0; padding-top: 40px; }
+.crash-wrap {
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  padding: 22px 24px;
+  background: var(--surface);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-lg);
+}
 .crash-wrap > .label { margin-top: 2px; color: var(--dim); }
 .crash-number {
   font-family: var(--mono);
-  font-size: clamp(44px, 9vw, 86px);
+  font-size: clamp(40px, 6vw, 68px);
   line-height: 1;
   letter-spacing: -0.04em;
+  color: var(--dim);
 }
 .crash-number.running { color: var(--gold); }
 .crash-number.crashed { color: var(--loss); }
@@ -369,11 +380,11 @@ h2 { font-size: 18px; }
 canvas { display: block; width: 100%; }
 .roulette-canvas { height: 500px; margin: 80px 0 0; }
 .crash-canvas {
-  height: 500px;
-  margin-top: 14px;
-  background: var(--surface);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-md);
+  height: 460px;
+  margin-top: 10px;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
 }
 .wheel-canvas {
   display: block;