/* ============================================================
   クラッシュ 固有スタイル（games.css を土台に盤面のみ）
   ============================================================ */
.cr-stage{ position:relative; width:100%; max-width:340px; height:240px; margin:6px auto 2px;
  border-radius:16px; overflow:hidden;
  background:linear-gradient(180deg,#0a0a18 0%,#111126 60%,#1a1030 100%);
  border:1px solid #2a2a44; }
.cr-stage::after{ content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 50% 110%, rgba(244,143,177,.15), transparent 60%); }

.cr-mult{ position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); text-align:center;
  font-size:3.2rem; font-weight:900; letter-spacing:1px; z-index:3; transition:color .2s;
  text-shadow:0 2px 18px rgba(0,0,0,.6); }
.cr-mult.c1{ color:#fff; } .cr-mult.c2{ color:#FFD54F; } .cr-mult.c3{ color:#FF9800; } .cr-mult.c4{ color:#FF5252; }
.cr-mult.crashed{ color:#EF5350; }
.cr-sub{ position:absolute; top:calc(50% + 34px); left:0; right:0; text-align:center; color:#9aa; font-size:.8rem; z-index:3; }

.cr-rocket{ position:absolute; left:50%; bottom:8%; transform:translateX(-50%); font-size:40px; z-index:2;
  transition:bottom .12s linear; width:40px; height:40px; text-align:center; line-height:40px; }
.cr-rocket.img{ font-size:0; background-image:url('/game/crash/s_rocket.png'); background-position:center; background-repeat:no-repeat; background-size:contain; image-rendering:pixelated; }
.cr-rocket.fly{ animation:crWobble .5s ease-in-out infinite; }
@keyframes crWobble{ 0%,100%{ margin-left:-2px; } 50%{ margin-left:2px; } }
.cr-rocket.boom{ font-size:54px; width:54px; height:54px; animation:crBoom .4s ease; }
.cr-rocket.boom.img{ background-image:url('/game/crash/s_rocket_boom.png'); }
@keyframes crBoom{ 0%{ transform:translateX(-50%) scale(.6);} 60%{ transform:translateX(-50%) scale(1.5);} 100%{ transform:translateX(-50%) scale(1.2);} }

.cr-flash{ animation:crFlash .4s ease; }
@keyframes crFlash{ 0%{ background:#1a1030;} 50%{ background:#5a0a0a;} 100%{ background:#1a1030;} }

.cr-meter{ text-align:center; color:#9aa; font-size:.82rem; margin:10px 0 4px; min-height:20px; }
.cr-meter b{ color:#69F0AE; }
.cr-result{ font-size:20px; font-weight:800; min-height:28px; margin-top:8px; text-align:center; }
.cr-result.win{ color:#69F0AE; } .cr-result.lose{ color:#EF5350; }

/* レイアウト: 操作ボタンを上・盤面と説明は下（DOM順を order で再配置） */
.gc-wrap{ display:flex; flex-direction:column; }
#gcSelectors{ order:2; }
#gcBoard{ order:3; }
.gc-info-box{ order:9; }