ProjectGenesis commited on
Commit
a8e5fca
·
verified ·
1 Parent(s): 6ff4b6c

remove glass container over the multiplier track

Browse files
Files changed (1) hide show
  1. index.html +3 -11
index.html CHANGED
@@ -50,20 +50,12 @@
50
  <div class="multiplier-track absolute top-0 left-0 h-full flex items-center justify-center gap-2 transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)]">
51
  <!-- Multipliers (generated by JS) -->
52
  </div>
53
-
54
- <!-- Center Selection Frame -->
55
- <div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-28 h-20 pointer-events-none z-10">
56
- <div class="absolute inset-0 rounded-xl border-2 border-premium-gold/80"></div>
57
- <div class="absolute inset-0 rounded-xl bg-gradient-to-b from-premium-gold/5 to-transparent backdrop-blur-sm"></div>
58
- <div class="absolute -inset-1 rounded-xl border border-premium-gold/30 blur-md"></div>
59
- <div class="absolute -inset-2 rounded-xl border border-premium-gold/10 blur-xl"></div>
60
- </div>
61
-
62
  <!-- Track Highlights -->
63
  <div class="absolute inset-y-0 left-0 w-48 bg-gradient-to-r from-premium-black to-transparent z-5"></div>
64
  <div class="absolute inset-y-0 right-0 w-48 bg-gradient-to-l from-premium-black to-transparent z-5"></div>
65
- <div class="absolute inset-0 bg-premium-gold/5 blur-xl opacity-0 motion-blur"></div>
66
- </div>
67
  <!-- Roll Buttons -->
68
  <div class="mt-8 flex justify-center gap-4">
69
  <button id="rollButton" class="roll-button relative px-12 py-4 bg-premium-charcoal rounded-full border-2 border-premium-gold/50 text-premium-gold font-bold text-xl uppercase tracking-wider hover:bg-premium-gold/10 hover:border-premium-gold hover:text-premium-orange transition-all duration-300 group">
 
50
  <div class="multiplier-track absolute top-0 left-0 h-full flex items-center justify-center gap-2 transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)]">
51
  <!-- Multipliers (generated by JS) -->
52
  </div>
53
+ <!-- Center Selection Indicator -->
54
+ <div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-28 h-1 bg-premium-gold/80 pointer-events-none z-10"></div>
 
 
 
 
 
 
 
55
  <!-- Track Highlights -->
56
  <div class="absolute inset-y-0 left-0 w-48 bg-gradient-to-r from-premium-black to-transparent z-5"></div>
57
  <div class="absolute inset-y-0 right-0 w-48 bg-gradient-to-l from-premium-black to-transparent z-5"></div>
58
+ </div>
 
59
  <!-- Roll Buttons -->
60
  <div class="mt-8 flex justify-center gap-4">
61
  <button id="rollButton" class="roll-button relative px-12 py-4 bg-premium-charcoal rounded-full border-2 border-premium-gold/50 text-premium-gold font-bold text-xl uppercase tracking-wider hover:bg-premium-gold/10 hover:border-premium-gold hover:text-premium-orange transition-all duration-300 group">