/* Relic Simulator (Orange Theme) */
.rc-wrap { display: grid; grid-template-columns: 360px 1fr; gap: 16px; align-items: start; }
@media (max-width: 900px){ .rc-wrap{ grid-template-columns: 1fr; } }

.rc-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 16px; margin-bottom: 16px; }
.rc-card:last-child { margin-bottom: 0; }
.rc-title { font-size: 18px; font-weight: 800; margin: 0 0 12px 0; color: #1e293b; }

.rc-right { display: flex; flex-direction: column; }

.rc-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.rc-tab { flex: 1; padding: 10px; border-radius: 10px; border: 1px solid #cbd5e1; background: #fff; font-weight: 700; cursor: pointer; color: #64748b; }
.rc-tab.is-active { background: #ff7811; color: #fff; border-color: transparent; }

.rc-field { margin-bottom: 12px; }
.rc-label { font-size: 13px; font-weight: 700; color: #475569; margin-bottom: 6px; }
.rc-input, .rc-select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid #cbd5e1; border-radius: 10px; box-sizing: border-box; font-size: 14px; }
.rc-select.small { height: 32px; padding: 0 8px; font-size: 12px; border-radius: 8px; }

.rc-btn-group { display:flex; gap:6px; margin-top:6px; }
.rc-btn-group button { flex:1; padding:8px; border:1px solid #cbd5e1; background:#f8fafc; border-radius:8px; cursor:pointer; font-weight:600; font-size:12px; color:#475569; }
.rc-btn-group button:hover { background:#e2e8f0; }

.rc-btn { width: 100%; padding: 12px; border-radius: 12px; font-weight: 800; border: none; cursor: pointer; font-size: 15px; transition: opacity 0.2s; }
.rc-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.rc-btn.primary { background: #ff7811; color: #fff; }
.rc-btn.primary:hover { background: #f97316; }
.rc-btn.warn { background: #fee2e2; color: #ef4444; }
.rc-btn.share { background: #10b981; color: #fff; }

.rc-hr { height:1px; background:#e2e8f0; margin:16px 0; }
.rc-msg { margin-top: 10px; padding: 10px; border-radius: 8px; background: #f1f5f9; font-size: 13px; color: #64748b; text-align: center; }

/* Stats */
.rc-stats { display:flex; flex-direction:column; gap:8px; background:#f8fafc; padding:12px; border-radius:12px; border:1px solid #e2e8f0; }
.stat-row { display:flex; justify-content:space-between; align-items:center; font-size:14px; }
.stat-row .l { color:#64748b; font-weight:600; }
.stat-row .v { color:#0f172a; font-weight:800; font-size:15px; }

/* Inventory */
.rc-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.rc-inv-box { height: 280px; overflow-y: auto; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; padding: 8px; font-size: 13px; }
.rc-item-row { display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-bottom:1px dashed #f1f5f9; }
.rc-item-left { display:flex; align-items:center; gap:10px; }
.rc-item-icon { width:36px; height:36px; border-radius:8px; border:2px solid #e2e8f0; object-fit:contain; background:#f8fafc; }
.rc-item-name { font-weight:700; color:#334155; }
.rc-item-count { font-weight:800; color:#0f172a; }

/* Log */
.rc-log-card { flex: 1; display: flex; flex-direction: column; min-height: 200px; }
.rc-log { flex: 1; overflow-y: auto; background: #f8fafc; border-radius: 10px; padding: 12px; font-size: 12px; line-height: 1.6; max-height: 400px; border: 1px solid #e2e8f0; color: #64748b; white-space: pre-wrap; }

/* Rarity Colors (유물 등급색 - 필요시 수정) */
[data-rarity="normal"] { border-color: #9ca3af !important; }
[data-rarity="rare"] { border-color: #3b82f6 !important; }
[data-rarity="epic"] { border-color: #a855f7 !important; }
[data-rarity="unique"] { border-color: #f59e0b !important; }
[data-rarity="legendary"] { border-color: #84cc16 !important; }