/* ===== Russian Roulette – UtilHub 스킨 v2 ============================= */
:root{
  --rr-primary   : #4f8cff;
  --rr-primary-dk: #3c6ce0;
  --rr-danger    : #ef4444;
  --rr-safe      : #10b981;
  --rr-yellow    : #ffca28;
  --rr-gray      : #64748b;
  --rr-panel     : #ffffff;
  --rr-panel-sub : #f5f7fa;
}

/* 카드 컨테이너 */
.card-body.rr-box{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding-bottom:1.4rem;}

/* 승률 */
#statsBar{width:100%;text-align:center;font-size:.92rem;font-weight:600;padding:.55rem 0;border-radius:8px;background:var(--rr-panel-sub);color:var(--rr-primary);}

/* 게임 정보 */
.game-info{display:flex;gap:12px;width:100%;}
.info-item{flex:1;padding:.6rem 0;border-radius:8px;background:var(--rr-panel-sub);text-align:center;}
.info-label{font-size:.78rem;color:#6b7280;display:block;}
.info-value{font-size:1.2rem;font-weight:700;}

/* 메시지 */
.message-area{width:100%;padding:.7rem;border-radius:8px;background:var(--rr-panel-sub);font-size:.95rem;text-align:center;min-height:42px;}

/* 질문 */
.question-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.qBtn{border:none;border-radius:8px;padding:.8rem;background:var(--rr-gray);color:#fff;text-align:left;font-size:.9rem;line-height:1.4;cursor:pointer;transition:filter .15s,transform .15s;}
.qBtn:nth-child(odd){background:#58677f;}
.qBtn:hover{filter:brightness(1.08);transform:translateY(-2px);}
.qBtn.disabled{opacity:.5;pointer-events:none;}

/* AI 답변 */
.answer-area{width:100%;padding:1rem;border-radius:12px;background:var(--rr-panel-sub);}
.ai-speech{margin-bottom:.9rem;line-height:1.45;}
.trust-meter{margin-top:.4rem;}
.trust-label{display:flex;justify-content:space-between;font-size:.8rem;color:#6b7280;}
.bar{width:100%;height:8px;background:#d1d5db;border-radius:4px;overflow:hidden;}
.bar span{display:block;height:100%;width:0%;background:var(--rr-safe);border-radius:4px;}

/* 발사 버튼 */
.shoot-options{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.btn-shoot{padding:.75rem 0;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:filter .15s;}
.shoot-me{background:var(--rr-yellow);color:#000;}
.shoot-ai{background:var(--rr-danger);color:#fff;}
.btn-shoot:hover:not(:disabled){filter:brightness(1.1);}
.btn-shoot:disabled{background:#d1d5db;cursor:default;}

/* 인라인 결과 */
.result-area{width:100%;padding:1.1rem;border-radius:12px;background:var(--rr-panel-sub);box-shadow:0 2px 6px rgba(0,0,0,.05);transition:max-height .3s ease,opacity .3s ease;}
.result-area.hidden{max-height:0;padding:0 1.1rem;opacity:0;overflow:hidden;}
.result-message{margin-bottom:.9rem;line-height:1.4;}
.result-positive{color:var(--rr-safe);font-weight:600;}
.result-negative{color:var(--rr-danger);font-weight:600;}

/* 게임오버 */
.gameover-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;}
.gameover-area .result-final{padding:1.2rem;border-radius:12px;background:var(--rr-panel-sub);font-size:1.05rem;line-height:1.6;margin-bottom:.2rem;}
.win-text{color:var(--rr-safe);font-weight:bold;}
.lose-text{color:var(--rr-danger);font-weight:bold;}
.gameover-area .btn-shoot{width:160px;}

/* 모달 */
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);z-index:50;}
.modal.hidden{display:none;}
.modal-box{background:var(--rr-panel);padding:1.8rem 2rem;border-radius:14px;max-width:500px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.4);}
.close{position:absolute;top:.6rem;right:.6rem;border:none;background:none;font-size:1.2rem;cursor:pointer;}
.howto{margin:1rem 0 0;padding-left:1.4rem;list-style:disc;font-size:.9rem;}

/* 반응형 */
@media(max-width:480px){
  .question-grid{grid-template-columns:1fr;}
  .shoot-options{grid-template-columns:1fr;}
  .qBtn{font-size:.86rem;}
  .btn-shoot{font-size:.88rem;}
}