/* SWAMP LAND STYLES */
.swamp-container { display: flex; flex-direction: column; gap: 16px; max-width: 480px; margin: 0 auto; width: 100%; }
.swamp-board-panel { padding: 16px; }
.swamp-arena { display: flex; align-items: center; gap: 12px; position: relative; }
.swamp-mult-column { display: flex; flex-direction: column; gap: 6px; justify-content: space-between; height: 100%; }
.swamp-mult-item { background: rgba(255, 255, 255, 0.1); padding: 8px 12px; border-radius: 8px; font-weight: 700; color: #00E676; font-size: 14px; text-align: center; }
.swamp-grid-column { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.swamp-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.swamp-cell { aspect-ratio: 1; background: rgba(0, 0, 0, 0.4); border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; font-size: 24px; opacity: 0.8; transition: all 0.3s; }
.swamp-cell.revealed-leaf { opacity: 1; background: rgba(0, 230, 118, 0.2); border-color: #00E676; box-shadow: inset 0 0 10px rgba(0,230,118,0.3); }
.swamp-frog-token { position: absolute; font-size: 30px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); filter: drop-shadow(0 4px 6px rgba(0,0,0,0.5)); z-index: 10; pointer-events: none; }

/* KAMIKAZE STYLES */
.kamikaze-container { display: flex; flex-direction: column; gap: 16px; max-width: 480px; margin: 0 auto; width: 100%; }
.kamikaze-board-panel { padding: 16px; }
.kamikaze-arena { display: flex; align-items: center; gap: 12px; position: relative; }
.kamikaze-mult-side { display: flex; flex-direction: column; gap: 6px; justify-content: space-between; height: 100%; }
.k-mult { background: rgba(255, 255, 255, 0.1); padding: 8px 12px; border-radius: 8px; font-weight: 700; color: #00B0FF; font-size: 14px; text-align: center; }
.kamikaze-grid-box { flex: 1; display: grid; grid-template-rows: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr); gap: 6px; position: relative; }
.kamikaze-cell { aspect-ratio: 1; background: rgba(0, 176, 255, 0.1); border-radius: 8px; border: 1px dashed rgba(0,176,255,0.3); transition: all 0.3s; }
.kamikaze-cell.visited { background: rgba(0, 176, 255, 0.3); border-style: solid; border-color: #00B0FF; box-shadow: 0 0 12px rgba(0,176,255,0.4); }
.kamikaze-plane-token { position: absolute; font-size: 36px; transition: all 0.6s ease-in-out; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.6)); z-index: 10; pointer-events: none; transform: rotate(-45deg); }

/* WILD WEST GOLD STYLES */
.wildwest-container { display: flex; flex-direction: column; gap: 16px; max-width: 480px; margin: 0 auto; width: 100%; }
.wildwest-top-bar { display: flex; gap: 12px; align-items: center; }
.wildwest-help-btn { width: 40px; height: 40px; border-radius: 50%; border: none; background: #FFD54F; color: #000; font-weight: 800; font-size: 18px; cursor: pointer; }
.wildwest-top-banner { flex: 1; background: rgba(255, 213, 79, 0.15); border: 1px solid #FFD54F; padding: 10px 16px; border-radius: 12px; font-weight: 700; text-align: center; color: #FFD54F; }
.wildwest-parchment-card { background: url('https://www.transparenttextures.com/patterns/aged-paper.png'), #d2b48c; border-radius: 16px; padding: 20px; position: relative; box-shadow: 0 8px 24px rgba(0,0,0,0.4); border: 2px solid #8b4513; }
.wildwest-parchment-tab { position: absolute; top: -12px; left: 24px; background: #8b4513; color: #fff; padding: 4px 16px; border-radius: 8px; font-weight: 800; }
.wildwest-board { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.wildwest-row { display: grid; gap: 8px; }
.wildwest-row.cols-2 { grid-template-columns: repeat(2, 1fr); }
.wildwest-row.cols-3 { grid-template-columns: repeat(3, 1fr); }
.wildwest-cell { aspect-ratio: 1.5; background: rgba(0,0,0,0.3); border: 2px dashed rgba(139, 69, 19, 0.5); border-radius: 8px; transition: all 0.3s; display: flex; align-items: center; justify-content: center; font-size: 28px; }
.wildwest-cell.safe { background: #FFD54F; border: 2px solid #fbc02d; box-shadow: 0 0 15px rgba(255,213,79,0.5); }
.wildwest-cell.safe::after { content: '💰'; }
.wildwest-cell.trap { background: rgba(255,0,0,0.6); border: 2px solid #d32f2f; }
.wildwest-cell.trap::after { content: '🧨'; }

/* DRAGON'S GOLD STYLES */
.dragon-container { display: flex; flex-direction: column; gap: 16px; max-width: 480px; margin: 0 auto; width: 100%; }
.dragon-board-panel { padding: 16px; }
.dragon-board { display: flex; gap: 12px; }
.dragon-mult-column { display: flex; flex-direction: column; gap: 6px; }
.dragon-mult-badge { background: rgba(255, 107, 0, 0.15); padding: 8px; border-radius: 8px; font-weight: 700; color: #FF6B00; font-size: 13px; text-align: center; display: flex; align-items: center; justify-content: center; }
.dragon-grid-column { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.dragon-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.dragon-cell { aspect-ratio: 1; background: rgba(0, 0, 0, 0.5); border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; justify-content: center; font-size: 20px; transition: all 0.3s; opacity: 0.6; }
.dragon-cell.revealed-gold { opacity: 1; background: rgba(255, 213, 79, 0.2); border-color: #FFD54F; box-shadow: inset 0 0 10px rgba(255,213,79,0.4); }

/* ROYAL COIN FLIP STYLES */
.coinflip-container { display: flex; flex-direction: column; gap: 16px; max-width: 480px; margin: 0 auto; width: 100%; }
.coinflip-card { padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 24px; }
.coin-mult-timeline { display: none !important; }
.c-mult { font-weight: 700; color: #94A3B8; font-size: 14px; position: relative; }
.c-mult.active { color: #00E5FF; }
.c-mult.active::after { content: ''; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; background: #00E5FF; border-radius: 50%; box-shadow: 0 0 8px #00E5FF; }
.coin-arena { height: 180px; display: flex; align-items: center; justify-content: center; perspective: 1000px; }
.coin-3d-wrapper { width: 120px; height: 120px; }
.coin-3d { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.1s; }
.coin-face { position: absolute; width: 100%; height: 100%; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 48px; backface-visibility: hidden; border: 4px solid #FFD54F; box-shadow: inset 0 0 20px rgba(255,213,79,0.5), 0 10px 20px rgba(0,0,0,0.5); }
.coin-front { background: radial-gradient(circle, #fbc02d 0%, #f57f17 100%); transform: rotateY(0deg); }
.coin-back { background: radial-gradient(circle, #ce93d8 0%, #6a1b9a 100%); transform: rotateY(180deg); }
.coin-label { font-size: 12px; font-weight: 800; color: #fff; margin-top: 4px; text-shadow: 0 1px 2px rgba(0,0,0,0.8); }

/* CRASH & AVIATOR GRAPH STYLES */
.graph-game-container { display: flex; flex-direction: column; gap: 16px; max-width: 480px; margin: 0 auto; width: 100%; }
.canvas-panel { position: relative; height: 220px; padding: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.canvas-panel canvas { width: 100%; height: 100%; }
.aviator-bg { background: linear-gradient(180deg, #1A1A2E 0%, #0F0F1A 100%); border: 1px solid rgba(255, 82, 82, 0.3); }
.graph-overlay-text { position: absolute; font-size: 42px; font-weight: 900; color: #00E676; text-shadow: 0 0 20px rgba(0, 230, 118, 0.5); }
.graph-overlay-text.gold { color: #FFD54F; text-shadow: 0 0 20px rgba(255, 213, 79, 0.5); }

/* SPIN & WIN STYLES */
.spinwin-container { display: flex; flex-direction: column; gap: 16px; max-width: 480px; margin: 0 auto; width: 100%; }
.wheel-panel { height: 320px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.wheel-pointer { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); font-size: 32px; color: #FFF; z-index: 10; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.spin-wheel-wrapper { width: 280px; height: 280px; border-radius: 50%; box-shadow: 0 0 30px rgba(0,0,0,0.4); border: 4px solid rgba(255,255,255,0.1); }

/* CARD BACKGROUNDS & GLOWS (For index.html game cards) */
.apple-theme-bg { background: radial-gradient(circle at bottom right, rgba(0, 230, 118, 0.1), transparent); }
.apple-glow { filter: drop-shadow(0 0 15px rgba(0, 230, 118, 0.6)); }

.gems-theme-bg { background: radial-gradient(circle at bottom right, rgba(0, 229, 255, 0.1), transparent); }
.gems-glow { filter: drop-shadow(0 0 15px rgba(0, 229, 255, 0.6)); }

.underover-theme-bg { background: radial-gradient(circle at bottom right, rgba(171, 71, 188, 0.1), transparent); }
.underover-glow { filter: drop-shadow(0 0 15px rgba(171, 71, 188, 0.6)); }

.swampland-theme-bg { background: radial-gradient(circle at bottom right, rgba(76, 175, 80, 0.1), transparent); }
.swamp-glow { filter: drop-shadow(0 0 15px rgba(76, 175, 80, 0.6)); }

.crash-theme-bg { background: radial-gradient(circle at bottom right, rgba(255, 82, 82, 0.1), transparent); }
.crash-glow { filter: drop-shadow(0 0 15px rgba(255, 82, 82, 0.6)); }

.aviator-theme-bg { background: radial-gradient(circle at bottom right, rgba(255, 213, 79, 0.1), transparent); }
.aviator-glow { filter: drop-shadow(0 0 15px rgba(255, 213, 79, 0.6)); }

.spinwin-theme-bg { background: radial-gradient(circle at bottom right, rgba(156, 39, 176, 0.1), transparent); }
.spinwin-glow { filter: drop-shadow(0 0 15px rgba(156, 39, 176, 0.6)); }

.kamikaze-theme-bg { background: radial-gradient(circle at bottom right, rgba(3, 169, 244, 0.1), transparent); }
.kamikaze-glow { filter: drop-shadow(0 0 15px rgba(3, 169, 244, 0.6)); }

.wildwest-theme-bg { background: radial-gradient(circle at bottom right, rgba(255, 152, 0, 0.1), transparent); }
.wildwest-glow { filter: drop-shadow(0 0 15px rgba(255, 152, 0, 0.6)); }

.dragongold-theme-bg { background: radial-gradient(circle at bottom right, rgba(255, 193, 7, 0.1), transparent); }
.dragongold-glow { filter: drop-shadow(0 0 15px rgba(255, 193, 7, 0.6)); }

.coinflip-theme-bg { background: radial-gradient(circle at bottom right, rgba(0, 188, 212, 0.1), transparent); }
.coinflip-glow { filter: drop-shadow(0 0 15px rgba(0, 188, 212, 0.6)); }